:root{--bg:#f4f5f7;--bg-2:#fff;--fg:#111827;--fg-muted:#6b7280;--border:#11182714;--glass:#ffffffa6;--glass-strong:#ffffffd9;--accent:#2563eb;--accent-soft:#2563eb1f;--shadow:0 20px 40px -20px #11182740;--radius:20px;--radius-sm:12px}:root[data-theme=dark]{--bg:#0b0d10;--bg-2:#15181d;--fg:#e5e7eb;--fg-muted:#9ca3af;--border:#ffffff14;--glass:#181b218c;--glass-strong:#181b21cc;--accent:#60a5fa;--accent-soft:#60a5fa24;--shadow:0 24px 48px -24px #000000b3}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b0d10;--bg-2:#15181d;--fg:#e5e7eb;--fg-muted:#9ca3af;--border:#ffffff14;--glass:#181b218c;--glass-strong:#181b21cc;--accent:#60a5fa;--accent-soft:#60a5fa24;--shadow:0 24px 48px -24px #000000b3}}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 600px at 10% -10%, var(--accent-soft), transparent 60%), radial-gradient(900px 500px at 110% 10%, var(--accent-soft), transparent 55%), var(--bg);height:100%;color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:background-color .35s,color .35s}#app{flex-direction:column;gap:20px;max-width:1080px;min-height:100%;margin:0 auto;padding:20px 16px 48px;display:flex}.liquid{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px)saturate(160%);box-shadow:var(--shadow);transition:transform .35s cubic-bezier(.2,.7,.2,1),background .3s;position:relative;overflow:hidden}.liquid:before{content:"";pointer-events:none;background:radial-gradient(240px circle at var(--lx,50%) var(--ly,50%), #ffffff2e, transparent 60%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.liquid:hover:before{opacity:1}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand h1{letter-spacing:.5px;margin:0;font-size:18px}.brand .dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%}.tabs{background:var(--accent-soft);border-radius:999px;gap:4px;padding:4px;display:flex}.tabs button{color:var(--fg-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .25s}.tabs button.active{background:var(--bg-2);color:var(--fg);box-shadow:var(--shadow)}.controls{gap:8px;display:flex}.controls button{border:1px solid var(--border);background:var(--glass-strong);color:var(--fg);cursor:pointer;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600;transition:transform .2s;position:relative;overflow:hidden}.controls button:active{transform:scale(.96)}.ripple{background:var(--accent-soft);pointer-events:none;border-radius:50%;width:8px;height:8px;animation:.6s ease-out forwards ripple;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes ripple{to{opacity:0;transform:translate(-50%,-50%)scale(24)}}.calendar{padding:20px}.cal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cal-head button{border:1px solid var(--border);background:var(--glass-strong);width:40px;height:40px;color:var(--fg);cursor:pointer;border-radius:50%;font-size:18px}.cal-title{align-items:center;gap:10px;display:flex}.cal-title span{font-size:18px;font-weight:700}.cal-title input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-2);width:84px;color:var(--fg);font:inherit;text-align:center;padding:6px 8px}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.dow{text-align:center;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.5px;padding:6px 0;font-size:11px;font-weight:600}.cell{aspect-ratio:1;border-radius:var(--radius-sm);color:var(--fg);justify-content:center;align-items:center;font-size:14px;transition:background .2s,transform .2s;display:flex}.cell:hover{background:var(--accent-soft);transform:scale(1.05)}.cell.muted{color:var(--fg-muted);opacity:.45}.cell.today{background:var(--accent);color:#fff;box-shadow:0 6px 18px -6px var(--accent);font-weight:700}.cal-foot{justify-content:center;margin-top:16px;display:flex}.cal-foot button{border:1px solid var(--border);background:var(--glass-strong);color:var(--fg);cursor:pointer;border-radius:999px;padding:8px 20px;font-weight:600}.notebook{grid-template-columns:280px 1fr;gap:16px;min-height:480px;display:grid}.notes-list{flex-direction:column;padding:12px;display:flex}.notes-head{margin-bottom:8px}.notes-head button{border:1px solid var(--border);background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:100%;padding:10px;font-weight:600}.notes-list ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.notes-list li{border-radius:var(--radius-sm);cursor:pointer;color:var(--fg-muted);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:13px;transition:background .2s;display:flex}.notes-list li:hover{background:var(--accent-soft)}.notes-list li.active{background:var(--accent-soft);color:var(--fg);font-weight:600}.notes-list li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notes-list li button{color:var(--fg-muted);cursor:pointer;background:0 0;border:0;font-size:18px;line-height:1}.note-editor{flex-direction:column;padding:16px;display:flex}.note-editor textarea{resize:none;width:100%;color:var(--fg);font:inherit;background:0 0;border:0;outline:none;flex:1;min-height:380px;font-size:15px;line-height:1.6}.note-status{color:var(--fg-muted);text-align:right;font-size:11px}@media (max-width:720px){.topbar{padding:10px 12px}.brand h1{font-size:16px}.notebook{grid-template-columns:1fr}.notes-list{max-height:200px}.cell{font-size:13px}.cal-title span{font-size:16px}}