:root{color-scheme:dark;--bg-top:#081220;--bg-middle:#0d1522;--bg-bottom:#10151a;--text-primary:#ddd6cc;--text-secondary:#ddd6ccb9;--text-muted:#ddd6cc8b;--surface:rgba(221,214,204,0.035);--surface-hover:rgba(221,214,204,0.06);--border-subtle:rgba(221,214,204,0.1);--card-text:#081220;--card-text-secondary:rgba(8,18,32,0.7);--card-text-muted:#3d4860;--card-bg:#ddd6cc;--card-border:rgba(8,18,32,0.12);--ambient-navy:rgba(55,85,180,0.018);--ambient-warm:rgba(180,140,80,0.018);--ambient-brown-deep:rgba(90,53,31,0.04);--accent-gold:#a1722b;--accent-gold-soft:rgba(201,168,118,0.12);--accent-gold-deep:#704f1e;--event-name-brown:#5a351f;--timeline-navy:#162847;--popup-bg:#ddd6cc;--popup-border:rgba(221,214,204,0.5);--popup-ink:#5a351f;--popup-ink-muted:#5a351f;--popup-hairline:rgba(8,18,32,0.14);--popup-overlay-bg:rgba(8,18,32,0.42);--popup-shadow:0 30px 90px rgba(0,0,0,0.35)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{color-scheme:dark}body,html{background-color:var(--bg-top)}body{margin:0;min-height:100vh;font-family:var(--font-libre),serif;color:var(--text-primary);background:radial-gradient(circle 460px at 14% 18%,var(--ambient-warm),transparent 62%),radial-gradient(circle 400px at 85% 10%,var(--ambient-brown-deep),transparent 60%),radial-gradient(circle 520px at 80% 76%,var(--ambient-warm),transparent 64%),radial-gradient(circle 380px at 10% 80%,var(--ambient-brown-deep),transparent 58%),radial-gradient(circle 1400px at 20% 15%,var(--ambient-navy),transparent 75%),linear-gradient(180deg,var(--bg-top) 0,var(--bg-middle) 55%,var(--bg-bottom) 100%);background-attachment:fixed}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,textarea:-webkit-autofill{-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary);box-shadow:0 0 0 1000px var(--bg-top) inset!important;-webkit-transition:background-color 9999s ease-out;transition:background-color 9999s ease-out}*,:after,:before{box-sizing:border-box}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary)!important;box-shadow:0 0 0 1000px var(--bg-top) inset!important;caret-color:var(--text-primary)}button,input{font-family:inherit}.page{display:flex;flex-direction:column;min-height:100vh}.footer{margin-top:auto}.black-box{width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:40px;box-shadow:0 20px 80px rgba(27,42,65,.3)}.placeholder-page{min-height:100vh;display:flex;flex-direction:column}.create-group-container{flex:1 1;display:flex;justify-content:center;align-items:center}.create-group-container p{text-align:center;color:#ddd6cc;margin:0}.footer{text-align:center;padding:1rem}.popup-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--popup-overlay-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.popup-card{position:relative;color-scheme:light;width:min(90vw,480px);padding:3.75rem 3rem 3rem;border:1px solid var(--popup-border);border-radius:1.5rem;background:var(--popup-bg);color:var(--popup-ink);text-align:center;box-shadow:var(--popup-shadow)}.popup-close{position:absolute;top:1.15rem;right:1.35rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--popup-ink);font-family:Arial,sans-serif;font-size:2rem;font-weight:300;line-height:1;cursor:pointer;transition:opacity .18s ease,transform .18s ease}.popup-close:hover{opacity:.6;transform:rotate(4deg)}.popup-close:focus-visible{outline:2px solid var(--accent-gold);outline-offset:3px}.popup-eyebrow{margin:0 0 1rem;color:var(--accent-gold);font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.popup-icon{display:grid;width:46px;height:46px;margin:0 auto 1.5rem;place-items:center;border:1px solid var(--popup-ink);border-radius:50%;background:transparent;color:var(--popup-ink);font-size:1.1rem}.popup-title{margin:0;color:var(--event-name-brown);font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:700;line-height:1.15}.popup-copy{max-width:350px;margin:1.25rem auto 0;color:var(--popup-ink-muted);font-size:1rem;line-height:1.6}.popup-actions{display:flex;justify-content:center;gap:.9rem;flex-wrap:wrap;margin-top:2rem}.popup-button{padding:.9rem 2.2rem;border:1px solid var(--popup-ink);border-radius:999px;background:transparent;color:var(--popup-ink);font:inherit;font-size:.95rem;font-weight:700;cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .18s ease}.popup-button:hover:not(:disabled){transform:translateY(-2px);background:var(--popup-ink);color:var(--popup-bg)}.popup-button:disabled{opacity:.5;cursor:not-allowed}.popup-button.popup-button-secondary{border-color:var(--popup-hairline);color:var(--popup-ink-muted)}.popup-button.popup-button-secondary:hover:not(:disabled){background:var(--popup-ink);color:var(--popup-bg)}.popup-button:focus-visible{outline:2px solid var(--accent-gold);outline-offset:4px}@media (max-width:700px){.popup-card{padding:2.5rem 1.75rem 2rem}.popup-icon{width:36px;height:36px;margin-bottom:1rem;font-size:.85rem}.popup-title{font-size:1.6rem}.popup-copy{font-size:.85rem}}.form-error{margin-top:.75rem;padding:.9rem 1rem;border:1px solid rgba(185,98,78,.28);border-left:3px solid #b9624e;border-radius:12px;background:rgba(185,98,78,.08);color:var(--text-primary);font-size:.85rem;line-height:1.5}.form-error:empty{display:none}