@import url("https://fonts.googleapis.com/css2?family=Pirata+One&family=Oswald:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");:root{--bg:#09090B;--bg-raised:#101013;--bg-elevated:#141417;--bg-elevated-2:#1B1B20;--bg-sunken:#050506;--border:#232327;--border-strong:#3A3A41;--hairline:rgba(241,237,227,0.06);--text:#F1EDE3;--text-dim:#A29E96;--text-faint:#6A6862;--accent:#FF1F55;--accent-hot:#FF0A8C;--accent-ink:#12000A;--accent-cold:#C9C2B2;--accent-grad:linear-gradient(135deg,var(--accent) 0%,var(--accent-hot) 100%);--state-accepted:#7FA35B;--state-maybe:#D69A2E;--state-declined:#A8483E;--state-locked:#6F8CA6;--shadow-sm:0 1px 2px rgba(0,0,0,.55);--shadow-md:0 8px 24px -12px rgba(0,0,0,.9);--shadow-lg:0 24px 60px -24px rgba(0,0,0,.95);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");--font-brand:"Pirata One","Oswald",serif;--font-display:"Oswald","Arial Narrow",sans-serif;--font-body:"IBM Plex Sans",-apple-system,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--step--2:0.7rem;--step--1:0.8125rem;--step-0:0.9375rem;--step-1:1.1875rem;--step-2:1.5rem;--step-3:2rem;--step-4:clamp(2.1rem,1.4rem + 2.4vw,3rem);--tracking-eyebrow:0.16em;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--radius:4px;--radius-lg:8px;--ease:cubic-bezier(.2,.7,.3,1);--nav-height-mobile:62px;--header-height:56px;--sidebar-width:232px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--step-0);line-height:1.55;-webkit-font-smoothing:antialiased;position:relative}body:before{z-index:0;background:radial-gradient(90rem 40rem at 50% -18rem,rgba(255,31,85,.13),transparent 62%),radial-gradient(60rem 40rem at -10% 110%,rgba(241,237,227,.035),transparent 60%)}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{z-index:1;background-image:var(--grain);opacity:.045;mix-blend-mode:overlay}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.04;letter-spacing:-.01em;margin:0 0 var(--space-3)}h1{font-size:var(--step-3);font-weight:700}h2{font-size:var(--step-2)}h3{font-size:var(--step-1)}p{margin:0 0 var(--space-3);max-width:64ch;color:var(--text-dim)}a{color:inherit}button{font-family:inherit;cursor:pointer}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.eyebrow{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-faint);display:flex;align-items:center;gap:var(--space-2)}.eyebrow.accent{color:var(--accent)}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:2}.topbar{height:var(--header-height);justify-content:space-between;gap:var(--space-3);padding:0 var(--space-4);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);z-index:30}.topbar,.wordmark{display:flex;align-items:center}.wordmark{font-family:var(--font-display);font-weight:700;font-size:var(--step-1);letter-spacing:.04em;text-transform:uppercase;gap:var(--space-2);text-shadow:1.5px 1px 0 rgba(255,31,85,.42)}.sigil{width:24px;height:24px;display:grid;place-items:center;border-radius:3px;background:var(--accent-grad);color:var(--accent-ink);font-size:13px;font-weight:700;box-shadow:0 0 18px -4px rgba(255,31,85,.75)}.layout{flex:1 1;display:flex;width:100%}.sidebar{display:none;width:var(--sidebar-width);flex-shrink:0;border-right:1px solid var(--border);padding:var(--space-4) var(--space-3)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius);color:var(--text-dim);text-decoration:none;font-size:var(--step--1);font-weight:500;margin-bottom:2px}.sidebar-link:hover{color:var(--text);background:var(--bg-raised)}.sidebar-link.active{background:linear-gradient(90deg,rgba(255,31,85,.13),transparent 75%);color:var(--text);font-weight:600}main{flex:1 1;min-width:0;padding:var(--space-5) var(--space-4);padding-bottom:calc(var(--nav-height-mobile) + var(--space-8))}.container{max-width:880px;margin:0 auto}.tabbar{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height-mobile);display:flex;background:color-mix(in srgb,var(--bg-raised) 88%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border-top:1px solid var(--border);z-index:40;padding-bottom:env(safe-area-inset-bottom)}.tabbar-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-faint);text-decoration:none;font-size:.66rem;letter-spacing:.04em;position:relative}.tabbar-item svg{width:20px;height:20px}.tabbar-item.active{color:var(--accent)}.tabbar-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:26px;height:2px;background:var(--accent);box-shadow:0 0 14px 2px rgba(255,31,85,.8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius);border:1px solid var(--border-strong);background:linear-gradient(180deg,var(--bg-elevated-2),var(--bg-elevated));color:var(--text);font-weight:500;font-size:var(--step--1);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--accent-grad);border-color:transparent;color:var(--accent-ink);font-weight:600}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--step--1)}.btn-block{width:100%}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn-danger{background:transparent;border-color:color-mix(in srgb,var(--state-declined) 55%,transparent);color:var(--state-declined)}.card{background:linear-gradient(180deg,var(--bg-elevated-2) 0,var(--bg-elevated) 100%);border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-3)}.card-accent{border-left-color:var(--accent)}.page-head{margin-bottom:var(--space-5)}.page-head h1:after{content:"";display:block;width:52px;height:5px;margin-top:var(--space-3);background:var(--accent-grad);-webkit-clip-path:polygon(0 0,100% 12%,98% 100%,62% 74%,34% 100%,6% 68%);clip-path:polygon(0 0,100% 12%,98% 100%,62% 74%,34% 100%,6% 68%)}.tag{display:inline-flex;font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);background:var(--bg-raised);border:1px solid var(--border);border-radius:999px;padding:3px var(--space-3);margin:0 var(--space-1) var(--space-1) 0}.tag-accent{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:rgba(255,31,85,.1)}.rsvp-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:999px;font-size:var(--step--1);font-weight:600;border:1px solid transparent}.rsvp-chip .dot{width:8px;height:8px;border-radius:50%}.rsvp-chip.accepted{background:color-mix(in srgb,var(--state-accepted) 16%,transparent);color:var(--state-accepted)}.rsvp-chip.accepted .dot{background:var(--state-accepted)}.rsvp-chip.maybe{background:color-mix(in srgb,var(--state-maybe) 16%,transparent);color:var(--state-maybe)}.rsvp-chip.declined{background:color-mix(in srgb,var(--state-declined) 16%,transparent);color:var(--state-declined)}.rsvp-chip.sm{padding:2px var(--space-2);font-size:var(--step--2)}.cover{aspect-ratio:1;width:56px;flex-shrink:0;border-radius:var(--radius);border:1px solid var(--border-strong);display:grid;place-items:center;background:linear-gradient(150deg,var(--cover-a,#2E2E34),var(--cover-b,#0F0F13))}.cover span{font-family:var(--font-display);font-weight:700;font-size:var(--step-2);color:rgba(255,255,255,.9)}.hero{border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-5);background:radial-gradient(circle 52px at 84% 56%,rgba(255,31,85,1) 0 52px,transparent 52px),linear-gradient(160deg,#1C1D22,#08090C 78%)}.hero-inner{padding:var(--space-5) var(--space-4);min-height:160px}.hero h1{font-family:var(--font-brand);font-weight:400;font-size:calc(var(--step-4) * 1.1);text-shadow:2px 1.5px 0 rgba(255,31,85,.5)}.lineup-slot{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.lineup-slot:last-child{border-bottom:none}.slot-no{font-family:var(--font-mono);font-size:var(--step--2);width:1.5rem}.slot-empty,.slot-no{color:var(--text-faint);text-align:center}.slot-empty{flex:1 1;border:1px dashed var(--border-strong);border-radius:var(--radius);padding:var(--space-3);cursor:pointer}.slot-empty:hover{border-color:var(--accent);color:var(--accent)}.field{margin-bottom:var(--space-4)}.field label{display:block;font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:var(--space-2)}.field input,.field select,.field textarea{width:100%;padding:var(--space-3);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-sunken);color:var(--text);font:inherit}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none}.empty-state{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-dim)}.map-wrap{height:calc(100vh - var(--header-height) - var(--nav-height-mobile) - var(--space-8));min-height:320px;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.layer-toggles{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.layer-toggle{font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-2) var(--space-3);border-radius:999px;border:1px solid var(--border);background:var(--bg-raised);color:var(--text-dim)}.layer-toggle.active{border-color:var(--accent);color:var(--accent);background:rgba(255,31,85,.1)}.list-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);text-decoration:none;color:inherit}.list-row:hover{color:var(--accent)}.chat-composer{display:flex;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--border);background:var(--bg-raised)}.chat-composer input{flex:1 1;padding:var(--space-3);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-sunken);color:var(--text)}.msg{padding:var(--space-3);border-bottom:1px solid var(--border)}.msg .sender{font-weight:600;font-size:var(--step--1);margin-bottom:var(--space-1)}.msg .body{color:var(--text-dim)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--border)}@media (min-width:768px){main{padding:var(--space-6);padding-bottom:var(--space-8)}.tabbar{display:none}.sidebar{display:block}.map-wrap{height:520px}}