:root{--bg: #0a1610;--surface: #0f2015;--surface-hover: #142a1a;--border: #1e3d2a;--text: #e5f0e5;--text-muted: #8aa88a;--accent: #2d8a3e;--accent-hover: #3aab4f;--error: #e85d5d}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(45,138,62,.08),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(45,138,62,.04),transparent);color:var(--text);min-height:100vh}#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:#fff;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 #2d8a3e33}input::placeholder,textarea::placeholder{color:var(--text-muted)}label{color:var(--text-muted);display:block;margin-bottom:4px}h1,h2{color:var(--text)}.app-layout{display:flex;min-height:100vh}.panel-notebooks{width:220px;min-width:220px;flex-shrink:0;display:flex;flex-direction:column;padding:16px;border-right:1px solid var(--border)}.panel-notes{width:260px;min-width:260px;flex-shrink:0;display:flex;flex-direction:column;padding:16px;border-right:1px solid var(--border);overflow:hidden}.panel-content{flex:1;min-width:0;overflow:auto;padding:24px}.panel-notes-scroll{flex:1;overflow-y:auto;min-height:0}.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:hover{background:var(--surface-hover);text-decoration:none!important}.nav-item.active{background:var(--surface-hover);font-weight:600;color:var(--accent)}.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{width:200px;min-width:200px}}@media(max-width:768px){.app-layout{flex-direction:column}.panel-notebooks{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--border);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;border-right:none;border-bottom:1px solid var(--border)}.panel-content{min-height:50vh}}