:root{color-scheme:dark;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bg:#202124;--app-bg:#202124;--panel:#202124;--panel-2:#2d2e30;--panel-3:#3c3f41;--input-bg:#2d2e30;--editor-bg:#202124;--gutter-bg:#1b1c1f;--preview-bg:#202124;--sidebar-bg:rgba(32,33,36,0.96);--topbar-bg:rgba(32,33,36,0.92);--line:#3c3f41;--line-strong:#5f6368;--text:#e8eaed;--editor-text:#e8eaed;--muted:#9aa0a6;--muted-2:#5f6368;--accent:#1a73e8;--accent-rgb:26,115,232;--accent-2:#81c784;--danger:#f28b82;--button-text:#ffffff;--indigo:#7c4dff;--indigo-strong:#651fff;--shadow:0 1px 3px rgba(0,0,0,0.4),0 4px 8px rgba(0,0,0,0.3);--soft-shadow:0 4px 12px rgba(0,0,0,0.5)}:root[data-theme=light]{color-scheme:light;--bg:#eef2f7;--app-bg:#f5f7fb;--panel:#ffffff;--panel-2:#f4f7fb;--panel-3:#e9edf5;--input-bg:#ffffff;--editor-bg:#fbfcff;--gutter-bg:#f0f3f8;--preview-bg:#ffffff;--sidebar-bg:rgba(255,255,255,0.92);--topbar-bg:rgba(255,255,255,0.88);--line:#d8dee9;--line-strong:#c4ccda;--text:#111827;--editor-text:#111827;--muted:#5f6b7a;--muted-2:#7c8796;--accent:#0f766e;--accent-rgb:15,118,110;--accent-2:#b7791f;--danger:#c24158;--button-text:#ffffff;--shadow:0 24px 80px rgba(15,23,42,0.12);--soft-shadow:0 18px 52px rgba(15,23,42,0.1)}*{box-sizing:border-box}body,html{min-height:100%;margin:0;background:linear-gradient(180deg,rgba(var(--accent-rgb),.08),transparent 320px),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.lock-screen{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.14),transparent 34%),var(--bg)}.lock-panel{position:relative;width:min(640px,100%);padding:38px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 92%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{gap:10px;color:var(--accent);letter-spacing:0}.brand-mark,.theme-toggle{display:inline-flex;align-items:center;font-weight:800}.theme-toggle{justify-content:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);color:var(--text);font-size:13px}.theme-toggle:hover{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12)}.lock-theme-toggle{position:absolute;top:24px;right:24px}.brand-mark.compact{font-size:16px}.lock-panel h1{max-width:560px;margin:28px 0 14px;font-size:clamp(36px,6vw,64px);line-height:.96;letter-spacing:0}.lock-panel p{margin:0 0 22px;color:var(--muted);font-size:17px;line-height:1.6}.security-strip{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.security-strip span,.status-pill{display:inline-flex;align-items:center;min-height:32px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel-2)}.security-strip span,.status-pill,label{gap:8px;color:var(--muted);font-size:13px}label{display:grid;grid-gap:8px;margin:14px 0;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;outline:none;background:var(--input-bg);color:var(--text)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.14)}label input{min-height:46px;padding:0 14px}.form-error{color:var(--danger)!important}.empty-state button,.lock-button,.primary-action,.save-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border:0;border-radius:8px;background:var(--accent);color:var(--button-text);font-weight:800}.primary-action{width:100%;margin-top:10px}.workspace{display:grid;grid-template-columns:auto 320px minmax(0,1fr);min-height:100vh;background:var(--app-bg)}.sidebar{display:flex;width:240px;min-height:100vh;flex-direction:column;gap:14px;padding:18px;border-right:1px solid var(--line);background:var(--sidebar-bg);box-shadow:8px 0 30px rgba(0,0,0,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar.collapsed{width:64px;align-items:center}.note-browser{display:flex;min-width:0;min-height:100vh;flex-direction:column;gap:14px;padding:18px;border-right:1px solid var(--line);background:var(--panel)}.note-browser-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.note-browser-header h2{margin:2px 0 0;overflow:hidden;color:var(--text);font-size:20px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.section-kicker{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.note-count,.section-kicker{color:var(--muted);font-weight:800}.note-count{display:inline-flex;min-width:30px;min-height:26px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);font-size:12px}.action-row,.sidebar-header,.topbar,.topbar-actions{display:flex;align-items:center;gap:10px}.sidebar-header,.topbar{justify-content:space-between}.icon-button{display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);color:var(--text)}.action-row button:hover,.editor-toolbar button:hover,.folder-list button:hover,.folder-row:hover,.icon-button:hover,.note-item:hover,.tag-cloud button:hover{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.icon-button.danger{color:var(--danger)}.search-box{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--input-bg);color:var(--muted)}.search-box input{height:42px;border:0;background:transparent;box-shadow:none}.action-row{display:grid;grid-template-columns:1fr 1fr}.action-row button,.editor-toolbar button,.folder-list button,.metadata-list button,.tag-cloud button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--text)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.section-heading span{display:inline-flex;align-items:center;gap:8px}.mini-icon-button{display:inline-grid;width:30px;height:30px;place-items:center;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--text)}.folder-panel{display:grid;grid-gap:10px;gap:10px}.folder-list{display:grid;grid-gap:6px;gap:6px}.folder-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:stretch;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--muted)}.folder-row:not(:has(.folder-delete-button)){grid-template-columns:1fr}.folder-list button{border:0;background:transparent}.folder-list>button{justify-content:space-between;min-height:34px;padding:0 10px;border:1px solid var(--line);background:var(--panel-2);color:var(--muted)}.folder-list>button.active{border-color:var(--accent);color:var(--text);background:rgba(var(--accent-rgb),.15)}.folder-select-button{justify-content:space-between;min-height:34px;padding:0 10px;color:var(--muted)}.folder-delete-button{min-width:34px;min-height:34px;padding:0;color:var(--danger)}.folder-list button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-list button small{color:var(--muted-2)}.folder-row.active{border-color:var(--accent);color:var(--text);background:rgba(var(--accent-rgb),.15)}.folder-row.active .folder-select-button{color:var(--text)}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud button{min-height:30px;padding:0 10px;color:var(--muted);font-size:12px}.tag-cloud button.active{border-color:var(--accent);background:var(--accent);color:#ffffff;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.18);font-weight:800}.note-list{align-content:start;flex:1 1;overflow:auto;padding-right:2px;min-height:160px}.note-item,.note-list{display:grid;grid-gap:8px;gap:8px}.note-item{min-height:74px;padding:12px;text-align:left;border:1px solid var(--line);border-left:4px solid var(--note-color,var(--accent));border-radius:10px;background:var(--panel);color:var(--text);box-shadow:0 10px 26px rgba(0,0,0,.08)}.note-item.active{border-color:var(--accent);background:rgba(124,77,255,.1)}.note-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.note-item small{color:var(--muted-2)}.editor-shell{display:grid;min-width:0;grid-template-rows:auto minmax(0,1fr)}.topbar{min-height:64px;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--topbar-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.view-toggle{gap:4px;min-height:38px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}.view-toggle,.view-toggle button{display:inline-flex;align-items:center}.view-toggle button{justify-content:center;gap:7px;min-height:30px;padding:0 10px;border:1px solid transparent;border-radius:7px;color:var(--muted);font-size:13px;font-weight:800}.view-toggle button.active{border-color:#69d2c6;background:rgba(105,210,198,.12);color:#69d2c6}.hidden-input{display:none}.lock-button{min-height:38px;background:var(--panel-3);color:var(--text);border:1px solid var(--line)}.note-workspace{display:grid;min-height:0;grid-template-rows:minmax(0,1fr) auto}.note-grid{display:grid;min-height:0;grid-template-columns:minmax(360px,1.1fr) minmax(320px,.9fr) 280px}.note-grid.preview-only{grid-template-columns:minmax(0,1fr) 280px}.note-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:34px;padding:0 18px;border-top:1px solid var(--line);background:var(--topbar-bg);color:var(--muted);font-size:12px;font-weight:700}.note-footer a,.note-footer span{white-space:nowrap}.note-footer span{flex:1 1}.note-footer span:last-child{text-align:right}.note-footer a{flex:0 0 auto;color:var(--accent);font-weight:800}.context-panel,.editor-pane,.preview-pane{min-width:0;min-height:0;border-right:1px solid var(--line);background:var(--panel)}.editor-pane{display:grid;grid-template-rows:auto auto minmax(0,1fr)}.title-input{height:72px;padding:0 22px;border:0;border-left:4px solid var(--note-color,var(--accent));border-radius:0;background:var(--panel);color:var(--text);font-size:28px;font-weight:850}.editor-toolbar,.title-input{border-bottom:1px solid var(--line)}.editor-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:50px;padding:8px 14px;background:var(--panel-2)}.editor-toolbar button{width:34px;height:34px;min-height:34px;padding:0}.editor-body{display:grid;min-height:0;grid-template-columns:56px minmax(0,1fr);background:var(--editor-bg)}.line-number-gutter{overflow:hidden;padding:22px 10px 22px 0;border-right:1px solid var(--line);background:var(--gutter-bg);color:var(--muted-2);font-family:var(--mono);font-size:13px;line-height:1.65;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.line-number-gutter span{display:block;height:1.65em}.editor-body textarea{resize:none;min-height:0;padding:22px;border:0;border-radius:0;background:var(--editor-bg);color:var(--editor-text);font-family:var(--mono);line-height:1.65}.preview-pane{overflow:auto;padding:22px;background:var(--preview-bg)}.markdown-preview{max-width:760px}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{letter-spacing:0}.markdown-preview h1{margin:0 0 18px;font-size:38px;line-height:1.08}.markdown-preview h2{margin:26px 0 10px;color:var(--accent)}.markdown-preview li,.markdown-preview p{color:var(--editor-text);line-height:1.75}.markdown-preview mark{padding:2px 5px;border-radius:4px;background:rgba(var(--accent-rgb),.14);color:var(--accent)}.markdown-preview strong{color:var(--accent-2)}.context-panel{display:flex;flex-direction:column;gap:20px;overflow:auto;padding:18px;border-right:0;background:var(--panel)}.context-panel section{display:grid;grid-gap:10px;gap:10px}.context-panel h2{display:flex;align-items:center;gap:8px;text-transform:uppercase}.context-panel h2,.context-panel p{margin:0;color:var(--muted);font-size:13px}.folder-select{min-height:38px;padding:0 10px}.color-swatches{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.color-swatches button{height:34px;border:1px solid var(--line);border-radius:6px;background:var(--swatch-color)}.color-swatches button.active{border-color:var(--text);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.18)}.language-buttons{display:flex;flex-wrap:wrap;gap:8px}.language-buttons button{min-height:30px;padding:5px 9px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--muted);font-size:12px}.language-buttons button.active{border-color:#69d2c6;color:#69d2c6;background:rgba(105,210,198,.12);font-weight:800}.tag-editor{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px}.tag-editor input{min-height:36px;padding:0 10px}.tag-editor button{min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--text)}.metadata-list{display:flex;flex-wrap:wrap;gap:8px}.metadata-list button,.metadata-list span{min-height:30px;padding:5px 9px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--muted);font-size:12px}.metadata-list button.tag-chip{border-color:#69d2c6;color:#69d2c6;background:rgba(105,210,198,.12);font-weight:800}.save-button{margin-top:auto;background:var(--accent);color:#f8fafc}.save-button:disabled{cursor:not-allowed;opacity:.65}.empty-state{display:grid;place-items:center}@media (max-width:1180px){.note-grid,.note-grid.preview-only{grid-template-columns:minmax(0,1fr)}.context-panel{border-top:1px solid var(--line)}}@media (max-width:1040px){.workspace{grid-template-columns:auto 280px minmax(0,1fr)}.sidebar{width:220px}.note-browser{padding:14px}.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{width:100%;flex-wrap:wrap}}@media (max-width:760px){.workspace{grid-template-columns:1fr}.note-browser,.sidebar,.sidebar.collapsed{width:100%;min-height:auto;padding:12px;border-right:0;border-bottom:1px solid var(--line)}.sidebar.collapsed{align-items:stretch}.sidebar-header{min-height:42px}.folder-list{grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.folder-list button{min-width:150px}.note-browser{gap:12px}.note-browser-header h2{font-size:18px}.search-box input{min-width:0}.tag-cloud{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.tag-cloud button{flex:0 0 auto}.note-list{max-height:300px;min-height:auto}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;align-items:flex-start;flex-direction:column;padding:10px 12px}.topbar-actions{width:100%;flex-wrap:wrap;gap:8px}.lock-button,.theme-toggle{min-height:36px}.view-toggle{order:10;width:100%}.view-toggle button{flex:1 1}.title-input{height:64px;padding:0 14px;font-size:22px}.editor-toolbar{gap:6px;padding:8px 10px}.editor-toolbar button{width:32px;height:32px;min-height:32px}.editor-body{grid-template-columns:44px minmax(0,1fr);min-height:420px}.line-number-gutter{padding:16px 8px 16px 0;font-size:12px}.editor-body textarea{min-height:420px;padding:16px;font-size:13px}.context-panel,.preview-pane{padding:16px}.markdown-preview h1{font-size:30px}.color-swatches{grid-template-columns:repeat(8,1fr)}.note-footer{justify-content:flex-start;flex-wrap:wrap;gap:8px 14px;min-height:40px;padding:8px 12px}.lock-panel{padding:24px}.lock-theme-toggle{position:static;margin-top:18px}}@media (max-width:460px){.lock-screen{padding:12px}.lock-panel h1{font-size:34px}.security-strip span,.status-pill{width:100%;justify-content:center}.action-row{grid-template-columns:1fr}.note-item{min-height:66px}.icon-button{width:36px;height:36px}.color-swatches{grid-template-columns:repeat(4,1fr)}.tag-editor{grid-template-columns:1fr}}