:root{color-scheme:dark;--bg:#171a18;--line:#484f44;--text:#d6dacd;--muted:#a0a795;--accent:#c2d49a;--selection:#303b29;font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace;font-size:14px;line-height:1.65}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,a{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:none;border:0}a{color:var(--accent);text-underline-offset:4px}button:hover,a:hover{background:var(--selection)}:focus-visible{outline:1px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--bg)}
.terminal{height:100vh;height:100dvh;display:grid;grid-template-rows:34px minmax(0,1fr) auto 29px;padding:14px;gap:12px;max-width:1800px;margin:auto}
.titlebar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:12px;gap:12px}.titlebar strong{color:var(--accent);font-weight:400}.dim,.comment{color:var(--muted)}.accent{color:var(--accent)}
.workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:12px;min-height:0}.pane{position:relative;border:1px solid var(--line);min-height:0;min-width:0}.pane-label{position:absolute;left:12px;top:-12px;background:var(--bg);padding:0 7px;font-size:12px;color:var(--muted)}.explorer{display:flex;flex-direction:column;padding:24px 0 12px}.root{padding:0 16px 15px;color:var(--accent)}.explorer nav{overflow:auto}.file{display:flex;width:100%;padding:7px 14px;gap:10px;text-decoration:none;color:var(--text);font-size:12px;white-space:nowrap}.number,.file-icon{color:var(--muted)}.file[aria-current=page]{background:var(--selection);color:var(--accent)}.file[aria-current=page]::after{content:'◂';margin-left:auto}.sidebar-bottom{margin-top:auto;padding:28px 16px 0;font-size:11px;color:var(--muted)}.sidebar-bottom p{margin:4px 0}.small-rule{border-bottom:1px dashed var(--line);padding-bottom:7px;margin-bottom:10px}
.reader-pane{display:grid;grid-template-rows:34px minmax(0,1fr) 27px}.reader-bar{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:5px 16px;font-size:12px;color:var(--muted);gap:8px}.reader-bar span:first-child{color:var(--accent)}.document{overflow:auto;padding:34px clamp(20px,4vw,60px);scrollbar-color:var(--line) var(--bg);outline-offset:-4px}.document-inner{max-width:860px}.reader-bottom{border-top:1px solid var(--line);padding:3px 16px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
h1{font-size:23px;font-weight:400;line-height:1.4;margin:0 0 22px}h2{font-size:14px;font-weight:400;color:var(--accent);margin:30px 0 14px}h2::before{content:'## ';color:var(--muted)}p{max-width:70ch;margin:12px 0}.ascii{font:clamp(10px,1.4vw,17px)/1.25 'SFMono-Regular',Consolas,monospace;color:var(--accent);margin:0 0 30px;white-space:pre;overflow:auto}.metadata{display:grid;grid-template-columns:14ch 1fr;gap:8px 18px;margin:24px 0}.metadata dt{color:var(--muted)}.metadata dd{margin:0;overflow-wrap:anywhere}.rule{border:0;border-top:1px dashed var(--line);margin:28px 0}.quicklinks{display:grid;margin:20px 0}.quicklinks a{display:flex;justify-content:space-between;gap:20px;text-decoration:none;border-bottom:1px dotted var(--line);padding:10px 0}.quicklinks small{color:var(--muted);font-size:12px}.empty{border-left:2px solid var(--line);padding:6px 20px;margin:24px 0;color:var(--muted)}.entry{border-bottom:1px dashed var(--line);padding:16px 0}.entry h2{margin:0 0 8px}.entry a{margin-right:16px}.commands{display:grid;grid-template-columns:21ch 1fr;gap:12px 20px}.commands dt{color:var(--accent)}.commands dd{margin:0;color:var(--muted)}
.wordmark{display:block;width:clamp(200px,25vw,300px);max-width:100%;height:auto;color:var(--accent);margin:24px 0 30px;overflow:visible}
.console{border:1px solid var(--line);padding:7px 13px;min-width:0}.output{font-size:12px;color:var(--muted);max-height:110px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.output:empty{display:none}.prompt{display:flex;gap:10px;align-items:center;min-height:30px}.prompt label{color:var(--accent);white-space:nowrap;font-size:12px}.prompt input{min-width:0;flex:1;background:transparent;border:0;color:var(--text);padding:4px 0;outline:none;caret-color:var(--accent)}.prompt input::placeholder{color:var(--muted);font-size:12px}.console:focus-within{border-color:var(--accent)}.prompt button{color:var(--muted);min-width:30px}.statusbar{display:flex;gap:20px;align-items:center;white-space:nowrap;font-size:11px;color:var(--muted)}.mode{background:var(--accent);color:var(--bg);padding:2px 10px}.statusbar button{padding:0;color:var(--muted)}.statusbar kbd{color:var(--text);font:inherit}.status-right{margin-left:auto}.skip{position:fixed;left:20px;top:-100px;z-index:5;background:var(--bg);padding:8px}.skip:focus{top:0}[hidden]{display:none!important}noscript{display:block;padding:15px;color:var(--accent)}
@media(min-width:1450px){.terminal{padding:24px}.workspace{grid-template-columns:265px minmax(0,1fr)}.document{padding-top:48px}}
@media(max-width:720px){:root{font-size:13px}.terminal{padding:7px;grid-template-rows:30px minmax(0,1fr) auto 25px;gap:10px}.workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:12px}.explorer{padding:12px 0 0}.explorer nav{display:flex;overflow-x:auto}.file{width:auto;flex:none;padding:9px 12px}.root,.sidebar-bottom,.file[aria-current=page]::after,.desktop-hint,.title-center{display:none}.document{padding:24px 18px}.metadata{grid-template-columns:10ch 1fr;gap:8px 10px}.titlebar{font-size:11px}.statusbar{gap:12px}.status-right{font-size:10px}.commands{grid-template-columns:1fr;gap:4px}.commands dd{margin-bottom:12px}.prompt label{font-size:11px}.quicklinks small{display:none}.reader-bar,.reader-bottom{padding-left:12px;padding-right:12px}.reader-bar{font-size:11px}}
@media(max-height:500px){.sidebar-bottom{display:none}.document{padding-top:20px}.output{max-height:55px}}
.output{max-height:none;overflow:visible;font-size:13px;color:var(--text)}.output .command-echo{color:var(--accent);margin-top:18px}.output .command-error{color:#e3af97}.command-example{color:var(--accent);padding:0;text-decoration:underline;text-underline-offset:3px}.manual{white-space:pre-wrap;font:inherit;overflow-wrap:anywhere}.prompt label{max-width:45%;overflow:hidden;text-overflow:ellipsis}.editor-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;margin-bottom:14px}.editor-toolbar span{flex:1;overflow-wrap:anywhere}.editor-toolbar button{border:1px solid var(--line);padding:4px 8px}.editor-label{display:block;color:var(--muted);font-size:12px}#editor-text{display:block;width:100%;height:45vh;min-height:140px;resize:vertical;background:var(--bg);color:var(--text);border:1px solid var(--line);padding:14px;font:inherit;line-height:1.6;tab-size:2}#editor-status{font-size:12px;color:var(--accent)}
@media print{.terminal{height:auto;display:block}.titlebar,.explorer,.console,.statusbar,.reader-bar,.reader-bottom{display:none}.workspace,.reader-pane{display:block}.document{overflow:visible;padding:0}.pane{border:0}:root{--bg:#fff;--text:#111;--muted:#555;--accent:#222}body{background:#fff}}