:root{--bg-app: #F8FAFC;--bg-surface: #ffffff;--bg-input: #F8FAFC;--text-main: #0F172A;--text-body: #334155;--text-muted: #94A3B8;--text-sub: #475569;--border: #F1F5F9;--border-strong: #E2E8F0}[data-theme=dark]{--bg-app: #0F172A;--bg-surface: #1E293B;--bg-input: #1E293B;--text-main: #E2E8F0;--text-body: #CBD5E1;--text-muted: #475569;--text-sub: #94A3B8;--border: rgba(255,255,255,.06);--border-strong: rgba(255,255,255,.12)}[data-theme=dark] .tool-btn{color:#94a3b8!important}[data-theme=dark] .tool-btn:hover{background:#2563eb26!important;color:#93c5fd!important}[data-theme=dark] .modal-card{background:var(--bg-surface)!important}[data-theme=dark] .modal-card h3,[data-theme=dark] .modal-card label{color:var(--text-main)!important}[data-theme=dark] .modal-card input,[data-theme=dark] .modal-card select,[data-theme=dark] .modal-card textarea{background:var(--bg-input)!important;border-color:var(--border-strong)!important;color:var(--text-main)!important}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:99px}.sidebar ::-webkit-scrollbar-thumb{background:#ffffff1a}[contenteditable][data-placeholder]{position:relative}[contenteditable][data-placeholder]:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none;position:absolute}.note-card{transition:background .15s}.note-card:hover{background:#ffffff12!important}.note-card.active{background:#2563eb2e!important;border-color:#2563eb73!important}.nav-item{transition:background .15s,color .15s}.nav-item:hover{background:#ffffff12!important;color:#cbd5e1!important}.nav-item.active{background:#2563eb40!important;color:#93c5fd!important}.folder-item{transition:background .15s}.folder-item:hover{background:#ffffff12!important}.folder-item.active{background:#2563eb2e!important;color:#93c5fd!important}.icon-btn{transition:background .15s}.icon-btn:hover{background:#ffffff24!important}.sidebar-btn{transition:background .15s,border-color .15s}.sidebar-btn:hover{background:#ffffff17!important;border-color:#ffffff2e!important}.tool-btn{transition:background .15s,color .15s}.tool-btn:hover{background:#eff6ff!important;color:#2563eb!important}.action-btn{transition:opacity .15s}.action-btn:hover{opacity:.88!important}.modal-card{animation:fadeIn .2s ease}.sidebar{transition:transform .28s cubic-bezier(.4,0,.2,1)}.sidebar-overlay{display:none}.hamburger{display:none!important}@media (max-width: 768px){.sidebar{position:fixed!important;left:0;top:0;bottom:0;z-index:300;width:280px!important;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0);box-shadow:12px 0 48px #0000008c}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:299;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hamburger{display:flex!important;align-items:center;justify-content:center}}