:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.app{--bg:#111316;--panel:#181b20;--panel-2:#20242b;--border:#303640;--text:#eef2f6;--muted:#8f9aa8;--accent:#36c092;--accent-2:#236c58;--danger:#f56f6f;background:var(--bg);color:var(--text);grid-template-columns:minmax(260px,320px) minmax(0,1fr);height:100dvh;min-height:100vh;display:grid;overflow:hidden}.app.authOnly{grid-template-columns:1fr;place-items:center;display:grid}.app.light{--bg:#f5f6f3;--panel:#fff;--panel-2:#ecefeb;--border:#d4d8d1;--text:#1f2523;--muted:#69726f;--accent:#167a60;--accent-2:#d7ece5;--danger:#c43636;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;min-width:0;padding:16px;display:flex;overflow:hidden}.brand,.toolbar,.actions,.searchBox,.noteItem{align-items:center;display:flex}.brand{justify-content:space-between;gap:12px;margin-bottom:14px}.brand h1{margin:0;font-size:20px;line-height:1.2}.brand span,.titleBlock span,.noteItem small{color:var(--muted);font-size:12px}.iconButton{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0;display:inline-flex}.iconButton:hover{background:var(--panel-2)}.iconButton.primary{background:var(--accent);border-color:var(--accent);color:#081410}.iconButton.danger{color:var(--danger)}.mobileOnly{display:none}.textButton{background:var(--accent);border:1px solid var(--accent);color:#081410;cursor:pointer;border-radius:8px;min-height:38px;padding:0 14px;font-weight:700}.textButton.compact{background:var(--panel-2);border-color:var(--border);color:var(--text);min-height:36px}.textButton:hover{filter:brightness(1.06)}.loginPanel{background:var(--panel);border:1px solid var(--border);border-radius:8px;gap:12px;width:min(360px,100vw - 32px);max-width:360px;padding:22px;display:grid}.loginPanel h1{margin:0;font-size:22px}.loginPanel input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:0;width:100%;min-height:40px;padding:0 12px}.loginPanel span{color:var(--muted);font-size:12px}.searchBox{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;gap:8px;height:38px;padding:0 10px}.searchBox input{color:var(--text);background:0 0;border:0;outline:0;width:100%;min-width:0}.noteList{flex-direction:column;flex:1;gap:6px;min-height:0;margin-top:14px;display:flex;overflow:auto}.noteItem{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;gap:10px;width:100%;min-height:54px;padding:8px 10px}.noteItem:hover,.noteItem.active{background:var(--panel-2);border-color:var(--border)}.noteItem.active{box-shadow:inset 3px 0 0 var(--accent)}.noteItem span{gap:3px;min-width:0;display:grid}.noteItem strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace{grid-template-rows:61px minmax(0,1fr);min-width:0;display:grid}.toolbar{background:var(--bg);border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;min-width:0;padding:12px 16px}.titleBlock{gap:3px;min-width:0;display:grid}.titleBlock strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.actions{gap:8px;min-width:0}.hiddenInput{display:none}.editorShell{min-height:0;overflow:hidden}.cm-editor{background:var(--bg);color:var(--text);height:100%;font-size:15px}.cm-scroller{font-family:Cascadia Code,JetBrains Mono,Consolas,SFMono-Regular,monospace;line-height:1.65}.cm-content{padding:22px 28px}.cm-gutters{background:var(--bg);border-right:1px solid var(--border);color:var(--muted)}.cm-activeLine,.cm-activeLineGutter{background:color-mix(in srgb, var(--accent-2) 40%, transparent)}.cm-tooltip{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:8px;overflow:hidden}.cm-tooltip-autocomplete ul li[aria-selected]{background:var(--accent-2);color:var(--text)}@media (width<=760px){.app{grid-template-rows:156px minmax(0,1fr);grid-template-columns:1fr;min-height:100dvh}.sidebar{border-bottom:1px solid var(--border);border-right:0;padding:10px 12px;transition:border-color .14s,padding .14s}.app.navigatorClosed{grid-template-rows:0 minmax(0,1fr)}.app.navigatorClosed .sidebar{border-bottom-color:#0000;padding-top:0;padding-bottom:0}.brand{margin-bottom:8px}.brand h1{font-size:18px}.searchBox{height:34px}.noteList{flex-direction:row;gap:8px;margin-top:8px;padding-bottom:2px;overflow:auto hidden}.noteItem{flex:0 0 180px;min-height:44px;padding:7px 9px}.noteItem svg{flex:none}.toolbar{flex-direction:column;gap:8px;padding:8px 10px}.workspace{grid-template-rows:auto minmax(0,1fr);min-height:0}.titleBlock{gap:1px}.titleBlock strong{font-size:14px}.mobileOnly{display:inline-flex}.actions{flex-wrap:nowrap;width:100%;padding-bottom:2px;overflow-x:auto}.actions .iconButton,.actions .textButton{flex:none}.textButton.compact{min-width:72px;padding:0 12px}.editorShell{min-height:260px}.cm-editor{font-size:14px}.cm-scroller{line-height:1.55}.cm-content{padding:12px 10px 44px 8px}}