:root{--bg:#121618;--panel:#1a2023;--ink:#e7ebe9;--muted:#97a3a9;--line:#2d363a;--soft:#232b2f;--accent:#4fb3bb;--accent-ink:#0b1416;--danger:#e07a6b;--good:#6cc070;--s-id:#f1efe8;--s-ed:#e3d26a;--s-in:#8fb3dd;--s-en:#8fc489;--s-ink:#101315;--f-d:"Barlow Condensed","Arial Narrow",sans-serif;--f-b:"IBM Plex Sans",system-ui,sans-serif;--f-m:"IBM Plex Mono",ui-monospace,monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0}body{font:14px/1.45 var(--f-b)}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}.btn.claude{color:#fff;background:#d97757;border-color:#d97757;font-weight:600}.btn.claude:hover{color:#fff;background:#c6613f;border-color:#c6613f}.cg{gap:12px}.cg-head{align-items:center;display:flex}.cg-head .grow{flex:1}.cg-text{margin:0;font-size:16px;line-height:1.5}.cg-art{width:100%;height:auto;display:block}.cg-extra{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cg-nav{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.cg-dots{gap:6px;display:flex}.cg-dots i{background:var(--line);border-radius:50%;width:9px;height:9px}.cg-dots i.on{background:var(--accent)}.sr-only{clip:rect(0 0 0 0);white-space:normal;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option,select optgroup{background:var(--panel);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--f-m);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.grow{flex:1}.btn{border:1px solid var(--line);background:var(--panel);font:500 13px var(--f-b);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--muted)}.btn.p{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.gutter{max-width:1280px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto}.brand{font:700 16px var(--f-d);letter-spacing:.14em;color:var(--accent);text-decoration:none}h1,h2{font-family:var(--f-d);letter-spacing:.01em;margin:0;font-weight:700}h1{font-size:30px}h2{font-size:24px}.scrim{z-index:50;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:10px;width:min(620px,100%);max-height:calc(100vh - 32px);padding:18px;display:grid;overflow:auto}.dialog h2{font-size:24px}.dialog .small,.small{margin:0;font-size:13px}.choice{border:1px solid var(--line);border-radius:8px;gap:6px;padding:10px 12px;display:grid}.choice label{align-items:center;gap:8px;font-weight:500;display:flex}.title-in{background:var(--bg);border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:6px;margin-left:24px;padding:6px 10px}.preview{gap:2px;font-size:13px;display:grid}.prow{background:var(--soft);border-radius:4px;grid-template-columns:36px minmax(0,1fr) 50px;gap:8px;padding:3px 6px;display:grid}.prow span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prow .mono{text-align:right}.warnbox{border:1px solid var(--danger);border-radius:6px;padding:8px 10px}.import-err{color:var(--danger);font-size:13px}.dialog.wide{width:min(860px,100%)}.sugg{gap:10px;max-height:55vh;padding-right:4px;display:grid;overflow:auto}.sugg-scene{gap:5px;font-size:13px;display:grid}.sugg-scene b{font-family:var(--f-d);text-transform:uppercase;font-size:16px}.prog{gap:4px;display:grid}.bar2{background:var(--soft);border-radius:3px;height:6px;overflow:hidden}.bar2 i{background:var(--accent);height:100%;display:block}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.banner{background:color-mix(in srgb,var(--accent) 12%,var(--panel));border:1px solid var(--line);border-radius:8px;padding:10px 14px;font-size:13px}.logo{color:#fff;flex:none;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.logo .mark{border-radius:22%;flex:none}.wordmark{letter-spacing:-.03em;font:900 19px/1 Inter,system-ui,sans-serif}.wordmark b{font-weight:900}.wordmark .lf{color:#ffb547}.wordmark .le{color:#5fd0d8}