html:not([data-theme]){--bg: #0a1610;--surface: #0f2015;--surface-hover: #142a1a;--border: #1e3d2a;--text: #e5f0e5;--text-muted: #8aa88a;--accent: #1fb655;--accent-hover: #2ec765;--accent-text: #ffffff;--error: #e85d5d;--focus-glow: rgba(31, 182, 85, .4);--focus-glow-strong: rgba(31, 182, 85, .35);--bg-gradient-1: rgba(31, 182, 85, .08);--bg-gradient-2: rgba(31, 182, 85, .04)}html[data-theme=green]{--bg: #0a1610;--surface: #0f2015;--surface-hover: #142a1a;--border: #1e3d2a;--text: #e5f0e5;--text-muted: #8aa88a;--accent: #1fb655;--accent-hover: #2ec765;--accent-text: #ffffff;--error: #e85d5d;--focus-glow: rgba(31, 182, 85, .4);--focus-glow-strong: rgba(31, 182, 85, .35);--bg-gradient-1: rgba(31, 182, 85, .08);--bg-gradient-2: rgba(31, 182, 85, .04)}html[data-theme=blue]{--bg: #000080;--surface: #0000a0;--surface-hover: #1a1ab0;--border: #2a2ac0;--text: #b0e0e6;--text-muted: #87ceeb;--accent: #00ffff;--accent-hover: #40e0d0;--accent-text: #000080;--error: #ff6b6b;--focus-glow: rgba(0, 255, 255, .5);--focus-glow-strong: rgba(0, 255, 255, .45);--bg-gradient-1: rgba(0, 255, 255, .08);--bg-gradient-2: rgba(0, 255, 255, .04)}html[data-theme=light]{--bg: #f5f5f5;--surface: #ffffff;--surface-hover: #e8e8e8;--border: #c0c0c0;--text: #1a1a1a;--text-muted: #505050;--accent: #000080;--accent-hover: #0000a0;--accent-text: #ffffff;--error: #c03030;--focus-glow: rgba(0, 0, 128, .25);--focus-glow-strong: rgba(0, 0, 128, .2);--bg-gradient-1: transparent;--bg-gradient-2: transparent}html[data-theme=material]{--bg: #263238;--surface: #2e3c43;--surface-hover: #37474f;--border: #455a64;--text: #eeffff;--text-muted: #b2ccd6;--accent: #009688;--accent-hover: #26a69a;--accent-text: #ffffff;--error: #f07178;--focus-glow: rgba(0, 150, 136, .4);--focus-glow-strong: rgba(0, 150, 136, .35);--bg-gradient-1: rgba(0, 150, 136, .08);--bg-gradient-2: rgba(0, 150, 136, .04)}html[data-theme=seti]{--bg: #0e1112;--surface: #111213;--surface-hover: #1f2326;--border: #060708;--text: #d4d7d6;--text-muted: #aaaaaa;--accent: #519aba;--accent-hover: #5fa3d0;--accent-text: #ffffff;--error: #cc3e44;--focus-glow: rgba(81, 154, 186, .4);--focus-glow-strong: rgba(81, 154, 186, .35);--bg-gradient-1: rgba(81, 154, 186, .08);--bg-gradient-2: rgba(81, 154, 186, .04)}html[data-theme=citylights]{--bg: #181d23;--surface: #1d252c;--surface-hover: #2a2f38;--border: #2a2f38;--text: #b7c5d3;--text-muted: #718ca1;--accent: #539afc;--accent-hover: #68a1f0;--accent-text: #ffffff;--error: #e27e8d;--focus-glow: rgba(83, 154, 252, .4);--focus-glow-strong: rgba(83, 154, 252, .35);--bg-gradient-1: rgba(83, 154, 252, .08);--bg-gradient-2: rgba(83, 154, 252, .04)}html[data-theme=monokai]{--bg: #272822;--surface: #1e1f1c;--surface-hover: #3e3d32;--border: #414339;--text: #f8f8f2;--text-muted: #75715e;--accent: #66d9ef;--accent-hover: #89ddf3;--accent-text: #272822;--error: #f92672;--focus-glow: rgba(102, 217, 239, .4);--focus-glow-strong: rgba(102, 217, 239, .35);--bg-gradient-1: rgba(102, 217, 239, .08);--bg-gradient-2: rgba(102, 217, 239, .04)}html[data-theme=atom-material]{--bg: #263238;--surface: #2e3c43;--surface-hover: #37474f;--border: #455a64;--text: #eeffff;--text-muted: #89ddf3;--accent: #89ddf3;--accent-hover: #b3e5fc;--accent-text: #263238;--error: #ff5370;--focus-glow: rgba(137, 221, 243, .4);--focus-glow-strong: rgba(137, 221, 243, .35);--bg-gradient-1: rgba(137, 221, 243, .08);--bg-gradient-2: rgba(137, 221, 243, .04)}html[data-theme=eclipse]{--bg: #1d1f21;--surface: #282a2e;--surface-hover: #373b41;--border: #373b41;--text: #c5c8c6;--text-muted: #969896;--accent: #162cf6;--accent-hover: #4a5cf7;--accent-text: #ffffff;--error: #ef4d13;--focus-glow: rgba(22, 44, 246, .4);--focus-glow-strong: rgba(22, 44, 246, .35);--bg-gradient-1: rgba(22, 44, 246, .08);--bg-gradient-2: rgba(22, 44, 246, .04)}html[data-theme=autumn]{--bg: #2c2416;--surface: #3d3220;--surface-hover: #4a3d28;--border: #5c4d35;--text: #e8dcc4;--text-muted: #b8a88a;--accent: #d98e48;--accent-hover: #ebbf83;--accent-text: #2c2416;--error: #d95468;--focus-glow: rgba(217, 142, 72, .4);--focus-glow-strong: rgba(217, 142, 72, .35);--bg-gradient-1: rgba(217, 142, 72, .08);--bg-gradient-2: rgba(217, 142, 72, .04)}html[data-theme=styri]{--bg: #1e1e2e;--surface: #2a2a3e;--surface-hover: #363654;--border: #45456a;--text: #e0e0f0;--text-muted: #a0a0c0;--accent: #c792ea;--accent-hover: #d4a8f0;--accent-text: #1e1e2e;--error: #ff5370;--focus-glow: rgba(199, 146, 234, .4);--focus-glow-strong: rgba(199, 146, 234, .35);--bg-gradient-1: rgba(199, 146, 234, .08);--bg-gradient-2: rgba(199, 146, 234, .04)}html[data-theme=jackhammer]{--bg: #1a1a24;--surface: #242430;--surface-hover: #2e2e3c;--border: #3a3a4a;--text: #e8e8f0;--text-muted: #9090a8;--accent: #ffcb6b;--accent-hover: #ffe082;--accent-text: #1a1a24;--error: #f07178;--focus-glow: rgba(255, 203, 107, .4);--focus-glow-strong: rgba(255, 203, 107, .35);--bg-gradient-1: rgba(255, 203, 107, .08);--bg-gradient-2: rgba(255, 203, 107, .04)}html[data-theme=onedark]{--bg: #282c34;--surface: #21252b;--surface-hover: #2c323c;--border: #181a1f;--text: #abb2bf;--text-muted: #5c6370;--accent: #61afef;--accent-hover: #7ec1ff;--accent-text: #282c34;--error: #e06c75;--focus-glow: rgba(97, 175, 239, .4);--focus-glow-strong: rgba(97, 175, 239, .35);--bg-gradient-1: rgba(97, 175, 239, .08);--bg-gradient-2: rgba(97, 175, 239, .04)}*{box-sizing:border-box}*:focus{outline:none}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,var(--bg-gradient-1),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,var(--bg-gradient-2),transparent);color:var(--text);min-height:100vh}html[data-theme=light] body{background:var(--bg);background-image:none}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}button{cursor:pointer;font:inherit;background:var(--accent);color:var(--accent-text);border:none;border-radius:8px;padding:8px 16px;transition:background .2s}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}button.secondary:hover:not(:disabled){background:var(--surface-hover)}button.danger{background:transparent;color:var(--error)}button.danger:hover:not(:disabled){background:#e85d5d26}input,textarea{font:inherit;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 12px}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--focus-glow)}textarea[data-note-editor]:focus{box-shadow:none;outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted)}.rename-input{background:transparent;border:none;border-radius:0;box-shadow:none}.rename-input:focus{border:none;box-shadow:none;outline:none}label{color:var(--text-muted);display:block;margin-bottom:4px}h1,h2{color:var(--text)}.app-wrapper{display:flex;flex-direction:column;min-height:100vh;max-height:100vh;overflow:hidden}.app-header{flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border)}.app-footer{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:8px 16px;background:var(--surface);border-top:1px solid var(--border)}.app-version{font-size:11px;color:var(--text-muted);opacity:.7}.app-header-row{display:flex;align-items:center;min-height:44px}.app-header-cell{padding:12px 16px;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.app-header-cell-notebooks{width:220px;min-width:220px;flex-shrink:0}.app-header-cell-notes{width:260px;min-width:260px;flex-shrink:0}.app-header-cell-content{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:16px}.app-header-right{display:flex;align-items:center;gap:12px}.theme-switcher{position:relative}.theme-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:220px;max-height:70vh;overflow-y:auto;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000040;z-index:20;display:flex;flex-direction:column;gap:2px}.theme-option{padding:10px 12px;text-align:left;font-size:14px;background:transparent!important;color:var(--text);border:none;border-radius:6px;cursor:pointer;transition:background .15s}.theme-option:hover{background:var(--surface-hover)}.theme-option.active{background:var(--surface-hover);font-weight:600;color:var(--accent)}.app-layout{display:flex;flex:1;min-height:0}.panel-notebooks{width:220px;min-width:220px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;padding:16px;border:1px solid var(--border);outline:none;transition:box-shadow .15s}.panel-notebooks:focus,.panel-notebooks.panel-focused{box-shadow:inset 0 0 0 2px var(--focus-glow)}.panel-notes{width:260px;min-width:260px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;padding:16px;border:1px solid var(--border);overflow:hidden;transition:box-shadow .15s}.panel-notes:focus,.panel-notes.panel-focused{box-shadow:inset 0 0 0 2px var(--focus-glow)}.panel-content{flex:1;min-width:0;overflow:auto;padding:24px;outline:none;border:1px solid var(--border);transition:box-shadow .15s;scrollbar-width:none;-ms-overflow-style:none}.panel-content::-webkit-scrollbar{display:none}.panel-content.panel-focused{box-shadow:inset 0 0 0 2px var(--focus-glow)}.note-content{display:flex;flex-direction:column;gap:16px}.note-editor{display:block;width:100%;flex:1;min-height:200px;padding:0;margin:0;resize:none;border:none;background:transparent;color:inherit;font:inherit;border-radius:0;box-shadow:none}.note-editor:focus{border:none;box-shadow:none;outline:none}.panel-notes-scroll{flex:1;overflow-y:auto;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.panel-notes-scroll::-webkit-scrollbar{display:none}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:14px;text-decoration:none;color:var(--text);transition:background .15s}.nav-item.active{background:var(--surface-hover);font-weight:600;color:var(--accent)}.nav-item-focused{background:color-mix(in srgb,var(--accent) 25%,transparent)!important}@supports not (color: color-mix(in srgb,red,blue)){html[data-theme=green] .nav-item-focused{background:#1fb65540!important}html[data-theme=blue] .nav-item-focused{background:#00ffff40!important}html[data-theme=light] .nav-item-focused{background:#00008026!important}html[data-theme=material] .nav-item-focused{background:#00968840!important}html[data-theme=seti] .nav-item-focused{background:#519aba40!important}html[data-theme=citylights] .nav-item-focused{background:#539afc40!important}html[data-theme=monokai] .nav-item-focused{background:#66d9ef40!important}html[data-theme=atom-material] .nav-item-focused{background:#89ddf340!important}html[data-theme=eclipse] .nav-item-focused{background:#162cf640!important}html[data-theme=autumn] .nav-item-focused{background:#d98e4840!important}html[data-theme=styri] .nav-item-focused{background:#c792ea40!important}html[data-theme=jackhammer] .nav-item-focused{background:#ffcb6b40!important}html[data-theme=onedark] .nav-item-focused{background:#61afef40!important}}.nav-item[role=button]{cursor:pointer}.nav-item svg{flex-shrink:0;opacity:.8}.btn-icon{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:8px;font-size:14px;background:var(--surface);color:var(--text);text-decoration:none;border:1px solid var(--border);cursor:pointer;transition:background .15s}.btn-icon:hover{background:var(--surface-hover)}@media(max-width:900px){.panel-notes,.app-header-cell-notes{width:200px;min-width:200px}}@media(max-width:768px){.app-header-row{flex-direction:column;align-items:stretch}.app-header-cell-notebooks,.app-header-cell-notes,.app-header-cell-content{width:100%;min-width:unset}.app-layout{flex-direction:column}.panel-notebooks{width:100%;min-width:unset;flex-direction:row;flex-wrap:wrap;gap:8px}.panel-notebooks .notebook-list{flex-direction:row;flex-wrap:wrap;overflow:visible}.panel-notes{width:100%;min-width:unset}.panel-content{min-height:50vh}}