:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0b;--panel:#141416;--line:#26262b;--text:#ededef;--muted:#8b8b93;--accent:#6d8bff;font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0}button{font:inherit;cursor:pointer}.gate{place-items:center;padding:24px;display:grid}.card{width:100%;max-width:340px}.card h1{letter-spacing:-.01em;text-align:center;margin:0 0 24px;font-size:20px;font-weight:600}form{gap:10px;display:grid}input{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:10px;outline:none;padding:12px 14px;transition:border-color .15s}input::placeholder{color:#5c5c64}input:focus{border-color:var(--accent)}form button{background:var(--text);color:var(--bg);border:0;border-radius:10px;padding:12px;font-weight:600;transition:opacity .15s,transform .1s}form button:active{transform:scale(.98)}form button:disabled{opacity:.6;cursor:progress}.error{color:#ff8080;text-align:center;margin:0;font-size:13px}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.viewer{-webkit-user-select:none;user-select:none;background:#000;overflow:hidden}#stage{touch-action:pan-y;place-items:center;padding:24px 72px;display:grid;position:fixed;inset:0 0 48px}.slide{border-radius:6px;line-height:0;position:relative;box-shadow:0 0 0 1px #ffffff14,0 24px 80px #0009}.slide canvas{border-radius:6px;display:block}.links a{cursor:pointer;position:absolute}.status{color:var(--muted);position:absolute}.status:empty{display:none}.progress{background:var(--line);z-index:2;height:2px;position:fixed;inset:0 0 auto}.progress span{background:var(--accent);width:0;height:100%;transition:width .25s;display:block}.nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:44px;height:44px;color:var(--muted);background:#141416b3;border-radius:999px;place-items:center;padding:0;transition:color .15s,border-color .15s,background .15s,opacity .2s,scale .1s;display:grid;position:fixed;top:50%;translate:0 -50%}.nav:hover{color:var(--text);background:var(--panel);border-color:#3a3a41}.nav:active{scale:.94}.nav:disabled{opacity:0;pointer-events:none}.prev{left:16px}.next{right:16px}.bar{height:48px;color:var(--muted);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:16px;font-size:13px;display:flex;position:fixed;inset:auto 0 0}.ghost{color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;padding:7px;transition:color .15s,background .15s;display:grid}.ghost:hover{color:var(--text);background:var(--panel)}@media (width<=640px){#stage{padding:12px}.nav{display:none}}