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}.rename-error{font-size:12px;color:var(--error)}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;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 12px;min-height:32px;min-width:0;background:var(--surface);border-bottom:1px solid var(--border)}.app-header-logo{flex-shrink:0;display:flex;align-items:center;gap:8px;line-height:0;text-decoration:none;color:var(--text)}.app-header-logo img{height:28px;width:auto;display:block}.app-header-brand{font-size:1rem;font-weight:600;letter-spacing:-.02em;line-height:1}.app-header-controls{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:0;justify-content:flex-end}.app-header .btn-icon{padding:4px 8px;font-size:12px}.app-header .btn-icon svg{width:14px;height:14px}.app-header .btn-icon-only{padding:6px 10px}.app-header .btn-icon-only svg{width:20px;height:20px}.app-footer{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:4px 16px;background:var(--surface);border-top:1px solid var(--border)}.app-footer-link{font-size:10px;color:var(--text-muted);opacity:.7;text-decoration:none}.app-footer-link:hover{color:var(--accent);opacity:1}.app-footer button.app-footer-link{background:none;border:none;cursor:pointer;font-family:inherit;font-size:10px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{max-width:560px;max-height:80vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 48px #0000004d}.modal-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text)}.modal-close{display:flex;align-items:center;justify-content:center;padding:4px;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.modal-close:hover{background:var(--surface-hover);color:var(--text)}.modal-license-text{flex:1;margin:0;padding:20px;overflow-y:auto;font-family:ui-monospace,monospace;font-size:13px;line-height:1.6;color:var(--text-muted);white-space:pre-wrap;word-wrap:break-word}.modal-confirm{width:min(92vw,520px)}.modal-confirm-body{padding:18px 20px 10px;color:var(--text);line-height:1.45}.modal-confirm-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px 20px}.modal-confirm-selected{box-shadow:0 0 0 2px var(--focus-glow)}.app-version{font-size:10px;color:var(--text-muted);opacity:.7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.panel-label{flex-shrink:0;min-height:38px;box-sizing:border-box;display:flex;align-items:center;font-size:.7rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:0 16px}.panel-label-with-action{justify-content:space-between;gap:8px;text-align:left;padding:0 12px 0 16px}.panel-label-with-action>span{flex:1;min-width:0}.panel-header-spacer{width:30px;height:30px;flex-shrink:0}.panel-create-btn{display:flex;align-items:center;justify-content:center;padding:6px;background:var(--surface);color:var(--text-muted);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:background .15s,color .15s,opacity .15s;flex-shrink:0}.panel-create-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.panel-create-btn:disabled{opacity:.5;cursor:not-allowed}.panel-label-active{font-weight:700;color:var(--text)}.context-menu{position:fixed;z-index:50;min-width:160px;padding:4px 0;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000040;display:flex;flex-direction:column}.context-menu-item{display:block;width:100%;padding:8px 16px;font-size:14px;text-align:left;background:none;color:var(--text);border:none;border-radius:0;cursor:pointer;transition:background .1s}.context-menu-item:hover{background:var(--surface-hover)}.context-menu-item-danger:hover{color:var(--error)}.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}.settings-dropdown-themes{display:flex;flex-direction:column;gap:2px}.settings-modal{width:min(90vw,720px);height:min(85vh,560px);min-height:380px;max-height:85vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 48px #0000004d;overflow:hidden}.settings-modal-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.settings-modal-header .modal-title{font-size:14px;font-weight:600}.settings-modal-body{flex:1;min-height:0;display:flex}.settings-modal-sidebar{flex-shrink:0;width:200px;padding:12px 0;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:2px;background:var(--bg)}.settings-modal-nav-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;text-align:left;font-size:13px;color:var(--text);background:none;border:none;border-radius:0;cursor:pointer;transition:background .15s}.settings-modal-nav-item:hover{background:var(--surface-hover)}.settings-modal-nav-item.active{background:var(--surface-hover);font-weight:600;color:var(--accent);border-right:2px solid var(--accent);margin-right:-1px}.settings-modal-nav-icon{flex-shrink:0;opacity:.9}.settings-modal-content{flex:1;min-width:0;min-height:0;padding:16px 20px;overflow-y:auto;font-size:13px}.settings-content-title{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.settings-modal-content .theme-option{font-size:13px;padding:8px 12px}.settings-actions{display:flex;flex-direction:column;gap:6px}.settings-modal-footer{flex-shrink:0;display:flex;justify-content:flex-end;padding:10px 16px;border-top:1px solid var(--border);background:var(--bg)}.settings-modal-btn-close{padding:6px 16px;font-size:13px;font-weight:500;color:var(--accent-text);background:var(--accent);border:none;border-radius:6px;cursor:pointer;transition:background .15s}.settings-modal-btn-close:hover{background:var(--accent-hover)}.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)}.help-switcher{position:relative}.help-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:420px;max-height:70vh;overflow-y:auto;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000040;z-index:20}.help-title{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--text)}.help-table{width:100%;border-collapse:collapse;font-size:13px}.help-table th,.help-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border)}.help-table th{font-weight:600;color:var(--text-muted)}.help-table td{color:var(--text)}.help-table kbd{display:inline-block;padding:2px 8px;font-family:inherit;font-size:12px;background:var(--bg);border:1px solid var(--border);border-radius:4px;white-space:nowrap}.hotkeys-list{list-style:none;margin:0;padding:0;font-size:13px}.hotkeys-list-item{padding:10px 0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.hotkeys-list-item:last-child{border-bottom:none}.hotkeys-list-keys{flex-shrink:0}.hotkeys-list-keys kbd{display:inline-block;padding:2px 8px;font-family:inherit;font-size:12px;background:var(--bg);border:1px solid var(--border);border-radius:4px;white-space:nowrap}.hotkeys-list-action{color:var(--text);line-height:1.4}.app-layout{display:flex;flex:1;min-height:0;border:1px solid var(--border);border-radius:0}.panel-notebooks{width:220px;min-width:220px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0 0 16px;border:none;border-right:1px solid var(--border);outline:none;transition:box-shadow .15s}.panel-notes{width:260px;min-width:260px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;padding:0 0 16px;border:none;border-right:1px solid var(--border);overflow:hidden;transition:box-shadow .15s}.panel-content{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;padding:0;margin:0;outline:none;border:none;transition:box-shadow .15s}main.panel-content{margin:0}.panel-content .panel-label-with-action{padding-left:24px;padding-right:24px}.panel-content-inner{flex:1;min-height:0;overflow-y:auto;padding:16px 24px 24px;scrollbar-width:none;-ms-overflow-style:none}.panel-content-inner::-webkit-scrollbar{display:none}.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;overflow-x:hidden;min-height:0;padding:8px 16px 0;scroll-behavior:auto;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)}.app-mobile-nav{display:none;flex-shrink:0;align-items:stretch;gap:0;background:var(--surface);border-bottom:1px solid var(--border);padding:0 8px}.app-mobile-nav-tab{flex:1;padding:12px 8px;font-size:14px;font-weight:500;background:transparent;color:var(--text-muted);border:none;border-bottom:3px solid transparent;border-radius:0;cursor:pointer;transition:color .15s,border-color .15s}.app-mobile-nav-tab:hover{color:var(--text)}.app-mobile-nav-tab.active{color:var(--accent);border-bottom-color:var(--accent)}@media(max-width:900px){.panel-notes{width:200px;min-width:200px}}@media(max-width:768px){.app-header{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-left:12px;padding-right:12px}.app-header-controls{flex-wrap:nowrap}.app-mobile-nav{display:flex}.panel-label{display:none!important}.app-layout{flex:1;min-height:0;display:flex}.app-layout .panel-notebooks,.app-layout .panel-notes,.app-layout .panel-content{display:none!important;width:100%;min-width:unset}.app-layout[data-mobile-panel=notebooks] .panel-notebooks,.app-layout[data-mobile-panel=notes] .panel-notes,.app-layout[data-mobile-panel=content] .panel-content{display:flex!important}.panel-notebooks,.panel-notes{width:100%;min-width:unset}.panel-content{min-height:0}}