@font-face{font-family:Switzer;src:url(/fonts/switzer-300.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/switzer-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Switzer;src:url(/fonts/switzer-500.woff2) format("woff2");font-weight:500;font-display:swap}:root{--ink: #0b0b0a;--bone: #f2eee3;--dim: rgba(242, 238, 227, .62);--mute: rgba(242, 238, 227, .38);--line: rgba(242, 238, 227, .14);--pad: clamp(16px, 3vw, 40px);--ease: cubic-bezier(.22, .8, .2, 1);--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--ink);color:var(--bone);font-family:Switzer,system-ui,-apple-system,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none}#view{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}#ui>.card,#ui>.hint{pointer-events:none}#ui>.card a{pointer-events:auto}a,button{color:inherit;font:inherit}button{background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.bar{position:absolute;top:calc(var(--sat) + 14px);left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:400;letter-spacing:.01em;font-size:15px}.brand img{width:13px;height:18px;opacity:.92}.brand span b{font-weight:300;color:var(--dim);margin-left:6px}.scenes{display:flex;gap:22px}.scenes button{font-size:14px;color:var(--mute);padding:6px 0;position:relative;transition:color .3s var(--ease)}.scenes button:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--bone);transition:right .4s var(--ease)}.scenes button.on{color:var(--bone)}.scenes button.on:after{right:0}.card{position:absolute;left:var(--pad);bottom:calc(var(--sab) + var(--pad));max-width:min(420px,60vw)}.card .kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}.card h1{font-size:clamp(30px,4.4vw,56px);line-height:.98;font-weight:300;margin:0 0 12px;letter-spacing:-.01em}.card p{margin:0;color:var(--dim);font-size:14px;line-height:1.45;max-width:34ch}.stats{display:flex;gap:26px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.stat{min-width:64px}.stat b{display:block;font-weight:300;font-size:20px;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.stat span{display:block;font-size:11px;color:var(--mute);letter-spacing:.08em;text-transform:uppercase;margin-top:2px}.ctl{position:absolute;right:var(--pad);bottom:calc(var(--sab) + var(--pad));display:flex;flex-direction:column;align-items:flex-end;gap:14px}.row{display:flex;align-items:center;gap:6px}.row .lbl{font-size:11px;color:var(--mute);letter-spacing:.1em;text-transform:uppercase;margin-right:8px}.seg{display:flex;border:1px solid var(--line);border-radius:999px;padding:2px;backdrop-filter:blur(10px);background:#0b0b0a59}.seg button{font-size:13px;padding:7px 13px;border-radius:999px;color:var(--dim);transition:background .3s var(--ease),color .3s var(--ease)}.seg button.on{background:var(--bone);color:var(--ink)}.pill{font-size:13px;padding:9px 16px;border:1px solid var(--line);border-radius:999px;color:var(--bone);backdrop-filter:blur(10px);background:#0b0b0a59;transition:border-color .3s var(--ease),background .3s var(--ease)}.pill:hover{border-color:#f2eee366}.pill:active{background:#f2eee31f}.load{position:absolute;inset:0;display:grid;place-items:center;background:var(--ink);transition:opacity .8s var(--ease)}#ui>.load.out{opacity:0;pointer-events:none}.load .in{text-align:center}.load .in img{width:18px;height:25px;opacity:.9;margin-bottom:18px}.load .in p{margin:0;color:var(--dim);font-size:14px}.load .in i{display:block;width:120px;height:1px;background:var(--line);margin:18px auto 0;position:relative;overflow:hidden}.load .in i:after{content:"";position:absolute;left:-40%;width:40%;top:0;bottom:0;background:var(--bone);animation:slide 1.4s var(--ease) infinite}@keyframes slide{to{left:100%}}.hint{position:absolute;left:50%;bottom:calc(var(--sab) + var(--pad));transform:translate(-50%);font-size:12px;color:var(--mute);letter-spacing:.06em;opacity:0;transition:opacity 1s var(--ease);white-space:nowrap}.hint.show{opacity:1}.create{display:flex;flex-direction:column;gap:8px}.create textarea{width:100%;resize:vertical;min-height:64px;background:#f2eee30d;border:1px solid var(--line);border-radius:12px;color:var(--bone);font:inherit;font-size:14px;line-height:1.4;padding:10px 12px;outline:none}.create textarea:focus{border-color:#f2eee366}.create .row{gap:10px}.create button:disabled{opacity:.5;cursor:default}.genlog{max-height:120px;overflow:auto;font-size:12.5px;line-height:1.45;color:var(--dim);white-space:pre-wrap;border-left:1px solid var(--line);padding-left:10px}.tests{width:min(340px,calc(100vw - 2 * var(--pad)));border:1px solid var(--line);border-radius:18px;padding:12px 14px 14px;background:#0b0b0a8c;backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:10px;align-self:flex-end}.drawer:not([hidden])~.ctl .tests,.panel:not([hidden])~.ctl .tests{visibility:hidden}.tests-head{display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.tests-status{text-transform:none;letter-spacing:0;color:var(--dim);font-size:12px;text-align:right}.tests .seg{align-self:flex-start}.tblurb{margin:0;font-size:12.5px;line-height:1.4;color:var(--dim)}.tests .sl{grid-template-columns:1fr 110px 64px}.tresult{border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:8px}.verdict{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center}.verdict i{width:8px;height:8px;border-radius:50%;background:#9fd7a3;box-shadow:0 0 10px #9fd7a399}.verdict.fail i{background:#e0806d;box-shadow:0 0 10px #e0806d99}.verdict b{font-weight:400;font-size:14px}.verdict span{color:var(--dim);font-size:12px;font-variant-numeric:tabular-nums}.details{display:grid;grid-template-columns:1fr 1fr;gap:3px 14px}.details div{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--mute)}.details b{font-weight:400;color:var(--dim);font-variant-numeric:tabular-nums}@media(max-width:760px),(max-height:520px){.card{max-width:none;right:var(--pad);bottom:auto;top:calc(var(--sat) + 58px)}.card h1{font-size:28px}.card p{display:none}.stats{gap:18px;margin-top:10px;padding-top:10px}.stat b{font-size:16px}.stat span{font-size:10px}.ctl{left:var(--pad);right:var(--pad);flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;bottom:calc(var(--sab) + 14px)}.row .lbl{display:none}.seg button{padding:7px 11px;font-size:12px}.pill{padding:8px 13px;font-size:12px}.hint{display:none}.scenes{gap:16px}.brand span b{display:none}}.bar-right{display:flex;gap:8px;align-items:center}.pill.sm{padding:7px 13px;font-size:13px}.drawer,.panel{position:absolute;top:calc(var(--sat) + 56px);right:var(--pad);width:min(380px,calc(100vw - 2 * var(--pad)));max-height:calc(100vh - var(--sat) - var(--sab) - 80px);overflow:auto;background:#0b0b0ac7;backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:18px;padding:14px 16px 16px;display:flex;flex-direction:column;gap:12px}.drawer-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.drawer-head .x{font-size:20px;line-height:1;color:var(--dim);padding:2px 6px}.drop{border:1px dashed rgba(242,238,227,.28);border-radius:14px;padding:18px 16px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.drop b{font-weight:400;font-size:15px}.drop span{color:var(--dim);font-size:13px;line-height:1.4}.drop label{margin-top:8px;display:inline-block;cursor:pointer}.presets{display:grid;gap:6px}.preset{text-align:left;padding:10px 12px;border-radius:12px;border:1px solid transparent;display:flex;flex-direction:column;gap:2px;transition:background .25s var(--ease),border-color .25s var(--ease)}.preset:hover{background:#f2eee30f}.preset.on{border-color:var(--line);background:#f2eee314}.preset b{font-weight:400;font-size:15px}.preset span{color:var(--mute);font-size:12px}.fine{margin:0;color:var(--mute);font-size:11.5px;line-height:1.45}.panel-body{display:flex;flex-direction:column;gap:4px}.sl{display:grid;grid-template-columns:1fr 120px 44px;align-items:center;gap:10px;font-size:12px;color:var(--dim);padding:3px 0}.sl-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sl input[type=range]{width:100%;accent-color:var(--bone);height:2px}.sl output{text-align:right;font-variant-numeric:tabular-nums;color:var(--bone);font-size:12px}.dropveil{position:absolute;inset:0;display:grid;place-items:center;background:#0b0b0a99;backdrop-filter:blur(6px);border:1px dashed rgba(242,238,227,.35);margin:14px;border-radius:22px;font-size:22px;font-weight:300}@media(max-width:760px),(max-height:520px){.drawer,.panel{left:var(--pad);right:var(--pad);width:auto;top:auto;bottom:calc(var(--sab) + 14px);max-height:60vh}.drawer:not([hidden])~.ctl,.panel:not([hidden])~.ctl{display:none}.scenes{display:none}.card{right:var(--pad)}.sl{grid-template-columns:1fr 100px 40px}.tests{width:100%;order:-1}.details{grid-template-columns:1fr}}