@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/archivo-variable-E0tuGl4L.woff2) format("woff2")}@font-face{font-family:Archivo Black;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/archivo-black-BTVu2TQR.woff2) format("woff2")}:root{--dxl-forest: #174238;--dxl-forest-dark: #0f2e26;--dxl-green: #1aa374;--dxl-green-dark: #148a61;--dxl-orange: #ff753f;--dxl-orange-dark: #ea5f29;--bad: #dd3c3c;--amber: #eb9a1f;--good: var(--dxl-green);--bg: #ffffff;--surface: #f2f7f5;--surface-line: #e1ebe7;--ink: #15251f;--ink-muted: #5c706a;--radius-pill: 999px;--radius-card: 22px;--radius-input: 14px;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Archivo,system-ui,-apple-system,sans-serif;overscroll-behavior:none;-webkit-font-smoothing:antialiased}h1,h2{text-wrap:balance}#app{display:flex;flex-direction:column;height:100dvh;max-width:480px;margin:0 auto;position:relative;overflow:hidden}#app:has(.summary){height:auto;min-height:100dvh;overflow:visible}.topbar{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 16px 10px}.topbar .logo{height:22px;width:auto;display:block}.step-nav{flex-shrink:0;display:flex;gap:6px;padding:0 16px 10px;overflow-x:auto;scrollbar-width:none}.step-nav::-webkit-scrollbar{display:none}.step-nav-item{flex-shrink:0;scroll-snap-align:center;background:var(--surface);color:var(--ink-muted);border:1px solid var(--surface-line);border-radius:var(--radius-pill);padding:6px 12px;font-size:.76rem;font-weight:600;white-space:nowrap}.step-nav-item.done{color:var(--dxl-green-dark);border-color:#1aa37459}.step-nav-item.active{background:var(--dxl-forest);border-color:var(--dxl-forest);color:#fff}.step-nav-item:disabled{opacity:.55}.step-nav-item .tick{margin-right:3px}.step-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;padding:0 16px;overflow-y:auto}.step-instruction{flex-shrink:0;margin:0;color:var(--ink-muted);font-size:.85rem;line-height:1.35}.camera-stage{position:relative;flex:1;min-height:160px;overflow:hidden;background:#0c1512}.camera-stage video{width:100%;height:100%;object-fit:cover;display:block}.frame-overlay{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:14px;border:4px solid rgba(255,255,255,.35);transition:border-color .15s ease;pointer-events:none}.frame-overlay.bad{border-color:var(--bad)}.frame-overlay.amber{border-color:var(--amber)}.frame-overlay.good{border-color:var(--good);box-shadow:0 0 0 4px #1aa37447}.feedback-pill{position:absolute;left:50%;bottom:118px;transform:translate(-50%);background:#0c1512a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:8px 14px;border-radius:var(--radius-pill);font-size:.85rem;font-weight:500;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis}.info-btn{position:absolute;bottom:24px;left:24px;width:32px;height:32px;border-radius:50%;background:#0c15128c;color:#fff;border:none;font-family:Archivo,sans-serif;font-size:.8rem;font-weight:700;font-style:italic;display:flex;align-items:center;justify-content:center}.info-popover{position:absolute;left:24px;bottom:166px;width:calc(100% - 48px);max-width:300px;background:#0c1512d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:12px 14px;border-radius:14px;font-size:.82rem;line-height:1.4;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.info-popover.visible{opacity:1;transform:translateY(0);pointer-events:auto}.timer-overlay{position:absolute;left:50%;bottom:118px;transform:translate(-50%);background:#dd3c3cd9;color:#fff;padding:6px 12px;border-radius:var(--radius-pill);font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums;opacity:0;transition:opacity .15s ease}.timer-overlay.visible{opacity:1}.shutter-btn{position:absolute;left:50%;bottom:max(24px,calc(env(safe-area-inset-bottom) + 14px));transform:translate(-50%);width:74px;height:74px;border-radius:50%;background:#fff;border:4px solid rgba(255,255,255,.4);box-shadow:0 2px 14px #00000059;padding:0}.shutter-btn:active{transform:translate(-50%) scale(.94)}.shutter-btn.record{background:transparent;border:4px solid #fff;display:flex;align-items:center;justify-content:center}.shutter-btn.record:after{content:"";width:58px;height:58px;border-radius:50%;background:var(--bad);transition:border-radius .15s ease,width .15s ease,height .15s ease}.shutter-btn.record.recording:after{border-radius:10px;width:28px;height:28px}.confirm-banner{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--dxl-forest);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px;color:#fff}.confirm-banner .check{width:52px;height:52px;border-radius:50%;background:var(--dxl-green);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.confirm-banner strong{font-family:Archivo,sans-serif;font-weight:700;font-size:1.05rem}.debug-panel{position:absolute;left:14px;right:14px;bottom:172px;background:#0c1512b8;border-radius:12px;padding:10px 12px;font-size:.7rem;font-family:ui-monospace,SF Mono,monospace;color:#a8e6c9;display:grid;grid-template-columns:1fr 1fr;gap:3px 10px}.controls{flex-shrink:0;padding:12px 16px max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}.controls:empty{padding:0}button{font-family:Archivo,sans-serif}button.primary{background:var(--dxl-orange);color:#fff;border:none;padding:15px;border-radius:var(--radius-pill);font-size:1rem;font-weight:700}button.primary:active{background:var(--dxl-orange-dark)}button.primary:disabled{background:var(--surface-line);color:#9aa8a2}button.secondary{background:transparent;border:1.5px solid var(--surface-line);color:var(--ink);padding:13px;border-radius:var(--radius-pill);font-size:.95rem;font-weight:600}button.link{background:none;border:none;color:var(--dxl-green-dark);font-size:.85rem;font-weight:600;padding:4px;align-self:center}.video-review{width:100%;height:100%;object-fit:cover;display:block}.options-list{flex-shrink:0;display:flex;flex-direction:column;gap:10px;padding:4px 0 16px}.option-card{position:relative;text-align:left;background:var(--bg);border:1.5px solid var(--surface-line);border-radius:var(--radius-input);padding:14px 40px 14px 16px;color:var(--ink);font-size:.95rem;font-weight:500}.option-card.selected{border-color:var(--dxl-green);background:#1aa37412}.option-card.selected:after{content:"✓";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--dxl-green);font-weight:700}.summary{padding:16px;display:flex;flex-direction:column;gap:14px}.summary h1{font-family:Archivo Black,sans-serif;font-weight:400;font-size:1.4rem;margin:0;color:var(--dxl-forest)}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.summary-item{background:var(--surface);border:1px solid var(--surface-line);border-radius:16px;overflow:hidden}.summary-item img,.summary-item video{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;background:#0c1512}.summary-item .label{padding:7px 9px;font-size:.74rem;font-weight:600;color:var(--ink-muted)}.summary-item.text-answer{padding:12px;font-size:.85rem}.summary-item.text-answer .label{padding:0 0 4px}pre.payload{background:var(--dxl-forest-dark);color:#a8e6c9;padding:12px;border-radius:14px;font-size:.72rem;font-family:ui-monospace,SF Mono,monospace;overflow-x:auto;max-height:260px}.error-banner{margin:16px;padding:16px;background:#dd3c3c14;border:1px solid var(--bad);border-radius:var(--radius-card);font-size:.9rem;line-height:1.4}