:root,:root[data-theme=light]{--bg: #fbfbfa;--surface: #ffffff;--surface-2: #f4f4f2;--text: #1c1c1c;--text-soft: #61615d;--text-notes: #3a3a37;--muted: #a2a29c;--border: #ececea;--accent: #b86b1f;--error: #c0392b;--notes-bg: #fdfdfd}:root[data-theme=dark]{--bg: #161619;--surface: #1d1d21;--surface-2: #25252b;--text: #e7e7ea;--text-soft: #aeaeb6;--text-notes: #cfcfd4;--muted: #74747e;--border: #292930;--accent: #d99b5a;--error: #ff7a7a;--notes-bg: #1f2027}:root{--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--maxw: 1080px;color-scheme:light dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}.topbar{border-bottom:1px solid var(--border)}.topbar-inner{max-width:var(--maxw);margin:0 auto;padding:.85rem 1.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{background:transparent;border:0;padding:0;cursor:pointer;text-decoration:none;font-family:var(--sans);font-size:1.2rem;font-weight:600;letter-spacing:-.01em;color:var(--text)}.topbar-right{display:flex;align-items:center;gap:1.1rem}.topnav-item{background:transparent;border:0;padding:.2rem 0;cursor:pointer;text-decoration:none;font-family:var(--sans);font-size:.85rem;color:var(--text-soft)}.topnav-item:hover{color:var(--text)}.topnav-item.active{color:var(--text);font-weight:600;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px;text-decoration-thickness:2px}.body{display:flex;align-items:flex-start;gap:2.5rem;max-width:calc(var(--maxw) + 2.5rem + 15rem);margin:0 auto}.content-col{flex:1;min-width:0}.sidepane{width:15rem;flex-shrink:0;position:sticky;top:1.5rem;align-self:flex-start;padding:2.25rem .5rem 2rem 0;display:flex;flex-direction:column;gap:1.25rem}.pane-section{display:flex;flex-direction:column;gap:.1rem}.pane-title{margin:0 0 .5rem;padding:0 .4rem .4rem;font-size:.95rem;font-weight:600;color:var(--text);border-bottom:1px solid var(--border)}.pad-list{list-style:none;margin:0 0 .35rem;padding:0;display:flex;flex-direction:column;gap:.05rem}.pad-row{display:flex;align-items:center;gap:.25rem;border-radius:6px}.pad-row:hover{background:var(--surface-2)}.pad-name{flex:1;min-width:0;text-align:left;background:transparent;border:0;padding:.3rem .4rem;color:var(--text-soft);font-family:var(--sans);font-size:.88rem;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pad-row.active .pad-name{color:var(--text-soft);font-weight:600}.pad-actions{display:flex;gap:.05rem;padding-right:.2rem;opacity:0;transition:opacity .15s ease}.pad-row:hover .pad-actions{opacity:1}.pad-act{background:transparent;border:0;border-radius:5px;color:var(--muted);cursor:pointer;font-family:var(--sans);font-size:.72rem;padding:.15rem .3rem}.pad-act:hover{color:var(--text)}.pad-edit{flex:1;min-width:0;box-sizing:border-box;margin:.05rem 0;padding:.28rem .4rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:var(--sans);font-size:.88rem;outline:none}.pad-edit:focus{border-color:var(--muted)}.pane-add{align-self:flex-start;margin:.1rem 0 .15rem;width:1.7rem;height:1.7rem;display:grid;place-items:center;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-soft);cursor:pointer;font-size:1.05rem;line-height:1}.pane-add:hover{color:var(--text);border-color:var(--muted)}.pane-btn,.pane-link{text-align:left;background:transparent;border:0;padding:.3rem .4rem;font-family:var(--sans);font-size:.88rem;cursor:pointer}.pane-btn{color:var(--accent)}.pane-btn:hover{text-decoration:underline}.pane-link{color:var(--text-soft)}.pane-link:hover:not(:disabled){color:var(--text)}.pane-link:disabled{color:var(--muted);cursor:default}.pane-divider{border:0;border-top:1px solid var(--border);margin:.25rem .4rem}.pane-user-name{padding:.3rem .4rem;font-size:.88rem;font-weight:600;color:var(--text-soft)}@media(max-width:860px){.body{flex-direction:column}.sidepane{width:auto;position:static;padding:0 0 2rem}.topbar-inner{padding-right:1.75rem}}.about{max-width:var(--maxw);margin:0 auto;padding:2.5rem 1.75rem 4rem;line-height:1.7}.about h1{margin:0 0 1rem;font-size:1.5rem;font-weight:600}.about p,.about ul{color:var(--text-soft);max-width:46rem}.about ul{padding-left:1.2rem}.about li{margin:.35rem 0}.about a{color:var(--accent);text-decoration:none}.about a:hover{text-decoration:underline}.about code{font-family:var(--mono);font-size:.9em;background:var(--surface-2);padding:0 .3rem;border-radius:4px}.about-meta{margin-top:2rem;color:var(--muted);font-size:.85rem}.about-fineprint{margin-top:.5rem;color:var(--muted);font-size:.75rem}.app-header{max-width:var(--maxw);margin:0 auto;padding:2rem 1.75rem 0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.app-header h1{margin:0;font-size:1.4rem;font-weight:600;letter-spacing:-.01em}.app-header p{margin:.3rem 0 0;color:var(--muted);font-size:.9rem}.header-controls{display:flex;align-items:center;gap:.6rem}.toggle-group{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.toggle-group button{border:0;border-radius:0;background:transparent;color:var(--muted);padding:.35rem .85rem;font-size:.82rem;cursor:pointer}.toggle-group button.active{background:var(--surface-2);color:var(--text)}.icon-toggle{border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:8px;padding:.35rem .6rem;cursor:pointer;font-size:.95rem;line-height:1}.icon-toggle:hover{color:var(--text)}main{max-width:var(--maxw);margin:0 auto;padding:2.25rem 1.75rem 6rem;display:flex;flex-direction:column;gap:2.5rem}main>.cell-wrap+.cell-wrap{border-top:1px solid var(--border);padding-top:2.5rem}.cell-wrap,.cell{display:flex;flex-direction:column}.cell-heading-row{display:flex;align-items:center;gap:.35rem;margin-bottom:.65rem}.cell-heading{flex:0 1 32rem;min-width:0;font-family:var(--sans);font-weight:500;font-size:.95rem;color:var(--text-soft);background:transparent;border:1px solid transparent;border-radius:6px;padding:.25rem .45rem;outline:none}.cell-heading::placeholder{color:transparent}.cell-heading-row:hover .cell-heading,.cell-heading:focus{background:var(--bg);border-color:var(--border)}.cell-heading:focus{border-color:var(--muted)}.cell-heading-row:hover .cell-heading::placeholder,.cell-heading:focus::placeholder{color:var(--muted)}.heading-hint{margin-left:auto}.heading-clear{background:transparent;border:0;border-radius:5px;color:var(--muted);cursor:pointer;font-size:.85rem;line-height:1;padding:.2rem .35rem;opacity:0;transition:opacity .15s ease}.cell-heading-row:hover .heading-clear,.cell-heading-row:focus-within .heading-clear{opacity:1}.heading-clear:hover{color:var(--text)}.cell-notes-row{margin-top:.6rem}.cell-notes{width:80%;margin-left:1.5rem;box-sizing:border-box;min-height:4.5rem;overflow:hidden;font-family:var(--sans);font-size:.91rem;line-height:1.75;color:var(--text-soft);background:transparent;border:1px solid transparent;border-radius:8px;padding:.45rem .6rem;outline:none;resize:none}.cell-notes::placeholder{color:transparent}.cell-notes-row:hover .cell-notes,.cell-notes:focus{background:var(--notes-bg);border-color:var(--border)}.cell-notes-row:hover .cell-notes::placeholder,.cell-notes:focus::placeholder{color:var(--muted)}.editor{border:1px solid var(--border);border-radius:10px;overflow:hidden}.toolbar{display:flex;align-items:center;gap:.5rem;padding:.6rem .15rem 0;min-height:1.9rem}.spacer{flex:1}button.run{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:7px;padding:.4rem .95rem;font-size:.85rem;cursor:pointer;transition:border-color .15s ease,color .15s ease}button.run:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button.run:disabled{opacity:.5;cursor:default}button.icon{background:transparent;border:0;border-radius:5px;color:var(--text);font-size:.95rem;padding:.2rem .4rem;cursor:pointer;opacity:0;transition:opacity .15s ease}.cell-wrap:hover button.icon,.toolbar:focus-within button.icon,.notebook-actions:hover button.icon{opacity:.7}button.icon:hover{opacity:1}button.icon:hover,.icon-toggle:hover,.heading-clear:hover,.pad-act:hover,.toggle-group button:not(.active):hover{background:color-mix(in srgb,var(--text) 8%,transparent)}button.icon.delete.armed{background:color-mix(in srgb,var(--error) 25%,transparent);border-radius:5px;opacity:1}.lsp-status{font-size:.72rem;color:var(--muted)}.output{margin-top:.9rem}.output pre{margin:0;background:var(--surface-2);border-radius:8px;padding:.85rem 1rem;font-family:var(--mono);font-size:.85rem;color:var(--text);white-space:pre-wrap;word-break:break-word;overflow-x:auto}.output pre+pre{margin-top:.4rem}.output .muted{color:var(--muted)}.output.error{border-left:2px solid var(--error);padding-left:.85rem}.status{margin-top:.5rem;font-size:.72rem;color:var(--muted)}.status.error{color:var(--error);font-weight:600}button.add{align-self:flex-start;background:transparent;border:1px dashed var(--border);color:var(--muted);border-radius:8px;padding:.45rem .95rem;font-size:.85rem;cursor:pointer}button.add:hover{color:var(--text);border-color:var(--muted)}.notebook{display:flex;flex-direction:column;gap:.5rem}.notebook-actions{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.mode-help{color:var(--muted);font-size:.85rem;margin:0}.mode-help code{background:var(--surface-2);padding:0 .3rem;border-radius:4px;font-family:var(--mono);font-size:.85em}footer{max-width:var(--maxw);margin:1rem auto 4rem;padding:0 1.75rem;color:var(--muted);font-size:.78rem;display:flex;justify-content:space-between;gap:1rem}.footer-copyright{opacity:.7}