:root{color-scheme:light dark;--bg:#f6f7f9;--panel:#fff;--ink:#12161c;--muted:#5c6672;--line:#dfe3e8;--accent:#0b3d91;--danger:#b3261e;--ok:#186a3b;--shadow:0 8px 28px #1112}
@media(prefers-color-scheme:dark){:root{--bg:#12151a;--panel:#1a1f26;--ink:#e8ecf1;--muted:#aab3bd;--line:#313a45;--accent:#84adff;--danger:#ff8a80;--ok:#7ddc9a;--shadow:0 8px 28px #0006}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}button,input,textarea{font:inherit;color:inherit}button{min-height:44px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px}.topbar{display:flex;align-items:center;gap:12px;padding:14px 22px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:4}.brand{font-weight:750;color:var(--ink);text-decoration:none}.spacer{flex:1}.shell{max-width:1080px;margin:0 auto;padding:22px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:16px;box-shadow:var(--shadow)}.inset{box-shadow:none;margin:16px 0}.auth-card{max-width:460px;margin:8vh auto}.auth-card h1{margin-top:0}h2{font-size:18px;margin:0 0 5px}.muted{color:var(--muted)}label{display:block;font-size:13px;color:var(--muted);margin:12px 0 5px}input,textarea{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 11px;width:100%}textarea{resize:vertical}.button{border:1px solid var(--line);border-radius:8px;padding:8px 13px;background:transparent}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.danger{border-color:var(--danger);color:var(--danger)}.button.full{width:100%;margin-top:18px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tab{border:1px solid var(--line);border-radius:9px;padding:8px 15px;background:transparent}.tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.card{border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--panel);display:flex;flex-direction:column;gap:8px}.card h3{margin:0;font-size:15px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.inline-form{display:flex;gap:10px;align-items:end}.inline-form input{flex:1}.notice{border-left:4px solid var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);padding:11px 13px;border-radius:0 8px 8px 0;margin-bottom:16px}.notice.error{border-left-color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.notice.success{border-left-color:var(--ok)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.secret{display:block;padding:10px;background:var(--bg);border-radius:7px;word-break:break-all;margin:8px 0}.file-list{display:grid;gap:6px;margin:12px 0}.file-row{display:flex;align-items:center;gap:10px;padding:8px;border-bottom:1px solid var(--line)}.file-row input{width:22px;height:22px;flex:0 0 auto}.file-row button{margin-left:auto}.small{font-size:12px}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;border-bottom:1px solid var(--line);padding:8px 6px;vertical-align:top}
@media(max-width:560px){.topbar{padding:12px 14px;flex-wrap:wrap}.topbar .spacer{display:none}.topbar #identity{order:3;width:100%}.topbar #open-harness{margin-left:auto}.shell{padding:14px}.panel{padding:14px}.auth-card{margin:5vh auto}.inline-form{display:grid;grid-template-columns:1fr}.inline-form button{width:100%}.cards{grid-template-columns:1fr}.tabs{display:grid;grid-template-columns:repeat(3,1fr)}.tab{padding:8px 5px}.row .button{flex:1}.table{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
:root{--on-accent:#fff}
@media(prefers-color-scheme:dark){:root{--on-accent:#12161c}}
.button.primary,.tab.active{color:var(--on-accent)}
h1{font-size:28px;line-height:1.2}h2{font-size:21px}
.panel{box-shadow:none}.notice{border:1px solid var(--line);border-radius:8px}
code,.shared-context{overflow-wrap:anywhere;white-space:pre-wrap;max-width:100%}
.shared-context{max-height:360px;overflow:auto;padding:12px;background:var(--bg)}
.file-row>span:first-of-type{min-width:0;overflow-wrap:anywhere}.file-row{flex-wrap:wrap}
.file-row input{accent-color:var(--accent)}::selection{background:var(--accent);color:var(--on-accent)}
input,textarea{caret-color:var(--accent)}
