:root{--bg:#0f1115;--panel:#171a21;--line:#2a2f3a;--text:#e6e8ee;--muted:#8b93a5;--accent:#5b9dff;--err:#ff6b6b;--ok:#3ecf8e}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=light]{color-scheme:light;--bg:#f6f7f9;--panel:#fff;--line:#dde1e8;--text:#1b1f27;--muted:#667085;--accent:#2563eb;--err:#c62828;--ok:#15803d}@media (prefers-color-scheme:light){:root:not([data-theme]){--bg:#f6f7f9;--panel:#fff;--line:#dde1e8;--text:#1b1f27;--muted:#667085;--accent:#2563eb;--err:#c62828;--ok:#15803d}}body{height:100vh;height:100dvh;flex-direction:column}.page,body{display:flex}.page{flex:1 1;min-height:0;flex-direction:column;overflow:auto}.site-footer{flex:none;display:flex;align-items:center;justify-content:center;gap:16px;padding:4px 14px;border-top:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:12px}.site-footer .spacer{flex:1 1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,sans-serif}a{color:var(--accent)}h1{font-size:20px;margin:0 0 8px}h2{font-size:16px;margin-top:28px}.muted{color:var(--muted)}.small{font-size:12px}.err{color:var(--err)}.mono,pre{font-family:ui-monospace,Menlo,monospace}.center{flex:1 1;min-height:60vh;display:grid;place-items:center}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:10px;color:inherit;text-decoration:none}.card.row{flex-direction:row;align-items:center}.narrow{width:320px}.row{display:flex;gap:8px;align-items:center}.wrap{flex-wrap:wrap}button,input,select,textarea{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:6px 10px}button{cursor:pointer;background:var(--accent);border-color:var(--accent);color:#fff}button.ghost{background:transparent;color:var(--text);border-color:var(--line)}button.danger{color:var(--err)}.admin nav{display:flex;gap:16px;align-items:center;padding:10px 20px;border-bottom:1px solid var(--line);background:var(--panel)}.wide{max-width:1200px;margin:0 auto;padding:20px}table{width:100%;border-collapse:collapse;margin-top:16px}td,th{text-align:left;padding:8px;border-bottom:1px solid var(--line);vertical-align:middle}.pill{padding:1px 8px;border-radius:99px;font-size:12px;border:1px solid var(--line)}.pill.active{color:var(--ok)}.pill.expired,.pill.revoked{color:var(--err)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:12px;gap:12px}.doc{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 24px;max-width:900px}.doc code{background:var(--bg);padding:1px 4px;border-radius:4px}.doc pre{overflow:auto;font-size:12px;line-height:1.45}.doc pre,.linkblock{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:10px 12px}.linkblock{margin:0 0 8px;white-space:pre-wrap;word-break:break-all;-webkit-user-select:all;-moz-user-select:all;user-select:all}.doc pre code{background:none;padding:0;border-radius:0}.doc table td,.doc table th{border:1px solid var(--line)}.viewer{display:flex;flex-direction:column;flex:1 1;min-height:0}.topbar{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--line);background:var(--panel)}.topbar .title{margin-right:12px}.spacer,.vbody{flex:1 1}.vbody{display:grid;grid-template-columns:300px 1fr;min-height:0}.vbody.with-notes{grid-template-columns:300px 1fr 320px}.vbody aside{border-right:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;gap:4px}.vbody aside,.vbody main{overflow:auto;padding:14px}.tree{margin-top:6px;border:1px solid var(--line);border-radius:6px;padding:8px 4px;background:var(--bg);font-family:ui-monospace,Menlo,monospace;font-size:13px;display:flex;flex-direction:column;gap:1px}.dir-row{color:var(--muted,inherit);font-weight:600}.caret{display:inline-block;width:1em}.nav{background:transparent;color:var(--text);border:0;text-align:left;padding:4px 8px;border-radius:4px;word-break:break-all}.nav.active,.nav:hover{background:var(--line)}.dir{margin-top:10px;font-size:12px;color:var(--muted);text-transform:uppercase}.search input{width:100%}.bar{display:flex;gap:12px;align-items:center;margin-bottom:8px;position:-webkit-sticky;position:sticky;top:-14px;background:var(--bg);padding:6px 0}.log{margin:0;font-size:12px;line-height:1.45}.line{white-space:pre}.ln{display:inline-block;width:52px;color:var(--muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.notes{width:100%;height:120px}.hits,.notes{margin-bottom:10px}.hits{max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:6px}.hit{display:block;width:100%;text-align:left;background:transparent;color:var(--text);border:0;border-bottom:1px solid var(--line);font:12px ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:0}.notes-panel{border-left:1px solid var(--line);background:var(--panel);padding:14px;display:flex;flex-direction:column;gap:8px;overflow:auto}.notes-panel .notes{flex:1 1;height:auto;min-height:200px;margin:0}@media (max-width:800px){.viewer{flex:none}.topbar{flex-wrap:wrap}.vbody,.vbody.with-notes{grid-template-columns:1fr}.vbody aside{max-height:40vh}.notes-panel{border-left:0;border-top:1px solid var(--line)}}.btn{display:inline-block;background:var(--accent);color:#fff;padding:6px 12px;border-radius:6px;text-decoration:none}.preview-banner{background:#ffd54a22;border:1px solid #ffd54a66;border-radius:6px;padding:6px 8px}.login-pw{display:flex;flex-direction:column;gap:10px}a.btn{text-align:center}.nocopy{-moz-user-select:none;user-select:none;-webkit-user-select:none}.log.wrap .line{white-space:pre-wrap;overflow-wrap:anywhere}.root-row{padding:0 8px 2px;font-weight:700;color:var(--accent)}.term{min-height:100%;display:flex;flex-direction:column;font:13px/1.45 ui-monospace,Menlo,monospace;cursor:text}.term-out{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.term-prompt{color:var(--ok)}.term-line{display:flex;gap:0;align-items:center}.term-input{flex:1 1;background:transparent;border:0;outline:0;padding:0;font:inherit;color:var(--text);border-radius:0;caret-color:var(--accent)}.vbody main.work{display:flex;flex-direction:column;padding:0;overflow:hidden;min-width:0}.vbody main.work.split-right{flex-direction:row}.pane{flex:1 1;min-height:0;min-width:0;overflow:auto;padding:14px}.term-pane{flex:none;display:flex;flex-direction:column;background:var(--panel);border-top:1px solid var(--line);overflow:hidden}.term-pane[hidden]{display:none}.split-right .term-pane{width:48%;min-width:240px;max-width:80%;border-top:0;border-left:1px solid var(--line);resize:horizontal}.term-head{display:flex;align-items:center;gap:8px;padding:6px 14px;border-bottom:1px solid var(--line)}.term-scroll{flex:1 1;min-height:0;overflow:auto;padding:0}.term{padding:10px 14px;box-sizing:border-box}@media (max-width:800px){.vbody main.work.split-right{flex-direction:column}.split-right .term-pane{width:auto;max-width:none;height:50vh;border-left:0;border-top:1px solid var(--line);resize:vertical}.vbody main.work{min-height:70vh}}.vbody.no-aside{grid-template-columns:1fr}.vbody.no-aside.with-notes{grid-template-columns:1fr 320px}.term-scroll{display:flex;flex-direction:column}.term-scroll>.term{flex:1 0 auto}.pane[hidden]{display:none}.split-right .pane[hidden]~.term-pane{width:auto;max-width:none;flex:1 1}.brand{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.brand h1,.brand p{margin:0}.theme-toggle{display:inline-flex;align-items:center;padding:5px 7px}.pager{flex:1 1;min-height:0;display:flex;flex-direction:column;outline:0;height:100%}.pager-text{flex:1 1;min-height:0;margin:0;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.pager-text mark{background:var(--accent);color:var(--bg,#000)}.pager-status{flex:none;padding:2px 6px;background:var(--line);color:var(--text);font:inherit}.term.term-paging{padding:0;min-height:0;flex:1 1;overflow:hidden;cursor:default}.code-pane{width:58%}.split-right .code-pane{min-width:320px}.code-ws{display:flex;flex-direction:column;flex:1 1;min-height:0}.code-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line)}.code-editor{flex:1 1 auto;min-height:0;overflow:hidden}.code-editor .cm-editor{height:100%}.code-editor .cm-scroller{overflow:auto}.tests-panel{gap:6px}.code-summary{display:flex;align-items:center;gap:12px}.code-summary .ok{color:var(--ok)}.vbody.no-aside.with-notes.coding{grid-template-columns:1fr 380px}.code-fatal,.code-stdout{margin:6px 0;padding:8px;background:var(--bg);border:1px solid var(--line);border-radius:6px;white-space:pre-wrap;font-size:12px;max-height:140px;overflow:auto}.code-tests{list-style:none;margin:0;padding:0;font-size:12px}.code-tests li{padding:2px 0;word-break:break-all}.code-tests .mark{display:inline-block;width:1.4em}.code-tests .pass{color:var(--ok)}.code-tests .fail{color:var(--err)}.code-tests .why{margin-left:1.4em}.code-tests li:not(.pass):not(.fail){color:var(--muted)}.answer{margin:0 0 12px;white-space:pre;overflow:auto;font-size:12px;display:block}.pane{display:flex;flex-direction:column}.pane>*{flex:none}.pane>.doc{flex:1 0 auto;max-width:none}.doc.nocopy{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.vbody.coding{grid-template-rows:minmax(0,1fr)}.vbody.coding .tests-panel{min-height:0;min-width:0;overflow-y:auto;scrollbar-gutter:stable}