:root{--primary: #6750a4;--primary-container: #e9ddff;--on-primary: #fff;--secondary-container: #d6e8d6;--surface: #fef7ff;--surface-high: #eee8f4;--surface-card: #fff;--on-surface: #1d1b20;--outline: #79747e;--danger: #ba1a1a;--ok: #2e7d32;--state-ready-bg: #cdeccd;--state-ready-fg: #1b5e20;--state-info-bg: #d6e3ff;--state-info-fg: #1d4ed8;--state-neutral-bg: #e4e1e8;--state-neutral-fg: #49454f;--state-danger-bg: #fce8e6;--state-danger-fg: #b3261e;--radius: 14px;--shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .08);--content-max: 1100px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--primary: #cfbcff;--primary-container: #4f378a;--on-primary: #371e73;--secondary-container: #3a4a3a;--surface: #141218;--surface-high: #211f26;--surface-card: #1d1b20;--on-surface: #e6e0e9;--outline: #938f99;--state-ready-bg: #2d4f31;--state-ready-fg: #aadcae;--state-info-bg: #28406e;--state-info-fg: #bcd4ff;--state-neutral-bg: #2e2b33;--state-neutral-fg: #cac5d0;--state-danger-bg: #5b1b18;--state-danger-fg: #ffb4ab}}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:Segoe UI,Roboto,system-ui,-apple-system,sans-serif;background:var(--surface);color:var(--on-surface);-webkit-tap-highlight-color:transparent}#app{min-height:100vh}button{font-family:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.screen{padding:16px;max-width:var(--content-max);margin:0 auto}.search,input[type=text],input[type=password],select{width:100%;padding:10px 12px;border:1px solid var(--outline);border-radius:12px;background:var(--surface-card);color:var(--on-surface);font-size:1rem;font-family:inherit}.search:focus,input:focus,select:focus{outline:2px solid var(--primary);border-color:transparent}.btn{border:none;border-radius:999px;padding:10px 18px;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:filter .12s ease,background .12s ease,transform .06s ease}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.filled{background:var(--primary);color:var(--on-primary)}.btn.tonal{background:#2e9e5b;color:#fff}.btn.outlined{background:transparent;border:1px solid var(--outline);color:var(--on-surface)}.btn.text{background:transparent;color:var(--primary)}.btn.danger{background:var(--danger);color:#fff}.btn:hover:not(:disabled){filter:brightness(1.07)}.btn.outlined:hover:not(:disabled),.btn.text:hover:not(:disabled){filter:none;background:#7f7f7f1f}.btn:active:not(:disabled){transform:scale(.96)}.spinner{display:inline-block;width:1em;height:1em;vertical-align:-.15em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite,spinner-fade .15s ease both}@keyframes spinner-fade{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--surface-card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.empty{text-align:center;color:var(--outline);padding:60px 16px}.empty .big{font-size:3rem}.you-pill{flex:none;display:inline-flex;align-items:center;font-size:.62rem;font-weight:700;line-height:1;padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em;background:color-mix(in srgb,var(--primary) 22%,transparent);color:var(--primary)}.guest-pill{flex:none;display:inline-flex;align-items:center;font-size:.62rem;font-weight:700;line-height:1;padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em;background:var(--state-neutral-bg);color:var(--state-neutral-fg)}.bot-pill{flex:none;display:inline-flex;align-items:center;font-size:.62rem;font-weight:700;line-height:1;padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em;background:var(--state-info-bg);color:var(--state-info-fg)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;z-index:50;padding:16px;animation:backdrop-in .18s ease both}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-backdrop.top{z-index:80}.dialog-backdrop.topmost{z-index:90}.dialog-backdrop.onboarding{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;overflow-y:auto}.dialog-backdrop.onboarding>*{flex:0 0 auto;width:100%;max-width:420px}.dialog-backdrop.onboarding>*:first-child{margin-top:auto}.dialog-backdrop.onboarding>*:last-child{margin-bottom:auto}.dialog{background:var(--surface-card);border-radius:20px;padding:24px;width:100%;max-width:380px;box-shadow:0 8px 30px #0000004d;animation:dialog-in .22s cubic-bezier(.2,.9,.3,1) both}.dialog-backdrop.onboarding>*:nth-child(2) .dialog,.dialog-backdrop.onboarding>*:nth-child(2){animation-delay:.06s}.dialog h2{margin:0 0 16px;font-size:1.25rem}.dialog label{display:block;font-size:.8rem;color:var(--outline);margin:12px 0 4px}.dialog .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}