@import "https://api.fontshare.com/v2/css?f[]=satoshi@400,500,600,700,800&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font:"Satoshi", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--bg:#f5f4f0;--surface:#faf9f6;--surface2:#fff;--surface3:#eeece8;--surface4:#e8e5e0;--border:#504c441f;--border2:#504c4433;--text:#1a1815;--muted:#7a7870;--faint:#c0bdb7;--primary:#01696f;--primary-h:#025b61;--primary-bg:#01696f1a;--primary-bg2:#01696f2e;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 12px 48px #00000024;--code-bg:#1e1f26;--code-surface:#252731;--code-border:#313340;--code-text:#c8cad4;--code-muted:#5c6070;--code-line:#353745;--r:5px;--r2:8px;--r3:12px;--r4:16px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111010;--surface:#171614;--surface2:#1c1b19;--surface3:#222020;--surface4:#282624;--border:#ffffff12;--border2:#ffffff1f;--text:#d0cec9;--muted:#6e6c67;--faint:#3a3936;--primary:#3d9ea8;--primary-h:#4bb5c0;--primary-bg:#3d9ea81f;--primary-bg2:#3d9ea833}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer;border:0}kbd{border:1px solid var(--border2);background:var(--surface3);color:var(--faint);font-family:var(--mono);border-radius:4px;padding:1px 5px;font-size:10.5px;font-weight:500}.app-shell{background:var(--bg);width:100%;height:100dvh;color:var(--text);display:flex;overflow:hidden}.auth-shell{background:radial-gradient(circle at 50% -20%, var(--primary-bg2), transparent 42%), var(--bg);width:100%;min-height:100dvh;color:var(--text);place-items:center;padding:24px;display:grid}.auth-card{border:1px solid var(--border);border-radius:var(--r3);background:var(--surface);width:min(100%,388px);box-shadow:var(--shadow-lg);flex-direction:column;padding:22px;display:flex}.auth-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.auth-icon{border:1px solid var(--border);border-radius:var(--r2);background:var(--primary-bg);width:48px;height:48px;color:var(--primary);place-items:center;margin-bottom:16px;display:grid}.auth-card h1{letter-spacing:0;margin:0 0 6px;font-size:28px;font-weight:800}.auth-card p{color:var(--muted);margin:0 0 22px}.auth-form{gap:12px;display:grid}.auth-form label{color:var(--muted);gap:6px;font-size:12px;font-weight:700;display:grid}.auth-form input{border:1px solid var(--border2);border-radius:var(--r2);background:var(--surface2);width:100%;height:40px;color:var(--text);outline:none;padding:0 11px;transition:border-color .12s,box-shadow .12s}.auth-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.auth-error{border-radius:var(--r2);color:#c0392b;background:#c0392b1a;border:1px solid #c0392b52;padding:9px 11px;font-size:12.5px}.auth-submit,.settings-action{border-radius:var(--r2);background:var(--primary);color:#fff;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-weight:700;transition:background .12s;display:inline-flex}.auth-submit{width:100%;margin-top:4px}.auth-submit:hover,.settings-action:hover{background:var(--primary-h)}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;flex:0 0 248px;width:248px;height:100dvh;transition:width .18s,flex-basis .18s;display:flex;overflow:hidden}.sidebar.sidebar-collapsed{flex-basis:48px;width:48px}.sidebar.sidebar-collapsed .wordmark span,.sidebar.sidebar-collapsed .sidebar-search span,.sidebar.sidebar-collapsed .sidebar-search kbd,.sidebar.sidebar-collapsed .new-note span,.sidebar.sidebar-collapsed .new-note kbd,.sidebar.sidebar-collapsed .nav-list,.sidebar.sidebar-collapsed .sidebar-scroll,.sidebar.sidebar-collapsed .sidebar-user div,.sidebar.sidebar-collapsed .settings-link span{display:none}.sidebar.sidebar-collapsed .sidebar-search{justify-content:center;margin:0 8px 10px;padding:7px}.sidebar.sidebar-collapsed .new-note{justify-content:center;min-height:34px;margin:0 8px 14px;padding:0 8px}.sidebar.sidebar-collapsed .settings-link{justify-content:center;padding:12px 0}.sidebar.sidebar-collapsed .brand-row{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 8px}.sidebar.sidebar-collapsed .wordmark{justify-content:center}.sidebar.sidebar-collapsed .sidebar-actions button:last-child{display:none}.brand-row{flex:none;justify-content:space-between;align-items:center;gap:10px;padding:14px 14px 10px;display:flex}.wordmark{min-width:0;color:var(--primary);align-items:center;gap:9px;display:flex}.wordmark span{color:var(--text);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;overflow:hidden}.logo{flex:none;width:26px;height:26px}.sidebar-actions{gap:6px;display:flex}.icon-button{border:1px solid var(--border);border-radius:var(--r);background:var(--surface2);width:28px;height:28px;color:var(--muted);place-items:center;transition:background .12s,color .12s,box-shadow .12s;display:inline-grid}.icon-button:hover{background:var(--surface3);color:var(--text)}.sidebar-search{border:1px solid var(--border);border-radius:var(--r2);background:var(--surface2);height:34px;color:var(--muted);text-align:left;align-items:center;gap:8px;margin:0 10px 10px;padding:7px 10px;display:flex}.sidebar-search span{flex:1}.new-note{border-radius:var(--r2);background:var(--primary);color:#fff;justify-content:space-between;align-items:center;gap:10px;min-height:36px;margin:0 10px 14px;padding:0 10px;font-weight:700;transition:background .12s,transform .12s;display:flex}.new-note:hover{background:var(--primary-h)}.new-note span{align-items:center;gap:6px;display:inline-flex}.new-note kbd{color:#ffffffb3;background:0 0;border:0}.nav-list{flex:none;gap:2px;padding:0 10px 12px;display:grid}.nav-item{border-radius:var(--r2);width:100%;color:var(--text);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--surface3)}.nav-item.active{background:var(--primary-bg);color:var(--primary);font-weight:600}.nav-item.indent{padding-left:22px}.nav-item>span{align-items:center;gap:7px;min-width:0;display:flex}.nav-item svg{color:var(--muted);flex:none}.nav-item.active svg{color:var(--primary)}.nav-item span span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-item small{color:var(--faint);font-size:11px}.sidebar-scroll{flex:1;min-height:0;padding:0 10px 12px;overflow-y:auto}.section-label{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:5px;margin:12px 0 6px;font-size:10px;font-weight:700;display:flex}.stack{margin-bottom:3px}.stack-button{border-radius:var(--r2);width:100%;color:var(--text);text-align:left;background:0 0;grid-template-columns:14px 14px minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px 8px;transition:background .12s;display:grid}.stack-button:hover{background:var(--surface3)}.stack-button svg{color:var(--muted)}.stack-button .collapsed{transform:rotate(-90deg)}.stack-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stack-button small{color:var(--faint);font-size:11px}.notebook-children{border-left:1.5px solid var(--border);margin-left:6px;padding-left:10px}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag-chip{border:1px solid var(--border);background:var(--surface3);color:var(--muted);border-radius:99px;padding:3px 8px;font-size:11.5px;transition:background .12s,color .12s}.tag-chip.active,.tag-chip:hover{border-color:var(--primary-bg2);background:var(--primary-bg);color:var(--primary)}.settings-link{border-top:1px solid var(--border);min-height:46px;color:var(--muted);text-align:left;background:0 0;align-items:center;gap:8px;padding:12px 18px;font-size:13px;display:flex}.sidebar-user{border:1px solid var(--border);border-radius:var(--r2);background:var(--surface2);align-items:center;gap:8px;margin:0 10px 10px;padding:9px;display:flex}.sidebar-user div{flex:1;gap:1px;min-width:0;display:grid}.sidebar-user strong,.sidebar-user span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-user strong{font-size:12.5px}.sidebar-user span{color:var(--muted);font-size:11px}.sidebar.sidebar-collapsed .sidebar-user{justify-content:center;margin:0 8px 10px;padding:7px}.settings-link:hover,.settings-link.active{color:var(--primary);background:var(--primary-bg)}.note-list-pane{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;flex:0 0 286px;width:286px;height:100dvh;display:flex;overflow:hidden}.note-list-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 14px 10px;display:flex}.note-list-header h2,.note-list-header p{margin:0}.note-list-header h2{letter-spacing:-.02em;font-size:17px;font-weight:800}.note-list-header p{color:var(--muted);font-size:12px}.note-list-header>span{background:var(--primary-bg);color:var(--primary);border-radius:99px;padding:2px 7px;font-size:11px;font-weight:700}.note-list{flex:1;min-height:0;padding:10px;overflow-y:auto}.list-section{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:5px;margin:10px 2px 7px;font-size:10px;font-weight:700;display:flex}.note-card{border:1px solid var(--border);border-radius:var(--r2);background:var(--surface2);width:100%;box-shadow:var(--shadow-sm);color:var(--text);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;margin-bottom:8px;padding:12px;transition:background .12s,transform .12s,box-shadow .12s,border-color .12s;display:grid}.note-card.compact{padding:9px 12px}.note-card-main{min-width:0;color:inherit;text-align:left;background:0 0;gap:8px;padding:0;display:grid}.note-card-actions{gap:6px;display:grid}.note-card-action{border:1px solid var(--border);border-radius:var(--r);background:var(--surface3);width:26px;height:26px;color:var(--muted);opacity:.72;place-items:center;transition:background .12s,border-color .12s,color .12s,opacity .12s;display:grid}.note-card-action.pin.active,.note-card-action.pin:hover,.note-card-action.pin:focus-visible{color:#deb142;opacity:1;background:#deb1421f;border-color:#deb14259}.note-card-action.archive:hover,.note-card-action.archive:focus-visible{color:#c0392b;opacity:1;background:#c0392b1a;border-color:#c0392b40}.note-card-action.restore:hover,.note-card-action.restore:focus-visible{color:#2d7a4f;opacity:1;background:#2d7a4f1f;border-color:#2d7a4f47}.note-card:not(.active):hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.note-card.active{border-color:var(--primary-bg2);background:var(--primary-bg);box-shadow:none}.note-card-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.note-card strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.note-card time{color:var(--faint);flex:none;font-size:10.5px}.note-card-meta{align-items:center;gap:5px;display:flex}.notebook-badge{background:var(--surface3);max-width:110px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:3px;padding:2px 5px;font-size:10.5px;overflow:hidden}.lang-badge{font-family:var(--mono);border-radius:3px;padding:2px 5px;font-size:10px;font-weight:700}.pin-icon{color:var(--primary);margin-left:auto}.note-card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;display:-webkit-box;overflow:hidden}.empty-list{color:var(--muted);padding:16px 8px;font-size:12px}.editor-pane{background:var(--bg);flex:1;grid-template-rows:38px minmax(0,1fr) 28px;min-width:0;height:100dvh;display:grid;overflow:hidden}.editor-workspace{min-width:0;min-height:0;display:flex;overflow:hidden}.tab-bar{border-bottom:1px solid var(--border);background:var(--surface);scrollbar-width:none;min-width:0;height:38px;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab{border-right:1px solid var(--border);height:38px;color:var(--muted);border-bottom:2px solid #0000;align-items:center;display:flex}.tab.active{border-bottom-color:var(--primary);background:var(--bg);color:var(--text);font-weight:600}.tab-title{min-width:0;height:36px;color:inherit;background:0 0;align-items:center;gap:7px;padding:0 0 0 14px;display:flex}.tab-title>span:first-child{border-radius:50%;flex:none;width:7px;height:7px}.tab-title>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.tab-close{color:currentColor;opacity:.5;background:0 0;border-radius:3px;place-items:center;width:16px;height:16px;margin:0 10px 0 7px;display:inline-grid}.tab-close:hover{background:var(--surface3);opacity:1}.tab-add{width:42px;color:var(--faint);background:0 0;flex:0 0 42px;place-items:center;display:grid}.editor-panels{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.editor-panels.split .editor-document{flex-basis:50%}.editor-document{background:var(--bg);flex:1;grid-template-rows:41px minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.editor-document.secondary{border-left:1px solid var(--border)}.editor-topbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:8px 20px;display:flex}.breadcrumb{min-width:0;color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex;overflow:hidden}.breadcrumb span,.breadcrumb strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.breadcrumb svg{color:var(--faint);flex:none}.breadcrumb strong{color:var(--text);font-weight:700}.format-toolbar{flex:none;align-items:center;gap:5px;display:flex}.format-toolbar button{border:1px solid var(--border);border-radius:var(--r);background:var(--surface2);height:26px;color:var(--muted);align-items:center;gap:4px;padding:0 7px;font-size:12px;font-weight:700;transition:background .12s,color .12s;display:inline-flex}.format-toolbar button:hover{background:var(--surface3);color:var(--text)}.format-toolbar button:disabled{cursor:not-allowed;opacity:.45}.format-toolbar button:disabled:hover{background:var(--surface2);color:var(--muted)}.format-toolbar button.active{background:var(--primary-bg);color:var(--primary)}.terminal-toolbar-button{position:relative}.terminal-toolbar-button i{background:#2d7a4f;border-radius:50%;width:5px;height:5px;margin-left:1px}.format-toolbar .share-button{background:var(--primary);color:#fff;border-color:#0000}.format-toolbar .share-button:disabled{border-color:var(--border);background:var(--surface2);color:var(--muted)}.format-toolbar .share-button:hover{background:var(--primary-h);color:#fff}.format-toolbar .share-button:disabled:hover{background:var(--surface2);color:var(--muted)}.toolbar-divider{background:var(--border);width:1px;height:20px;margin:0 3px}.editor-body{min-height:0;overflow-y:auto}.note-content{max-width:700px;margin:0 auto;padding:36px 48px 80px}.editor-panels.split .note-content{padding-left:28px;padding-right:28px}.meta-pills{flex-wrap:wrap;gap:6px;margin-bottom:13px;display:flex}.meta-pills span{border:1px solid var(--border);background:var(--surface2);color:var(--faint);border-radius:99px;padding:2px 8px;font-size:11px}.note-content h1{letter-spacing:-.025em;margin:0 0 20px;font-size:26px;font-weight:800}.text-block{color:var(--text);margin-bottom:4px;font-size:14.5px;line-height:1.8}.text-block h2{letter-spacing:-.02em;margin:0 0 12px;font-size:1.25em;font-weight:800}.text-block h3{color:var(--muted);margin:16px 0 8px;font-size:1.05em;font-weight:700}.text-block code{background:var(--surface3);color:var(--primary);font-family:var(--mono);border-radius:3px;padding:1px 5px;font-size:.87em}.text-block li{margin-bottom:4px;margin-left:16px}.markdown-editor{resize:vertical;border:1px solid var(--border);border-radius:var(--r3);background:var(--surface2);width:100%;min-height:360px;color:var(--text);font-family:var(--mono);box-shadow:var(--shadow-sm);outline:none;padding:18px;font-size:13px;line-height:1.7;transition:border-color .12s,box-shadow .12s}.markdown-editor:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.code-block{border:1px solid var(--code-border);border-radius:var(--r3);background:var(--code-bg);margin:20px 0;overflow:hidden;box-shadow:0 2px 12px #0000002e}.code-header{border-bottom:1px solid var(--code-border);background:var(--code-surface);align-items:center;gap:8px;padding:7px 12px;display:flex}.language-dot{border-radius:50%;flex:none;width:10px;height:10px}.code-filename{min-width:0;color:var(--code-muted);font-family:var(--mono);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11.5px;overflow:hidden}.code-lang{letter-spacing:.05em;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.code-button{width:24px;height:24px;color:var(--code-muted);background:0 0;border-radius:4px;place-items:center;transition:background .12s,color .12s;display:grid}.code-button:hover{color:var(--code-text)}.code-button.active{background:var(--primary-bg);color:var(--primary)}.terminal-resize{border-left:1px solid var(--border);cursor:col-resize;background:0 0;flex:0 0 4px;width:4px;transition:background .12s}.terminal-resize:hover,.terminal-resize:focus-visible{background:var(--primary-bg)}.terminal-shell{flex:none;min-width:320px;max-width:520px;height:100%;overflow:hidden}.terminal-panel{border-left:1px solid var(--border);background:var(--code-bg);height:100%;color:var(--code-text);font-family:var(--mono);flex-direction:column;display:flex;overflow:hidden}.terminal-header{border-bottom:1px solid var(--border);background:var(--surface);flex:none}.terminal-server-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 12px 6px;display:flex}.terminal-status-dot{background:var(--faint);border-radius:50%;flex:none;width:7px;height:7px}.terminal-status-dot.connected{background:#2d7a4f;box-shadow:0 0 5px #2d7a4f80}.terminal-server-row strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:600;overflow:hidden}.terminal-action{border-radius:var(--r);height:24px;color:var(--muted);font-family:var(--font);background:0 0;align-items:center;gap:4px;padding:0 8px;font-size:11.5px;transition:background .12s,color .12s;display:inline-flex}.terminal-action:hover{background:var(--surface3);color:var(--text)}.terminal-action.active{background:var(--primary-bg);color:var(--primary)}.terminal-action.danger{color:var(--red,#c0392b)}.terminal-tabs{display:flex}.terminal-tabs button{color:var(--code-muted);background:0 0;border-bottom:2px solid #0000;padding:6px 12px;font-size:12px;transition:color .12s,border-color .12s}.terminal-tabs button.active{border-bottom-color:var(--primary);color:var(--primary);font-weight:700}.webssh-frame-wrap{background:var(--code-bg);flex:1;min-height:0;overflow:hidden}.webssh-frame-wrap iframe{background:var(--code-bg);border:0;width:100%;height:100%;display:block}.terminal-notice{border-top:1px solid var(--code-border);background:var(--code-surface);color:var(--code-muted);font-family:var(--font);padding:5px 10px;font-size:11px}.terminal-quick-actions{border-top:1px solid var(--code-border);background:var(--code-surface);flex-wrap:wrap;gap:5px;padding:6px 10px;display:flex}.terminal-quick-actions button{border:1px solid var(--code-border);border-radius:var(--r);background:var(--code-line);color:var(--code-muted);font-family:var(--font);align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;transition:background .12s,color .12s;display:inline-flex}.terminal-quick-actions button:hover{background:var(--code-border);color:var(--code-text)}.terminal-disconnected{background:var(--code-bg);min-height:0;color:var(--code-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:32px 24px;display:flex}.terminal-disconnected-icon{border:1px solid var(--code-border);background:var(--code-surface);width:56px;height:56px;color:var(--code-line);border-radius:16px;place-items:center;display:grid}.terminal-disconnected strong{color:var(--code-muted);font-family:var(--mono);letter-spacing:.02em;font-size:13px;font-weight:500}.terminal-disconnected span{color:var(--code-line);font-family:var(--font);max-width:220px;font-size:11.5px;line-height:1.6}.terminal-disconnected button{border-radius:var(--r);background:var(--primary);color:#fff;font-family:var(--font);align-items:center;gap:6px;margin-top:4px;padding:7px 16px;font-size:11.5px;font-weight:700;transition:background .12s;display:inline-flex}.terminal-disconnected button:hover{background:var(--primary-h)}.terminal-list{flex:1;min-height:0;padding:8px 0;overflow-y:auto}.saved-command{border-bottom:1px solid var(--code-border);gap:7px;padding:10px 14px;transition:background .12s;display:grid;position:relative}.saved-command:hover{background:var(--code-surface)}.saved-command>div:first-child{padding-right:92px}.saved-command strong{color:var(--code-text);font-family:var(--font);font-size:12.5px}.saved-command p{color:var(--code-muted);font-family:var(--font);margin:1px 0 0;font-size:11px}.saved-command-actions{gap:4px;display:flex;position:absolute;top:10px;right:14px}.saved-command-actions button{border:1px solid var(--code-border);border-radius:var(--r);background:var(--code-line);height:22px;color:var(--code-muted);font-family:var(--font);padding:0 7px;font-size:10.5px}.saved-command-actions button:last-child{background:var(--primary-bg);color:var(--primary)}.saved-command code{border-radius:var(--r);background:var(--code-bg);color:var(--code-muted);text-overflow:ellipsis;white-space:nowrap;padding:4px 8px;font-size:11px;overflow:hidden}.ssh-session{border-bottom:1px solid var(--code-border);background:0 0;align-items:center;gap:0;transition:background .12s;display:flex}.ssh-session:hover,.ssh-session.active{background:var(--primary-bg)}.ssh-session-main{text-align:left;background:0 0;flex:1;align-items:center;gap:8px;min-width:0;padding:10px 12px;display:flex}.ssh-session-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ssh-session-info strong{color:var(--code-text);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.ssh-session-info span{color:var(--code-muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.ssh-session-main small{background:var(--code-line);color:var(--code-muted);font-family:var(--font);border-radius:99px;flex:none;padding:1px 6px;font-size:10px;font-weight:700}.ssh-session-main small.production{color:#c0392b;background:#c0392b1f}.ssh-session-main small.staging{color:#b8620a;background:#b8620a1f}.ssh-session-main em{color:var(--code-muted);font-family:var(--font);flex:none;font-size:10.5px;font-style:normal}.ssh-session-delete{width:32px;height:32px;color:var(--code-muted);opacity:0;background:0 0;flex:0 0 32px;place-items:center;transition:opacity .12s,color .12s;display:grid}.ssh-session:hover .ssh-session-delete{opacity:1}.ssh-session-delete:hover{color:#c0392b}.terminal-empty-msg{color:var(--code-muted);padding:16px 14px;font-size:12px;line-height:1.6}.new-ssh-session{border:1px dashed var(--border2);border-radius:var(--r2);width:calc(100% - 28px);color:var(--muted);font-family:var(--font);background:0 0;justify-content:center;align-items:center;gap:6px;margin:12px 14px;padding:8px;font-size:12.5px;display:flex}.new-ssh-session:hover{border-color:var(--primary);color:var(--primary)}.new-session-form{flex-direction:column;gap:10px;padding:14px;display:flex}.new-session-form h4{color:var(--code-text);margin:0 0 4px;font-size:13px;font-weight:700}.new-session-form label{color:var(--code-muted);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;gap:4px;font-size:11px;font-weight:600;display:flex}.new-session-form input,.new-session-form select{border:1px solid var(--code-border);border-radius:var(--r);background:var(--code-surface);height:32px;color:var(--code-text);padding:0 8px;font-size:13px}.new-session-form .form-row{grid-template-columns:80px 1fr;gap:8px;display:grid}.new-session-form .form-actions{gap:8px;margin-top:4px;display:flex}.new-session-form .form-actions button{border:1px solid var(--code-border);border-radius:var(--r);background:var(--code-line);height:30px;color:var(--code-text);padding:0 14px;font-size:12px;font-weight:600;transition:background .12s}.new-session-form .form-actions button.primary{background:var(--primary);color:#fff;border-color:#0000}.new-session-form .form-actions button.primary:disabled{opacity:.5;cursor:default}.terminal-disconnected-actions{gap:8px;display:flex}.terminal-disconnected-actions button{border-radius:var(--r);background:var(--primary);color:#fff;font-family:var(--font);align-items:center;gap:6px;padding:7px 14px;font-size:11.5px;font-weight:700;transition:background .12s;display:inline-flex}.terminal-disconnected-actions button.secondary{background:var(--code-surface);color:var(--code-muted)}.terminal-disconnected-actions button:hover{background:var(--primary-h)}.terminal-disconnected-actions button.secondary:hover{background:var(--code-line);color:var(--code-text)}.ssh-key-manager{flex-direction:column;gap:8px;padding:8px 0;display:flex}.ssh-key-empty{color:var(--code-muted);align-items:center;gap:8px;padding:12px 0;font-size:13px;display:flex}.ssh-key-row{border:1px solid var(--code-border);border-radius:var(--r2);background:var(--code-surface);align-items:center;gap:10px;padding:10px 12px;display:flex}.ssh-key-icon{color:var(--primary);flex:none}.ssh-key-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ssh-key-info strong{font-size:13px;font-weight:600}.ssh-key-info span{color:var(--code-muted);font-size:11.5px}.ssh-key-info code{font-family:var(--mono);font-size:10.5px}.ssh-key-warn{color:#b8620a;font-size:10.5px;font-style:normal}.ssh-key-row button{border:1px solid var(--code-border);border-radius:var(--r);background:var(--code-line);width:26px;height:26px;color:var(--code-muted);flex:none;place-items:center;transition:color .12s,background .12s;display:grid}.ssh-key-row button:hover{color:var(--code-text);background:var(--code-border)}.ssh-key-import{border:1px solid var(--code-border);border-radius:var(--r2);background:var(--code-surface);flex-direction:column;gap:10px;padding:12px;display:flex}.ssh-key-import label{color:var(--code-muted);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;gap:4px;font-size:11px;font-weight:600;display:flex}.ssh-key-import input{border:1px solid var(--code-border);border-radius:var(--r);background:var(--code-line);color:var(--code-text);padding:6px 8px;font-size:12.5px}.ssh-key-import button{border:1px solid var(--code-border);border-radius:var(--r);background:var(--code-line);color:var(--code-muted);align-self:flex-start;padding:5px 12px;font-size:12px}.ssh-key-error{color:#c0392b;margin:0;font-size:12px}.ssh-key-add{border:1px dashed var(--code-border);border-radius:var(--r2);color:var(--code-muted);background:0 0;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;transition:color .12s,border-color .12s;display:inline-flex}.ssh-key-add:hover{border-color:var(--primary);color:var(--primary)}.code-body{background:var(--code-bg);color:var(--code-text);font-size:12.5px;display:flex;overflow-x:auto}.line-gutter{border-right:1px solid var(--code-border);background:var(--code-surface);min-width:38px;color:var(--code-muted);font-family:var(--mono);text-align:right;-webkit-user-select:none;user-select:none;padding:14px 0;font-size:11px;line-height:1.7}.line-gutter span{padding:0 10px 0 8px;display:block}.code-body pre{background:var(--code-bg);min-width:0;color:var(--code-text);font-family:var(--mono);white-space:pre;flex:1;margin:0;padding:14px 18px;font-size:12.5px;line-height:1.7;overflow-x:auto}.code-body pre.wrapped{white-space:pre-wrap}.code-body code{color:var(--code-text);font-family:inherit;font-size:inherit;background:0 0}.folded-row{background:var(--code-bg);width:100%;color:var(--code-muted);text-align:left;align-items:center;gap:8px;padding:9px 18px;font-size:12px;display:flex}.folded-row span{font-family:var(--mono)}.folded-row small{color:#3a3f55;margin-left:auto;font-size:11px}.hljs-keyword,.hljs-selector-tag,.hljs-literal{color:#c792ea}.hljs-string,.hljs-regexp{color:#c3e88d}.hljs-number{color:#f78c6c}.hljs-comment{color:#546e7a;font-style:italic}.hljs-title,.hljs-function{color:#82aaff}.hljs-variable,.hljs-template-variable{color:#f07178}.hljs-built_in,.hljs-type{color:#ffcb6b}.hljs-operator,.hljs-punctuation{color:#89ddff}.hljs-attr,.hljs-attribute,.hljs-property{color:#ffcb6b}.status-bar{border-top:1px solid var(--border);background:var(--surface);height:28px;color:var(--faint);align-items:center;gap:16px;padding:5px 20px;font-size:11px;display:flex}.status-bar strong{color:var(--primary);font-weight:700}.save-status{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.save-status i{background:#2d7a4f;border-radius:50%;width:6px;height:6px}.search-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006;justify-content:center;align-items:flex-start;padding-top:80px;display:flex;position:fixed;inset:0}.search-panel{border:1px solid var(--border2);border-radius:var(--r4);background:var(--surface2);width:min(580px,100vw - 28px);box-shadow:var(--shadow-lg);overflow:hidden}.search-input-row{border-bottom:1px solid var(--border);color:var(--primary);align-items:center;gap:12px;padding:14px 18px;display:flex}.search-input-row input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:15px}.search-results-list{max-height:380px;padding:8px;overflow-y:auto}.command-row,.search-note-row{border-radius:var(--r2);width:100%;color:var(--text);text-align:left;background:0 0;align-items:center;gap:9px;padding:9px 10px;display:flex}.command-row:hover,.search-note-row:hover{background:var(--surface3)}.command-row>span{color:var(--muted)}.command-row strong,.search-note-row strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.search-note-row .notebook-badge{max-width:130px}.search-footer{border-top:1px solid var(--border);color:var(--faint);gap:16px;padding:8px 18px;font-size:11px;display:flex}.settings-panel{background:var(--bg);flex:1;min-width:0;height:100dvh;padding:36px 48px;overflow-y:auto}.settings-inner{max-width:620px;margin:0 auto}.settings-inner h1{letter-spacing:-.025em;margin:0 0 28px;font-size:26px;font-weight:800}.settings-section{margin-bottom:34px}.settings-section h2{color:var(--text);align-items:center;gap:8px;margin:0 0 7px;font-size:14px;font-weight:800;display:flex}.settings-section.technical h2{color:var(--primary)}.settings-section.technical h2 span{background:var(--primary);border-radius:50%;width:6px;height:6px}.settings-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;min-height:58px;padding:14px 0;display:flex}.settings-row strong{font-size:13.5px;font-weight:600}.settings-row p{color:var(--muted);margin:2px 0 0;font-size:12px}.settings-row select{border:1px solid var(--border);border-radius:var(--r);background:var(--surface2);height:30px;color:var(--text)}.info-banner{border:1px solid var(--primary-bg2);border-radius:var(--r3);background:var(--primary-bg);color:var(--primary);margin:12px 0 4px;padding:12px 16px;font-size:13px}.toggle{background:var(--surface4);border-radius:11px;flex:none;width:40px;height:22px;transition:background .12s;position:relative}.toggle.on{background:var(--primary)}.toggle span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .12s;position:absolute;top:3px;left:3px}.toggle.on span{transform:translate(18px)}.shortcut-row kbd{color:var(--text)}.empty-editor{color:var(--muted);align-content:center;place-items:center;gap:12px;display:grid}.mobile-menu,.mobile-only,.mobile-backdrop{display:none}@media (width<=1080px){.format-toolbar button:nth-child(-n+4){display:none}.note-content{padding-left:32px;padding-right:32px}}@media (width<=780px){.app-shell{grid-template-columns:1fr;display:grid}.mobile-menu{z-index:80;border:1px solid var(--border);border-radius:var(--r2);background:var(--surface2);width:34px;height:34px;color:var(--text);box-shadow:var(--shadow-sm);place-items:center;display:grid;position:fixed;top:10px;left:10px}.mobile-only{display:inline-grid}.sidebar{z-index:90;transition:transform .16s;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.sidebar.mobile-open{transform:translate(0)}.mobile-backdrop{z-index:85;background:#00000059;display:block;position:fixed;inset:0}.note-list-pane{border-right:0;border-bottom:1px solid var(--border);flex:none;width:100%;height:42dvh}.editor-pane{grid-template-rows:minmax(0,1fr) 28px;height:58dvh}.tab-bar{display:none}.editor-panels{display:block;overflow-y:auto}.editor-panels.split .editor-document.secondary{display:none}.editor-document{min-height:100%}.editor-topbar{padding-left:54px}.format-toolbar{display:none}.note-content{padding:28px 20px 70px}.settings-panel{padding:56px 20px 28px}}