:root{--bg:#fbf7f3;--surface:#fff;--blush:#f6e7e1;--ink:#0a1926;--ink-soft:#0a19269e;--ink-faint:#0a19261f;--lime:#bdda26;--lime-deep:#8fa61a;--radius:22px;--radius-lg:24px;--shadow:0 10px 30px #0a192612, 0 2px 6px #0a19260a;--shadow-soft:0 4px 14px #0a19260f;--serif:"Fraunces", "Times New Roman", serif;--sans:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--script:"Great Vibes", "Snell Roundhand", cursive;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}#app{flex-direction:column;max-width:520px;min-height:100%;margin:0 auto;display:flex}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.screen{padding:calc(var(--safe-top) + 12px) 24px calc(var(--safe-bottom) + 28px);flex-direction:column;flex:1;animation:.35s both fade-in;display:flex}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}}.topbar{grid-template-columns:44px 1fr 44px;align-items:center;min-height:52px;display:grid}.topbar h1{text-align:center;font-family:var(--serif);margin:0;font-size:22px;font-weight:400}.icon-btn{border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.icon-btn svg{width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.logo{font-family:var(--script);color:var(--ink);text-align:center;margin:0;font-size:40px;font-weight:400;line-height:1}.btn{letter-spacing:.01em;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:56px;padding:14px 22px;font-size:16px;font-weight:600;transition:transform .15s,box-shadow .2s,opacity .2s;display:flex}.btn:active{transform:scale(.98)}.btn[disabled]{opacity:.5;pointer-events:none}.btn-primary{background:var(--lime);color:var(--ink);box-shadow:0 8px 20px #bdda2659}.btn-secondary{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink-faint)}.btn-text{min-height:44px;color:var(--ink-soft);font-size:15px;font-weight:500}.btn svg{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.home{justify-content:space-between}.home-hero{margin-top:4vh}.home-title{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 18px;font-size:clamp(34px,10.5vw,46px);font-weight:400;line-height:1.08}.home-title em{color:var(--lime-deep);font-style:italic}.home-sub{color:var(--ink-soft);max-width:32ch;margin:0;font-size:16px}.home-art{aspect-ratio:3/4;background:radial-gradient(120% 80% at 50% 0%, #fff 0%, transparent 60%), linear-gradient(170deg, var(--blush) 0%, #f7d9d6 55%, #f3e2cf 100%);height:clamp(170px,100dvh - 520px,380px);box-shadow:var(--shadow);border-radius:140px 140px 28px 28px;align-self:center;margin:24px auto;position:relative;overflow:hidden}.home-art svg{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.home-actions{gap:12px;display:grid}.dev-link{text-align:center;color:var(--ink-soft);margin-top:6px;font-size:13px;text-decoration:underline}.mirror{background:var(--blush);min-height:100dvh;padding:0;position:relative;overflow:hidden}.mirror .topbar{z-index:3;padding:calc(var(--safe-top) + 8px) 12px 0;position:absolute;top:0;left:0;right:0}.mirror .topbar .icon-btn{-webkit-backdrop-filter:blur(10px);background:#ffffffc7}.mirror .topbar h1{-webkit-backdrop-filter:blur(10px);background:#ffffffc7;border-radius:999px;justify-self:center;padding:6px 16px;font-size:20px;display:inline-block}.stage{place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.stage video,.stage canvas,.stage img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.stage .mirrored{transform:scaleX(-1)}.stage-placeholder{text-align:center;color:var(--ink-soft);justify-items:center;gap:18px;padding:0 32px 160px;display:grid}.stage-placeholder svg{width:150px;height:190px}.stage-status{z-index:2;left:50%;top:calc(var(--safe-top) + 72px);white-space:nowrap;box-shadow:var(--shadow-soft);background:#ffffffdb;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500;position:absolute;transform:translate(-50%)}.sheet{z-index:3;left:12px;right:12px;bottom:calc(var(--safe-bottom) + 12px);-webkit-backdrop-filter:blur(14px);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fffffff0;gap:12px;padding:18px;display:grid;position:absolute}.sheet .message{color:var(--ink);margin:0;font-size:14px;line-height:1.45}.sheet .note{text-align:center;color:var(--ink-soft);margin:0;font-size:13px}.chips{scrollbar-width:none;gap:8px;margin:0 -4px;padding:2px 4px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--bg);min-height:40px;box-shadow:inset 0 0 0 1px var(--ink-faint);border-radius:999px;flex:none;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;transition:background .2s,box-shadow .2s;display:inline-flex}.chip[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:none}.chip[aria-pressed=true] .dot{box-shadow:0 0 0 2px var(--lime)}.dot{border-radius:50%;flex:none;width:12px;height:12px}.dev-panel{z-index:4;right:10px;top:calc(var(--safe-top) + 64px);color:#fff;white-space:pre;pointer-events:none;background:#0a1926c7;border-radius:12px;padding:8px 10px;font:500 11px/1.5 ui-monospace,Menlo,monospace;position:absolute}.dev-panel:empty{display:none}.parse-body{flex-direction:column;flex:1;gap:20px;padding-top:8px;display:flex}.lead{color:var(--ink-soft);margin:0}.drop-art{border-radius:var(--radius-lg);background:var(--surface);min-height:200px;max-height:360px;box-shadow:var(--shadow-soft);flex:1;place-items:center;display:grid}.drop-art svg{width:120px;height:120px}.progress{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft);gap:10px;padding:18px;font-size:15px;font-weight:500;display:grid}.bar{background:var(--blush);border-radius:999px;height:6px;overflow:hidden}.bar>i{background:var(--lime);border-radius:inherit;width:0;height:100%;transition:width .25s;display:block}.player{border-radius:var(--radius-lg);background:var(--blush);box-shadow:var(--shadow);overflow:hidden}.player video{object-fit:contain;background:#f1e3dc;width:100%;max-height:46vh;display:block}.timeline{touch-action:none;height:44px;margin:0 18px;position:relative}.timeline .track{background:#0a19261a;border-radius:999px;height:4px;margin-top:-2px;position:absolute;top:50%;left:0;right:0}.timeline .played{background:var(--ink);border-radius:999px;height:4px;margin-top:-2px;position:absolute;top:50%;left:0}.timeline .mark{width:16px;height:16px;box-shadow:0 0 0 1px var(--ink-faint);border:2px solid #fff;border-radius:50%;margin:-8px 0 0 -8px;position:absolute;top:50%}.timeline .mark.unknown{border:1.5px dashed var(--ink-soft);background:#fff}.section-head{justify-content:space-between;align-items:baseline;margin:4px 2px -6px;display:flex}.section-head h2{font-family:var(--serif);margin:0;font-size:22px;font-weight:400}.section-head span{color:var(--lime-deep);font-size:13px;font-weight:600}.steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.step{border-radius:var(--radius);background:var(--surface);width:100%;box-shadow:var(--shadow-soft);text-align:left;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.step .swatch{border-radius:50%;width:44px;height:44px;box-shadow:inset 0 0 0 1px #0a192614,0 3px 8px #0a192614}.step .swatch.empty{background:repeating-linear-gradient(45deg, var(--blush), var(--blush) 4px, #fff 4px, #fff 8px)}.step .name{font-size:15px;font-weight:600}.step .meta{color:var(--ink-soft);font-size:13px}.step .go svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:1.6px}.step.unknown{grid-template-columns:1fr;gap:10px}.step.unknown .meta{margin-top:-6px}.face-template{justify-self:center;width:100%;max-width:230px}.face-template .zone-hit{fill:#bdda2614;pointer-events:bounding-box;stroke:var(--lime-deep);stroke-width:1.4px;stroke-dasharray:4 3;cursor:pointer;transition:fill .15s}.face-template .zone-hit:hover,.face-template .zone-hit:focus{fill:#bdda2659;outline:none}.notice{border-radius:var(--radius);background:var(--blush);padding:16px 18px;font-size:15px}.check-body{gap:16px;padding-top:8px;display:grid}.card{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-soft);padding:16px 18px}.card h3{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:0 0 8px;font-size:13px}.card ul{word-break:break-word;gap:6px;margin:0;padding:0;font:12px/1.5 ui-monospace,Menlo,monospace;list-style:none;display:grid}.ok{color:#5f7a00}.fail{color:#b2364a}.check-preview{border-radius:var(--radius);background:var(--blush);aspect-ratio:4/3;object-fit:cover;width:100%;transform:scaleX(-1)}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}