:root{--ink:#14100d;--ink-1:#1b1511;--ink-2:#241b15;--ink-page:#0a0807;--cream:#F3EBDD;--cream-2:rgba(243,235,221,.66);--cream-3:rgba(243,235,221,.4);--cream-4:rgba(243,235,221,.16);--flame:#E2613C;--flame-2:#F0875F;--marigold:#E7A33C;--sage:#A8BBA2;--line:rgba(243,235,221,.13);--line-2:rgba(243,235,221,.22);--accent:var(--flame);--serif:"Playfair Display",Georgia,serif;--sans:"Hanken Grotesk",system-ui,sans-serif;--display-font:var(--serif);--body-font:var(--sans);--gut:22px;--scale:1;--radius:3px;--shadow-raise:0 16px 40px -16px rgba(0,0,0,.8);--shadow-deep:0 40px 90px -20px rgba(0,0,0,.8);--glow-accent:0 0 70px -16px rgba(226,97,60,.22)}[data-accent=flame]{--accent:var(--flame)}[data-accent=marigold]{--accent:var(--marigold)}[data-accent=rose]{--accent:#D2738A}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--body-font);background:radial-gradient(120% 80% at 50% -10%,rgba(226,97,60,.1),transparent 55%),radial-gradient(80% 60% at 90% 112%,rgba(231,162,60,.06),transparent 55%),var(--ink-page);background-attachment:fixed;color:var(--cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#e2613c52;color:#fff}#root{display:flex;justify-content:center}.app{font-size:calc(16px * var(--scale));width:100%;max-width:480px;min-height:100vh;position:relative}.pad{padding:22px var(--gut) 30px}.progress-wrap{position:sticky;top:0;z-index:5;padding:14px var(--gut) 12px;background:linear-gradient(180deg,#0a0807f5 60%,#0a080700);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.progress-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.progress-step{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--cream-3);white-space:nowrap}.progress-pct{font-size:11.5px;font-weight:800;color:var(--accent)}.seg-row{display:flex;gap:6px}.seg{flex:1;height:3px;border-radius:999px;background:var(--cream-4);overflow:hidden}.seg i{display:block;height:100%;width:0;background:var(--accent);transition:width .5s cubic-bezier(.2,.8,.2,1)}.seg.done i{width:100%}.seg.active i{width:60%}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--accent)}.eyebrow .spark{width:12px;height:12px}h1.title{font-family:var(--serif);font-weight:800;font-size:calc(33px*var(--scale));line-height:1;letter-spacing:-.01em;margin:14px 0 0;text-wrap:balance;color:var(--cream)}h2.title{font-family:var(--serif);font-weight:800;font-size:calc(25px*var(--scale));line-height:1.06;letter-spacing:-.01em;margin:12px 0 0;text-wrap:balance;color:var(--cream)}.title .grad{font-style:italic;font-weight:500;color:var(--flame-2);-webkit-text-fill-color:currentColor;background:none}.lede{color:var(--cream-2);font-size:calc(16px*var(--scale));line-height:1.6;margin-top:12px;text-wrap:pretty}.section-sub{color:var(--cream-2);font-size:calc(14.5px*var(--scale));line-height:1.55;margin-top:8px}.card{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--radius);padding:16px;transition:border-color .2s,background .2s}.card:focus-within{border-color:var(--line-2)}.field{display:block;margin-top:16px}.field>.q{display:block;font-family:var(--sans);font-size:calc(14.5px*var(--scale));font-weight:600;color:var(--cream);line-height:1.4;margin-bottom:9px}.field .hint{font-weight:500;color:var(--cream-3);font-size:calc(12.5px*var(--scale))}.input,.textarea,.select{width:100%;font-family:var(--sans);font-size:calc(15px*var(--scale));color:var(--cream);background:var(--ink-2);border:1px solid var(--line-2);border-radius:var(--radius);padding:13px 14px;line-height:1.45;transition:border-color .18s,box-shadow .18s,background .18s;outline:none}.textarea{resize:none;min-height:96px}.input::placeholder,.textarea::placeholder{color:var(--cream-3)}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e2613c29}.select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--cream-2) 50%),linear-gradient(135deg,var(--cream-2) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:36px;cursor:pointer}.select option{background:var(--ink-2);color:var(--cream)}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:2px;color:var(--cream-3);background:var(--cream-4);border:1px solid var(--line)}.chip.gold{color:var(--flame-2);background:#e2613c1a;border-color:#e2613c42}.chip.blue{color:var(--cream-2);background:var(--cream-4);border-color:var(--line-2)}.chip.sage{color:var(--sage);background:#a8bba21f;border-color:#a8bba247}.group-divider{display:flex;align-items:center;gap:10px;margin:24px 0 2px}.group-divider .rule{flex:1;height:1px;background:var(--line)}.btn{font-family:var(--sans);cursor:pointer;border:none;border-radius:2px;font-weight:800;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .15s,background .2s,border-color .2s,color .2s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--cream);color:var(--ink);font-size:calc(15px*var(--scale));padding:15px 26px}.btn-primary:hover{background:#fff}.btn-primary:disabled{background:var(--cream-4);color:var(--cream-3);cursor:not-allowed}.btn-block{width:100%}.btn-ghost{background:transparent;color:var(--cream);border:1px solid var(--line-2);font-size:calc(14.5px*var(--scale));padding:13px 20px}.btn-ghost:hover{border-color:var(--cream-3);background:var(--cream-4)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-text{background:none;color:var(--cream-3);font-size:calc(13.5px*var(--scale));font-weight:700;padding:8px 4px}.btn-text:hover{color:var(--accent)}.btn-icon svg{width:18px;height:18px}.navbar{display:flex;align-items:center;gap:12px;margin-top:26px}.navbar .spacer{flex:1}.reassure{display:flex;align-items:flex-start;gap:10px;margin-top:18px;color:var(--cream-3);font-size:calc(12.5px*var(--scale));line-height:1.45}.reassure svg{width:16px;height:16px;color:var(--accent);flex:none;margin-top:1px}.error{color:var(--flame-2);font-size:calc(13px*var(--scale));margin-top:14px}.hero-photo{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:5/4;border:1px solid var(--line-2);box-shadow:var(--shadow-deep);background:var(--ink-2)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block}.hero-photo .fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(20,16,13,.6))}.hero-photo .tag{position:absolute;left:14px;bottom:12px;font-family:var(--serif);font-style:italic;font-size:14px;color:#fff;letter-spacing:.01em;text-shadow:0 1px 8px rgba(0,0,0,.6)}.photo-stage{margin-top:18px}.photo-card{position:relative}.photo-frame{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--ink-2);border:1px solid var(--line-2);box-shadow:var(--shadow-deep);display:grid;place-items:center;max-height:300px}.photo-frame img{width:100%;height:auto;max-height:300px;object-fit:contain;display:block}.photo-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;flex-wrap:wrap}.photo-count{font-family:var(--serif);font-style:italic;font-size:calc(14px*var(--scale));color:var(--cream-2)}.photo-count b{color:var(--accent);font-weight:600;font-style:normal}.qgrid{margin-top:6px}.qmini{margin-top:12px}.qmini>label{display:block;font-size:calc(13px*var(--scale));font-weight:600;color:var(--cream-2);margin-bottom:6px}.skipped-banner{display:flex;align-items:center;gap:8px;margin-top:14px;padding:12px 14px;border-radius:var(--radius);background:var(--cream-4);border:1px dashed var(--line-2);color:var(--cream-3);font-size:calc(13px*var(--scale))}.dropzone{position:relative;margin-top:18px;border:1px dashed var(--line-2);border-radius:var(--radius);padding:30px 18px;text-align:center;background:var(--cream-4);cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.drag-over{border-color:var(--accent);background:#e2613c0f}.dropzone .ic{width:48px;height:48px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#e2613c24;color:var(--flame-2)}.dropzone .ic svg{width:24px;height:24px}.dropzone .big{font-family:var(--serif);font-size:calc(17px*var(--scale));font-weight:700;color:var(--cream)}.dropzone .small{font-size:calc(12.5px*var(--scale));color:var(--cream-3);margin-top:5px}.dropzone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.uploads{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.thumb{position:relative;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line-2);animation:pop .3s ease;background:var(--ink-2)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb .vid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--cream-2);font-size:11px;font-weight:700;text-align:center;padding:8px}.upload-status{display:flex;align-items:center;gap:8px;margin-top:20px}@keyframes pop{0%{transform:scale(.94)}to{transform:scale(1)}}.summary{margin-top:18px;display:flex;flex-direction:column;gap:0}.sum-row{display:flex;align-items:center;gap:14px;padding:16px 2px;border-top:1px solid var(--line)}.sum-row:last-child{border-bottom:1px solid var(--line)}.sum-row .ic{width:40px;height:40px;border-radius:var(--radius);display:grid;place-items:center;flex:none;background:#e2613c1f;color:var(--flame-2)}.sum-row .ic svg{width:20px;height:20px}.sum-row .big{font-family:var(--serif);font-size:calc(24px*var(--scale));font-weight:800;color:var(--cream);line-height:1}.sum-row .lbl{font-size:calc(12.5px*var(--scale));color:var(--cream-2);margin-top:4px}.thanks{text-align:center;padding:48px var(--gut);position:relative}.thanks .burst{width:84px;height:84px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;background:var(--flame);box-shadow:0 0 0 10px #e2613c1f,var(--glow-accent);animation:pop .5s ease}.thanks .burst svg{width:42px;height:42px;color:#fff}.thanks h2{font-family:var(--serif);font-weight:800;font-size:calc(30px*var(--scale));margin:18px 0 0;color:var(--cream)}.thanks p{color:var(--cream-2);font-size:calc(15px*var(--scale));line-height:1.6;margin-top:12px}.thanks .closing{color:var(--accent);font-family:var(--serif);font-style:italic;font-weight:500}.confetti-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:8}.confetti{position:absolute;top:-14px;width:9px;height:14px;border-radius:2px;opacity:.95;animation:fall linear forwards}@keyframes fall{to{transform:translateY(120vh) rotate(720deg);opacity:.9}}@keyframes enter{0%{transform:translateY(12px)}to{transform:none}}.enter{animation:enter .55s cubic-bezier(.2,.8,.2,1) both}.stagger>*{animation:enter .55s cubic-bezier(.2,.8,.2,1) both}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.07s}.stagger>*:nth-child(3){animation-delay:.12s}.stagger>*:nth-child(4){animation-delay:.17s}.stagger>*:nth-child(5){animation-delay:.22s}.stagger>*:nth-child(6){animation-delay:.27s}.stagger>*:nth-child(7){animation-delay:.32s}.stagger>*:nth-child(8){animation-delay:.37s}@media (prefers-reduced-motion:reduce){.enter,.stagger>*,.photo-card,.thumb,.thanks .burst{animation:none!important;opacity:1!important;transform:none!important}.confetti{animation:none!important;opacity:0!important}}.admin{width:100%;min-height:100vh;font-size:16px}@media (min-width:900px){.admin{display:grid;grid-template-columns:248px minmax(0,1fr);align-items:start}}.admin-nav{display:flex;flex-direction:column}.admin-brand{padding:6px 2px}.admin-brand .title{font-size:22px;margin-top:10px}.admin-tabs{display:flex;flex-direction:column;gap:2px;margin-top:22px}.admin-tab{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:var(--radius);font-family:var(--sans);font-weight:700;font-size:14.5px;color:var(--cream-2);transition:background .15s,color .15s,box-shadow .15s}.admin-tab:hover{background:var(--cream-4);color:var(--cream)}.admin-tab.is-active{background:#e2613c1f;color:var(--flame-2);box-shadow:inset 2px 0 0 var(--accent)}.admin-tab svg{width:18px;height:18px;flex:none}.admin-tab .count{margin-left:auto;font-size:11.5px;font-weight:800;line-height:1;color:var(--cream-3);background:var(--cream-4);border-radius:2px;padding:3px 8px}.admin-tab.is-active .count{color:var(--flame-2);background:#e2613c29}@media (min-width:900px){.admin-nav{position:sticky;top:0;height:100vh;overflow-y:auto;padding:30px 16px;border-right:1px solid var(--line)}}@media (max-width:899px){.admin-nav{position:sticky;top:0;z-index:5;padding:14px var(--gut) 10px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0a0807f7 70%,#0a080700);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.admin-brand .title{font-size:19px;margin-top:6px}.admin-tabs{flex-direction:row;gap:6px;margin-top:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-tab{white-space:nowrap;padding:9px 13px}.admin-tab .count{margin-left:7px}}.admin-main{min-width:0}.admin-main-inner{max-width:1080px;margin:0 auto;padding:24px var(--gut) 48px}@media (min-width:900px){.admin-main-inner{padding:38px 38px 64px}}.admin-section-head{margin-bottom:6px}.admin-section-head .title{margin-top:0}.admin-section-head .sub{color:var(--cream-2);font-size:14.5px;line-height:1.6;margin-top:10px;max-width:64ch}.admin-create{max-width:660px}.admin-invite-grid{display:grid;gap:12px;margin-top:16px;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));align-items:start}.admin-invite-grid>.is-editing{grid-column:1 / -1}.admin-questions{max-width:840px}.voice-rec{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}.voice-rec .voice-actions{display:flex;gap:10px;flex-wrap:wrap}.voice-rec audio{width:100%;max-width:360px}.voice-time{font-variant-numeric:tabular-nums;color:var(--cream-3, #b9b2a6);font-size:14px}.voice-dot{width:10px;height:10px;border-radius:50%;background:#e2613c;animation:voicePulse 1s ease-in-out infinite}@keyframes voicePulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion: reduce){.voice-dot{animation:none}}