:root{--cream: #17120f;--cream-dark: #221b15;--surface: #1f1813;--ink: #f3ecdf;--ink-soft: #a99c8a;--accent: #d4733f;--accent-dark: #e58c57;--line: rgba(243, 236, 223, .14);--motion-quick: .12s;--motion-standard: .24s;--motion-scene: .36s;--motion-enter: cubic-bezier(.2, 0, 0, 1);--motion-exit: cubic-bezier(.3, 0, 1, 1);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--cream);color:var(--ink);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:500;letter-spacing:-.01em;margin:0}.app-shell{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;position:relative;background:var(--cream);box-shadow:0 0 40px #0000000f}.screen{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding:calc(28px + env(safe-area-inset-top)) 24px 36px;animation:fadeIn var(--motion-standard) var(--motion-enter)}.guest-home-screen,.guest-loading-screen{animation:none}.guest-loading-screen [role=status]{color:var(--ink-soft);font-size:14px;margin-top:24px}.onboarding-screen{animation:none}@media(prefers-reduced-motion:no-preference){.onboarding-screen .welcome-headline{animation:invitationReveal var(--motion-scene) var(--motion-enter)}.onboarding-screen .welcome-sub{animation:fadeIn var(--motion-standard) var(--motion-enter) .1s backwards}.onboarding-screen>.btn,.onboarding-screen>.text-input,.onboarding-screen>.field-label{animation:fadeIn var(--motion-standard) var(--motion-enter) .18s backwards}}@keyframes invitationReveal{0%{clip-path:inset(0 0 100% 0);transform:translateY(8px)}to{clip-path:inset(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:no-preference){::view-transition-old(root),::view-transition-new(root){animation-duration:.32s}app-camera-view{view-transition-name:camera-surface;animation:cameraSurfaceIn .22s cubic-bezier(.16,1,.3,1) both}::view-transition-old(camera-surface){animation:cameraSurfaceOut .16s ease-in both}::view-transition-new(camera-surface){animation:cameraSurfaceIn .22s cubic-bezier(.16,1,.3,1) both}}@media(prefers-reduced-motion:reduce){.screen{animation:none}.pill,.back-btn{transition:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@keyframes cameraSurfaceIn{0%{opacity:0}to{opacity:1}}@keyframes cameraSurfaceOut{0%{opacity:1}to{opacity:0}}.top-spacer{flex:1 1 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;padding:16px 24px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn:disabled:active{transform:none}.btn:focus-visible,.back-btn:focus-visible,.pill:focus-visible{outline:2px solid var(--accent-dark);outline-offset:4px}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.btn-danger{background:#b3462a;color:#fff}.btn-block{width:100%}.btn-sm{padding:10px 16px;font-size:14px;gap:7px}.btn-white{background:#fff;color:#1a1410}.btn svg{width:17px;height:17px;flex-shrink:0}.field-label{display:block;font-size:13px;font-weight:600;color:var(--ink-soft);margin:0 0 8px}.field-hint{color:var(--ink-soft);font-size:12.5px;line-height:1.4;margin:0 0 32px}.text-input{display:block;width:100%;min-width:0;max-width:100%;background:var(--surface);border:1.5px solid var(--line);border-radius:14px;padding:15px 16px;color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:20px;margin-bottom:24px}.text-input:focus{outline:none;border-color:var(--accent)}.code-input{text-transform:uppercase;letter-spacing:.4em;text-align:center;font-family:ui-monospace,Menlo,monospace}.screen-title-row{display:flex;align-items:center;gap:10px;margin-bottom:24px}.back-btn{background:transparent;border:none;color:var(--ink);font-size:26px;line-height:1;padding:4px 8px;cursor:pointer}.welcome-headline{font-size:42px;line-height:1.08;margin-bottom:16px}.welcome-sub{color:var(--ink-soft);font-size:16px;line-height:1.5;max-width:320px}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:10px}.pill-group{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.pill{padding:11px 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);font:inherit;font-size:14px;font-weight:500;color:var(--ink);cursor:pointer}.pill.selected{background:var(--ink);color:var(--cream);border-color:var(--ink)}.muted{color:var(--ink-soft);font-size:13px}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:active{transform:none}}