:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--black:#0a0a0b;--ink:#111214;--panel:#17181b;--panel-high:#1e2024;--panel-low:#141517;--line:#32343a;--line-strong:#4a4d55;--text:#f1efe9;--muted:#9a9ba1;--quiet:#85868d;--signal:#ff4f2f;--signal-deep:#c9351f;--signal-soft:#ff4f2f1f;--signal-ring:#ff4f2f40;--paper:#f1efe9;--ok:#66c38a;--warn:#e0ad4b;--bad:#ff5b73;--bad-soft:#ff5b731a;--bad-ink:#ff8ca0;--shell:1380px;--cut:3px;--ease-out:cubic-bezier(.16, 1, .3, 1);--shadow-float:-18px 12px 52px #00000094}*{box-sizing:border-box}html,body{height:100%;margin:0}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}body{background:var(--black);color:var(--text);font:14px/1.5 Arial Narrow,Aptos Narrow,Segoe UI,system-ui,sans-serif;overflow:hidden}body:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle at 78% -8%,#ff4f2f1a,#0000 31%),radial-gradient(circle at 12% 108%,#f1efe909,#0000 34%),linear-gradient(115deg,#ffffff06,#0000 42%);position:fixed;inset:0}::selection{background:var(--signal);color:var(--paper)}#app{flex-direction:column;height:100%;display:flex}.boot,.fatal{text-align:center;height:100%;color:var(--muted);place-content:center;justify-items:center;gap:12px;padding:24px;display:grid}.boot:before,.fatal__mark{background:var(--signal);width:52px;height:52px;color:var(--paper);content:"HD";letter-spacing:-.05em;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%);place-content:center;font-weight:900;display:grid}.boot:after{content:"Connecting"}.fatal h1,.fatal p{margin:0}.fatal p{max-width:46ch}.topbar{z-index:4;border-bottom:1px solid var(--line);background:#111214f5;grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr);align-items:stretch;min-height:72px;display:grid;position:relative;box-shadow:0 10px 32px #0000002e}.topbar:after{background:linear-gradient(90deg, var(--signal) 0 9%, transparent 27% 100%);content:"";pointer-events:none;height:1px;position:absolute;bottom:-1px;left:0;right:0}.brand{align-items:center;gap:12px;min-width:0;padding:10px 18px;display:flex}.brand__mark{background:var(--signal);width:36px;height:36px;color:var(--paper);letter-spacing:-.06em;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);flex:none;place-content:center;font-size:13px;font-weight:900;display:grid;box-shadow:inset 0 -3px #0000002e}.brand__copy{min-width:0;display:grid}.brand__copy strong{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.brand__copy small{color:var(--quiet);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.tabs{border-inline:1px solid var(--line);align-items:stretch;display:flex}.tab{border:0;border-right:1px solid var(--line);min-width:126px;color:var(--muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:9px;padding:0 20px;transition:background-color .12s,color .12s;display:flex;position:relative}.tab:last-child{border-right:0}.tab:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tab__dot{background:var(--quiet);width:5px;height:5px;transition:background-color .12s,box-shadow .12s;box-shadow:0 0 0 3px #0000}.tab:hover,.tab--on{background:var(--panel);color:var(--text)}.tab--on:after,.tab--on .tab__dot{background:var(--signal)}.tab--on .tab__dot{box-shadow:0 0 0 3px var(--signal-soft)}.who{justify-content:flex-end;align-items:center;gap:12px;min-width:0;padding:10px 18px;display:flex}.who__identity{text-align:right;min-width:0;display:grid}.who__name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.who__role{color:var(--quiet);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.body{scrollbar-color:var(--line-strong) transparent;flex:1;overflow-y:auto}.body::-webkit-scrollbar{width:10px}.drawer::-webkit-scrollbar{width:10px}.textarea::-webkit-scrollbar{width:10px}.readonly-list::-webkit-scrollbar{width:10px}.body::-webkit-scrollbar-thumb{background:var(--line-strong);border:3px solid var(--black)}.drawer::-webkit-scrollbar-thumb{background:var(--line-strong);border:3px solid var(--black)}.textarea::-webkit-scrollbar-thumb{background:var(--line-strong);border:3px solid var(--black)}.readonly-list::-webkit-scrollbar-thumb{background:var(--line-strong);border:3px solid var(--black)}.pagehead{width:min(var(--shell), calc(100% - 40px));grid-template-columns:3px minmax(0,1fr) minmax(260px,.7fr);align-items:end;gap:16px;margin:38px auto 24px;display:grid}.pagehead__rule{background:var(--signal);width:3px;height:50px;position:relative}.pagehead__rule:after{background:var(--signal);content:"";width:15px;height:1px;position:absolute;top:0;left:7px}.pagehead__eyebrow{color:var(--signal);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1px;font-size:10px;font-weight:700;display:block}.pagehead__title{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(30px,4vw,48px);font-weight:800;line-height:.95}.pagehead__description{max-width:42ch;color:var(--muted);margin:0;font-size:13px}.stage{width:min(var(--shell), calc(100% - 40px));padding-bottom:max(56px, env(safe-area-inset-bottom));margin:0 auto}.panel{transform-origin:50% 0;animation:surface-enter .36s var(--ease-out) both;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;display:grid}@keyframes surface-enter{0%{clip-path:inset(0 0 7%);filter:blur(2px);opacity:.72;transform:translateY(8px)}}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--cut);grid-column:span 6;min-width:0;padding:18px;position:relative;box-shadow:inset 0 1px #ffffff06}.card:after{border-top:1px solid var(--line-strong);border-right:1px solid var(--line-strong);content:"";pointer-events:none;width:10px;height:10px;position:absolute;top:-1px;right:-1px}.card--wide{grid-column:1/-1}.card--backend .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card--prompt{flex-direction:column;min-height:264px;display:flex}.card--prompt .textarea,.card--prompt .prose-block{flex:1}.card__head{flex-wrap:wrap;align-items:center;gap:9px;min-height:28px;margin-bottom:16px;display:flex}.card__head h2,.onboard h2{letter-spacing:.01em;flex:1;margin:0;font-size:14px;font-weight:750}.card__head h2{align-items:center;gap:8px;display:flex}.card__head h2:before,.onboard h2:before{background:var(--signal);content:"";width:12px;height:1px;margin:0 0 1px;display:inline-block}.card__head h2:after{background:linear-gradient(90deg, var(--line-strong), transparent);content:"";flex:1;height:1px}.facts{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0;margin:0;display:grid}.fact{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel-low);min-width:0;padding:10px 11px;transition:background-color .12s}.fact:hover{background:var(--panel-high)}.fact dt{color:var(--quiet);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.fact dd{text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:13px;overflow:hidden}.card:first-child .fact:first-child dd{color:var(--paper);font-weight:700}.card--status{background:linear-gradient(105deg, #ff4f2f0e, transparent 26%), var(--panel)}.card--status .fact:first-child dd:before{background:var(--ok);content:"";width:6px;height:6px;margin:0 7px 1px 0;display:inline-block;box-shadow:0 0 0 3px #66c38a1a}.grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-content:start;gap:16px 18px;display:grid}.card--backend .grid,.card--controls .grid{border-top:1px solid var(--line);border-left:1px solid var(--line);gap:0}.card--backend .grid>.field,.card--controls .grid>.field{background:var(--panel-low);border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:86px;padding:11px 12px 12px;transition:background-color .12s}.card--backend .grid>.field:hover,.card--controls .grid>.field:hover{background:var(--panel)}.field{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.grid>.field{align-content:start;justify-content:initial;gap:7px;display:grid}.field--stacked{margin-bottom:15px;display:block}.field__label{color:var(--muted);font-size:12px}.field--stacked .field__label{margin-bottom:6px;display:block}.grid>.field>.field__label{color:var(--quiet);font-size:11px;line-height:1.25}.field__status{min-height:15px;color:var(--ok);letter-spacing:.04em;font-size:10px}.field__status--bad{color:var(--bad-ink)}.row{align-items:center;gap:7px;width:100%;min-width:0;display:flex}.input{border:1px solid var(--line-strong);border-radius:var(--cut);width:100%;min-width:0;min-height:42px;color:var(--text);background:#0f1012;padding:9px 11px;font-size:13px;transition:border-color .12s,background-color .12s,box-shadow .12s;box-shadow:inset 0 1px 3px #00000038}.grid>.field .input{max-width:none}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1.5 5 5 5-5' fill='none' stroke='%239a9ba1' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}input[type=number].input{appearance:textfield;font-variant-numeric:tabular-nums}input[type=number].input::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number].input::-webkit-outer-spin-button{appearance:none;margin:0}.input:hover:not(:disabled){background-color:#141518;border-color:#686a72}.input:focus{border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-ring);outline:none}.input:disabled{opacity:.5}.textarea{resize:vertical;max-width:none;min-height:146px;font-family:Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.65}.input--saved{border-color:var(--ok);transition:border-color .2s,box-shadow .2s;box-shadow:0 0 0 3px #66c38a1a}.input--bad,.input--bad:focus{border-color:var(--bad);box-shadow:none}.switch{justify-self:start;width:46px;height:26px;display:inline-flex;position:relative}.switch input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch span{background:var(--ink);border:1px solid var(--line-strong);border-radius:2px;width:46px;height:26px;transition:background-color .14s,border-color .14s;display:block;position:relative}.switch span:after{background:var(--muted);content:"";width:16px;height:16px;transition:transform .16s cubic-bezier(.16,1,.3,1),background-color .14s;position:absolute;top:4px;left:4px}.switch input:checked+span{background:var(--signal);border-color:var(--signal)}.switch input:checked+span:after{background:var(--paper);transform:translate(20px)}.switch input:focus-visible+span{outline:2px solid var(--signal);outline-offset:3px}.switch input:disabled+span{opacity:.45}.switch input.input--saved+span{border-color:var(--ok)}.switch input.input--bad+span{border-color:var(--bad)}.hint{color:var(--quiet);font-size:11px}.card>.hint{max-width:72ch;margin:10px 0 0}.empty{color:var(--quiet);margin:8px 0 0}.btn{border:1px solid var(--signal);border-radius:var(--cut);background:var(--signal);min-height:40px;color:var(--paper);letter-spacing:.01em;cursor:pointer;white-space:nowrap;padding:8px 14px;font-size:12px;font-weight:750;transition:background-color .12s,border-color .12s,color .12s,box-shadow .12s;box-shadow:inset 0 -2px #0003}.btn:hover:not(:disabled){background:#ff6246;border-color:#ff6246;box-shadow:inset 0 -2px #0003,0 5px 18px #ff4f2f29}.btn:active:not(:disabled){background:var(--signal-deep);border-color:var(--signal-deep);transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn--small{min-height:36px;padding:6px 11px;font-size:12px}.btn--tiny{min-height:32px;padding:5px 9px;font-size:11px}.btn--ghost{border-color:var(--line-strong);color:var(--muted);box-shadow:none;background:0 0}.btn--ghost:hover:not(:disabled){background:var(--panel-high);border-color:var(--muted);color:var(--text);box-shadow:none}.btn--danger{border-color:var(--bad);color:var(--bad-ink);box-shadow:none;background:0 0}.row .btn--small{min-height:42px}.btn--danger:hover:not(:disabled){background:var(--bad-soft);border-color:var(--bad)}.btn--busy{opacity:.65}.btn:focus-visible,.tab:focus-visible,.char:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.ping-result{color:var(--quiet);font-size:11px}.ping-result--ok{color:var(--ok)}.ping-result--bad{color:var(--bad-ink)}.overrides{background:var(--line);border:1px solid var(--line);gap:1px;margin-top:14px;display:grid}.override{background:var(--ink);align-items:center;gap:12px;min-width:0;padding:8px 10px;display:flex}.override__key{color:var(--text);font-family:Cascadia Code,Consolas,monospace;font-size:11px}.override__value{color:var(--quiet);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.dropzone{border:1px dashed var(--line-strong);background:var(--ink);min-height:78px;color:var(--muted);text-align:center;place-content:center;padding:18px;transition:background .12s,border-color .12s;display:grid;position:relative}.dropzone:before,.dropzone:after{content:"";pointer-events:none;width:12px;height:12px;position:absolute}.dropzone:before{border-top:1px solid var(--signal);border-left:1px solid var(--signal);top:-1px;left:-1px}.dropzone:after{border-right:1px solid var(--signal);border-bottom:1px solid var(--signal);bottom:-1px;right:-1px}.dropzone--over{background:var(--signal-soft);border-color:var(--signal);color:var(--text)}.onboard{background:linear-gradient(135deg, #ff4f2f0f, transparent 40%), var(--panel);grid-column:1/-1;max-width:720px;margin:3vh auto 0;padding:clamp(24px,5vw,56px)}.onboard h2{margin-bottom:16px;font-size:22px}.onboard p{max-width:64ch;color:var(--muted);margin:0 0 12px}.onboard .dropzone{min-height:118px;margin-top:24px}.onboard__actions{justify-content:center;align-items:center;gap:10px;margin-top:12px;display:flex}.onboard__actions .btn{min-height:44px;padding-inline:20px}.onboard__or{text-align:center}.chars{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0;display:grid}.char{text-align:left;background:var(--panel);border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;min-height:112px;color:inherit;cursor:pointer;gap:14px;padding:13px;transition:background-color .14s;display:flex;position:relative;overflow:hidden}.char:after{content:"";background:0 0;height:2px;position:absolute;bottom:0;left:0;right:0}.char:hover{background:var(--panel-high)}.char:hover .char__art{filter:saturate(1.08)contrast(1.03)}.char:hover:after,.char--active:after{background:var(--signal)}.char--active{background:var(--panel-high)}.char__art{background:var(--ink);object-fit:cover;flex-shrink:0;width:72px;height:86px;transition:filter .14s;box-shadow:inset 0 0 0 1px #ffffff0a}.char__art--blank{color:var(--quiet);place-content:center;font-size:24px;font-weight:800;display:grid}.char__body{min-width:0;padding-top:4px}.char__name{letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;font-size:16px;display:block;overflow:hidden}.char__meta{color:var(--quiet);margin-top:2px;font-size:11px;display:block}.tags{flex-wrap:wrap;gap:4px;margin-top:7px;display:flex}.tag{background:var(--ink);color:var(--muted);padding:2px 6px;font-size:10px}.tag--always{background:var(--signal-soft);color:#ff9a87}.tag--off{background:var(--bad-soft);color:var(--bad-ink)}.drawer{z-index:8;background:var(--panel);border-left:1px solid var(--line);width:min(540px,100%);box-shadow:var(--shadow-float);animation:drawer-in .22s var(--ease-out);padding:22px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}@keyframes drawer-in{0%{clip-path:inset(0 0 0 12%);opacity:.4;transform:translate(22px)}}.drawer__head{z-index:2;border-bottom:1px solid var(--line);background:#17181bf5;align-items:center;gap:13px;margin:-22px -22px 22px;padding:16px 22px;display:flex;position:sticky;top:-22px;box-shadow:0 8px 20px #00000029}.drawer__head h2{letter-spacing:-.02em;margin:0 0 2px;font-size:18px}.drawer__head>div:nth-child(2){flex:1;min-width:0}.drawer__art{object-fit:cover;width:52px;height:58px}.drawer__actions{border-top:1px solid var(--line);background:#17181bf7;gap:8px;margin:24px -22px -22px;padding:14px 22px;display:flex;position:sticky;bottom:-22px}.prose-block,.readonly-list{background:var(--ink);border:1px solid var(--line);max-height:270px;color:var(--muted);margin:0;padding:11px;font-size:12px;line-height:1.6;overflow-y:auto}.prose-block{white-space:pre-wrap;font-family:Cascadia Code,Consolas,monospace}.readonly-list p{margin:0 0 10px}.lore{margin-bottom:14px}.lore:last-child{margin-bottom:0}.lore__keys{flex-wrap:wrap;gap:4px;margin-bottom:5px;display:flex}.lore__text{white-space:pre-wrap;margin:0}.overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:var(--panel);border:1px solid var(--line-strong);width:min(420px,100%);animation:dialog-in .18s var(--ease-out);padding:22px;box-shadow:0 18px 58px #0000008f}@keyframes dialog-in{0%{clip-path:inset(8% 0);filter:blur(2px);opacity:.72;transform:translateY(8px)}}.dialog h3{margin:0 0 8px;font-size:18px}.dialog p{color:var(--muted);margin:0 0 20px}.dialog__actions{justify-content:flex-end;gap:8px;display:flex}.toasts{z-index:30;gap:7px;width:min(360px,100% - 36px);display:grid;position:fixed;bottom:18px;right:18px}.toast{background:var(--panel-high);border:1px solid var(--line-strong);color:var(--text);animation:toast-in .18s var(--ease-out);padding:10px 12px;font-size:12px;box-shadow:0 10px 28px #00000070}.toast--ok{border-color:var(--ok)}.toast--warn{border-color:var(--warn)}.toast--error{border-color:var(--bad)}.toast--out{opacity:0;transition:opacity .3s}@keyframes toast-in{0%{filter:blur(3px);opacity:0;transform:translateY(10px)}}.hidden{display:none}@media (width<=800px){.topbar{grid-template-columns:1fr auto}.tabs{border:0;border-top:1px solid var(--line);order:3;grid-area:2/1/auto/-1;min-height:48px}.tab{flex:1;min-width:0}.who{padding-left:8px}.panel{grid-template-columns:1fr}.card{grid-column:1}}@media (width<=620px){.brand{padding-inline:12px 6px}.brand__copy small,.who__role{display:none}.who{padding-inline:6px 12px}.who__name{max-width:96px}.pagehead{grid-template-columns:3px 1fr;width:calc(100% - 24px);margin:22px auto 16px}.pagehead__description{grid-column:2;margin-top:-6px}.pagehead__title{font-size:32px}.stage{width:calc(100% - 24px)}.card{padding:14px}.card--backend .grid>.field,.card--controls .grid>.field,.card--prompt{min-height:0}.card__head{align-items:flex-start}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.grid,.card--backend .grid,.chars{grid-template-columns:1fr}.char{min-height:104px}.char__art{width:66px;height:78px}.btn,.btn--small,.btn--tiny{min-height:40px}.drawer{border-left:0;width:100%;padding:16px}.drawer__head{margin:-16px -16px 18px;padding:12px 16px;top:-16px}.drawer__actions{padding:12px 16px calc(12px + env(safe-area-inset-bottom));margin:22px -16px -16px;bottom:-16px}.override{flex-wrap:wrap;align-items:flex-start}.override__value{min-width:50%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
