:root{color-scheme:dark;--cw-sans:"Liberation Sans",Arial,"Segoe UI",sans-serif;--cw-display:"Arial Narrow","Liberation Sans Narrow",Arial,sans-serif;--cw-mono:"Cascadia Code",Consolas,monospace;--bg:#070b10;--panel:#0d141d;--line:#293846;--muted:#a5b7c6;--text:#edf5fa;--cyan:#62e9f5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 var(--cw-sans);display:grid;grid-template-columns:270px 1fr;min-height:100vh}aside{border-right:1px solid var(--line);padding:26px 18px;background:#0a1017;display:flex;flex-direction:column;gap:15px;max-height:100vh;position:sticky;top:0}.brand{font:700 24px var(--cw-display);letter-spacing:.06em}.brand span{color:var(--cyan)}.eyebrow,.label{font:12px var(--cw-mono);letter-spacing:.1em;color:var(--muted)}.eyebrow{margin:0}input,textarea,select,button,.file{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:4px;padding:9px 12px;min-width:0}button,.file,summary{cursor:pointer}button:hover,.file:hover{border-color:var(--cyan)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.push{margin-left:auto}nav{overflow:auto;flex:1}nav button{display:block;width:100%;text-align:left;margin:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent}nav button.selected{border-color:var(--cyan);background:#14242d}nav small{color:var(--muted);margin-right:6px}nav .empty{font-size:14px;color:var(--muted)}.bottom{display:grid;gap:8px}.bottom p{font-size:12px;color:var(--muted)}.file{text-align:center}.file input{display:none}main{padding:0 38px;max-width:1500px;width:100%;min-width:0}header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);gap:20px}#breadcrumb{font-size:14px;margin-top:6px;color:var(--muted)}#connection{font:12px var(--cw-mono);color:var(--cyan)}#notice{margin-top:14px;color:var(--cyan);min-height:25px}#notice.error{color:#ffb8a8}#welcome{max-width:700px;margin:65px 0}h1,h2,h3{font-family:var(--cw-display);letter-spacing:-.025em}h1{font-size:34px}h2{font-size:23px}p{color:var(--muted)}.title{display:block;font:700 32px var(--cw-display);border:0;border-bottom:1px solid var(--line);width:100%;padding:12px 0;margin-bottom:22px;background:transparent}.label{display:block;margin-top:20px}.metadata{display:flex;gap:14px;flex-wrap:wrap;margin:14px 0}.metadata label{display:flex;flex:1;flex-direction:column;min-width:130px;font-size:13px;color:var(--muted);gap:5px}.metadata button{align-self:end}textarea{resize:vertical;width:100%;font-family:var(--cw-mono);font-size:15px}#body{min-height:330px;padding:20px;line-height:1.7}.tabs{margin:20px 0 10px}.tabs button{font-size:13px}#preview{min-height:330px;border:1px solid var(--line);padding:20px;overflow-wrap:anywhere}#preview h1{font-size:28px}#preview p{color:var(--text);white-space:pre-wrap}details{border-top:1px solid var(--line);padding:18px 0;margin-top:20px}summary{font-weight:700}.primary{background:#b8f7fb;color:#071318;border-color:#b8f7fb;font-weight:700}#save{margin-top:18px}#dirty,#saved{font-size:12px;color:var(--muted)}#database{margin-top:35px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line)}td button{text-align:left;border:0;background:none;padding:0;color:var(--cyan)}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.column{padding:14px;background:var(--panel);border:1px solid var(--line)}.column h3{margin-top:0;font-size:16px}.task{display:block;width:100%;text-align:left;margin:10px 0;background:var(--bg)}.task small{display:block;color:var(--muted)}#ai-result{white-space:pre-wrap;overflow-wrap:anywhere;max-height:500px;overflow:auto;font:14px/1.6 var(--cw-mono)}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding:25px 0;margin-top:50px}[hidden]{display:none!important}@media(max-width:800px){body{grid-template-columns:1fr}aside{position:static;max-height:420px;border-right:0;border-bottom:1px solid var(--line)}main{padding:0 18px}nav{max-height:150px;flex:none;min-height:45px}.bottom{grid-template-columns:1fr 1fr}.bottom p{grid-column:1/-1}.board{grid-template-columns:1fr}header{align-items:start}.title{font-size:27px}table{display:block;overflow:auto}}