@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-darker:#080a0f;--bg-dark:#0f121d;--bg-panel:#121623b3;--bg-panel-light:#1e253a80;--border-glass:#ffffff14;--border-neon-primary:#00f0ff4d;--border-neon-secondary:#00ff884d;--border-neon-accent:#cc00ff4d;--neon-blue:#00f0ff;--neon-green:#0f8;--neon-purple:#c0f;--neon-pink:#ff007f;--neon-yellow:gold;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--sidebar-width:240px;--sidebar-collapsed-width:70px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-darker);color:var(--text-primary);background-image:radial-gradient(at 10% 20%,#00f0ff0d 0,#0000 50%),radial-gradient(at 90% 80%,#cc00ff0d 0,#0000 50%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-neon-primary)}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:16px;box-shadow:0 8px 32px #0000005e}.glass-panel:hover{border-color:#ffffff1f}.glass-panel-neon-blue{border:1px solid var(--border-neon-primary);box-shadow:0 0 15px #00f0ff0d}.glass-panel-neon-green{border:1px solid var(--border-neon-secondary);box-shadow:0 0 15px #00ff880d}.glass-panel-neon-purple{border:1px solid var(--border-neon-accent);box-shadow:0 0 15px #cc00ff0d}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600}.gradient-text-blue-purple{background:linear-gradient(135deg, var(--neon-blue) 0%, var(--neon-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-green-blue{background:linear-gradient(135deg, var(--neon-green) 0%, var(--neon-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glow-text{text-shadow:0 0 10px #00f0ff80}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{border:1px solid var(--neon-blue);color:#fff;background:linear-gradient(135deg,#00f0ff33 0%,#c0f3 100%);border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:inline-flex;box-shadow:0 0 10px #00f0ff1a}.btn-primary:hover{background:linear-gradient(135deg,#00f0ff4d 0%,#cc00ff4d 100%);transform:translateY(-1px);box-shadow:0 0 15px #00f0ff4d,0 0 5px #c0f3}.btn-secondary{background:var(--bg-panel-light);border:1px solid var(--border-glass);color:var(--text-primary);border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:inline-flex}.btn-secondary:hover{background:#ffffff14;border-color:#fff3}.btn-neon-green{border:1px solid var(--neon-green);color:var(--neon-green);background:#00ff881a;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-weight:500;display:inline-flex}.btn-neon-green:hover{background:#0f83;box-shadow:0 0 12px #0f83}.btn-icon{color:var(--text-secondary);background:0 0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.btn-icon:hover{color:var(--text-primary);background:var(--bg-panel-light);border:1px solid var(--border-glass)}.btn-icon.active{color:var(--neon-blue);border:1px solid var(--border-neon-primary);background:#00f0ff1a}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #00f0ff33}50%{box-shadow:0 0 20px #00f0ff66}}.pulse-glow{animation:2s ease-in-out infinite pulse-glow}.tab-content{animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}input[type=text],textarea{border:1px solid var(--border-glass);color:var(--text-primary);font-family:var(--font-body);background:#0003;border-radius:8px;outline:none;padding:10px 14px;transition:all .2s}input[type=text]:focus,textarea:focus{border-color:var(--neon-blue);box-shadow:0 0 8px #00f0ff33}.app-container{box-sizing:border-box;flex-direction:column;gap:20px;max-width:1200px;min-height:100vh;margin:0 auto;padding:16px;display:flex}.app-container.file-open{gap:0!important;width:100%!important;max-width:100%!important;padding:0!important}@media (width<=768px){.app-container{gap:12px!important;padding:8px!important}.app-container.file-open{gap:0!important;padding:0!important}}.notebook-container{gap:20px;width:100%;height:calc(100vh - 160px);display:flex}.notebook-sidebar{flex-direction:column;flex-shrink:0;gap:12px;width:280px;height:100%;display:flex}.notebook-workspace{flex-direction:column;flex-grow:1;gap:12px;min-width:0;height:100%;display:flex}.notes-list-scroll{flex-direction:column;flex-grow:1;gap:10px;padding-right:4px;display:flex;overflow-y:auto}.note-card{background:var(--bg-panel-light);border:1px solid var(--border-glass);cursor:pointer;border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.note-card:hover{border-color:#ffffff26;transform:translateY(-1px)}.note-card.active{border-color:var(--neon-blue);background:#00f0ff0a;box-shadow:0 0 10px #00f0ff1f}.notes-search-input{border:1px solid var(--border-glass);color:#fff;background:#0000004d;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:13px}.notes-search-input:focus{border-color:var(--neon-blue);box-shadow:0 0 8px #00f0ff33}.notes-sync-panel{border:1px solid var(--border-glass);background:#ffffff03;border-radius:12px;padding:12px;font-size:11px}.notes-sync-title{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:6px;font-weight:600;display:flex}@media (width<=768px){.notebook-container{flex-direction:column;gap:16px;height:auto}.notebook-sidebar{width:100%;height:auto;max-height:280px}.notebook-workspace{height:auto}}