:root,:root[data-mode=dark]{--color-background:#0d0d0f;--color-surface:#1c1c1f;--color-text-primary:#fff;--color-text-secondary:#9a9a9c;--color-accent:#5b3df5;--color-accent-hover:#7c5cff;--color-border:#3a3b3c;--color-button-primary-bg:#fff;--color-button-primary-text:#5b3df5;--color-button-secondary-border:#3a3b3c;--color-button-secondary-text:#cfcfcf}:root[data-mode=light]{--color-background:#f5f5f7;--color-surface:#fff;--color-text-primary:#1d1d1f;--color-text-secondary:#6e6e73;--color-accent:#5b3df5;--color-accent-hover:#4930d6;--color-border:#e5e5e7;--color-button-primary-bg:#5b3df5;--color-button-primary-text:#fff;--color-button-secondary-border:#5b3df5;--color-button-secondary-text:#5b3df5}:root{--font-display:"Inter", sans-serif;--font-body:"Inter", sans-serif;--font-zh:"Noto Sans SC", sans-serif;--font-ta:"Noto Sans Tamil", sans-serif;--space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:64px;--radius-card:16px;--radius-button:8px;--radius-pill:999px;--radius-sheet:16px;--tap-target-min:44px;--transition-fast:.2s ease;--transition-mode:.3s ease}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-background);color:var(--color-text-primary);font-family:var(--font-body);transition:background var(--transition-mode), color var(--transition-mode);text-align:left;margin:0}h1,h2,h3,.display{font-family:var(--font-display);margin:0;font-weight:600}h1{font-size:40px}h2{font-size:28px}h3{font-size:18px}@media (width>=768px){h1{font-size:56px}h2{font-size:36px}h3{font-size:22px}}p,span,label,input,textarea,select{font-family:var(--font-body)}button{font-family:var(--font-body);letter-spacing:.05em;min-height:var(--tap-target-min);border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast);font-size:14px;font-weight:600}button:active{transform:scale(.97)}.event-card-actions{gap:var(--space-2);flex-direction:column;display:flex}.event-card-actions-primary{display:flex}.event-card-actions-primary>button{flex:auto}.event-card-actions-secondary{gap:var(--space-2);flex-wrap:wrap;display:flex}.event-card-actions-secondary>button,.event-card-actions-secondary>a{white-space:nowrap;min-height:var(--tap-target-min);border-radius:var(--radius-pill);letter-spacing:.05em;flex:0 auto;justify-content:center;align-items:center;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}@media (width<=420px){.event-card-actions-secondary{flex-direction:column}.event-card-actions-secondary>button,.event-card-actions-secondary>a{width:100%}}.interested-button{justify-content:center;align-items:center;gap:var(--space-1);display:inline-flex}@keyframes interest-pop{0%{transform:scale(1)}45%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes count-tick{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.interested-icon-pop{animation:.38s interest-pop;display:inline-flex}.interested-count-tick{animation:.26s count-tick;display:inline-block}.reveal-card{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(16px)}.reveal-card-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal-card{opacity:1;transition:none;transform:none}}.btn-primary{background:var(--color-button-primary-bg);color:var(--color-button-primary-text);padding:0 var(--space-4);border:none}.btn-secondary{color:var(--color-button-secondary-text);border:1px solid var(--color-button-secondary-border);padding:0 var(--space-4);background:0 0}.card{background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-4);box-shadow:0 2px 8px #0000004d}:root[data-mode=light] .card{border:1px solid var(--color-border);box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.segmented{background:var(--color-surface);border:1px solid var(--color-border);scrollbar-width:none;border-radius:999px;gap:2px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.segmented::-webkit-scrollbar{display:none}.segmented-option{color:var(--color-text-secondary);padding:0 var(--space-3);white-space:nowrap;background:0 0;border:none;border-radius:999px;flex:none}.segmented-option.active{background:var(--color-text-primary);color:var(--color-background)}.input,select.input,textarea.input{width:100%;min-height:var(--tap-target-min);padding:0 var(--space-3);background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-button);font-family:var(--font-body);font-size:14px}textarea.input{padding:var(--space-2) var(--space-3);resize:vertical}.input:focus{border-color:var(--color-accent);outline:none}:root[data-mode=dark] input.input[type=date],:root[data-mode=dark] input.input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-mode=light] input.input[type=date],:root[data-mode=light] input.input[type=time]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.pill-input{min-width:0;min-height:var(--tap-target-min);align-items:center;gap:var(--space-2);padding:0 var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-button);color:var(--color-text-secondary);flex:1;font-size:14px;display:flex;position:relative}.pill-input.has-value{color:var(--color-text-primary)}.pill-input:focus-within{border-color:var(--color-accent)}.pill-input>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pill-input>i{flex-shrink:0;font-size:16px}.pill-input input[type=date],.pill-input input[type=time]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;position:absolute;inset:0}.auth-sheet-overlay{z-index:1000;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.auth-sheet-panel{border-top-left-radius:var(--radius-sheet);border-top-right-radius:var(--radius-sheet);padding:var(--space-5) var(--space-4);text-align:center;width:100%;max-width:480px}@media (width>=640px){.auth-sheet-overlay{align-items:center}.auth-sheet-panel{border-radius:var(--radius-sheet)}}
