:root{--bg:#0b1020;--panel:rgba(17,24,39,.78);--muted:#96a3b9;--text:#eef4ff;--line:rgba(255,255,255,.10);--brand:#7c3aed;--brand2:#06b6d4;--ok:#22c55e;--warn:#f59e0b;--bad:#ef4444;--shadow:0 24px 80px rgba(0,0,0,.35)}[data-theme=light]{--bg:#f5f7fb;--panel:rgba(255,255,255,.86);--text:#101827;--muted:#64748b;--line:rgba(15,23,42,.12);--shadow:0 24px 70px rgba(31,41,55,.12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(circle at top left,rgba(124,58,237,.32),transparent 32rem),radial-gradient(circle at 80% 20%,rgba(6,182,212,.18),transparent 30rem),var(--bg);color:var(--text);display:flex}.noise{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.sidebar{width:290px;padding:24px 18px;border-right:1px solid var(--line);background:rgba(5,9,20,.55);backdrop-filter:blur(22px);position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand span,.pro-card small{display:block;color:var(--muted);font-size:12px}.logo{width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;font-weight:900}.nav,.ghost,.primary,.icon,.chip,.project-btn{border:0;color:var(--text);cursor:pointer}.nav{width:100%;display:flex;align-items:center;gap:10px;margin:6px 0;padding:12px 13px;border-radius:14px;background:transparent;text-align:left}.nav b{margin-left:auto;background:var(--line);padding:2px 7px;border-radius:99px}.nav.active,.nav:hover,.project-btn:hover{background:var(--line)}.projects{margin-top:22px;padding-top:15px;border-top:1px solid var(--line)}.project-btn{display:flex;width:100%;gap:9px;align-items:center;background:transparent;padding:9px;border-radius:12px;color:var(--muted)}.dot{width:10px;height:10px;border-radius:50%;background:var(--brand2)}.pro-card{margin-top:20px;padding:16px;border-radius:20px;background:linear-gradient(135deg,rgba(124,58,237,.35),rgba(6,182,212,.18));border:1px solid var(--line)}.app{flex:1;padding:28px;max-width:1320px;margin:0 auto}.topbar,.actions,.filters,.composer,.calendar-head,.habit-head,.focus-actions{display:flex;align-items:center;gap:12px}.topbar{justify-content:space-between}.eyebrow,.pill{color:var(--brand2);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800}.topbar h1{margin:.1rem 0 0;font-size:42px}.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));padding:12px 16px;border-radius:14px;font-weight:800}.ghost,.icon,.chip{background:var(--panel);border:1px solid var(--line);padding:11px 14px;border-radius:14px}.import input{display:none}.hero,.panel{margin-top:22px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:28px;backdrop-filter:blur(20px)}.hero{display:flex;justify-content:space-between;padding:28px}.hero h2{font-size:34px;margin:8px 0}.hero p{color:var(--muted);max-width:620px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats div,.analytics div{min-width:110px;padding:18px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.05)}.stats strong{display:block;font-size:30px}.stats span,.task-meta,.habit-row small{color:var(--muted);font-size:12px}.panel{padding:20px}.grid2{display:grid;gap:16px}.composer{display:grid;grid-template-columns:2fr 1fr 160px 130px auto;align-items:center}.composer input,.composer select,.filters input,dialog input{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--text);border-radius:14px;padding:13px 14px;outline:none}.filters{justify-content:space-between}.filters input{max-width:260px}.chip.active{border-color:var(--brand2);color:var(--brand2)}.group{margin-top:12px}.group h3{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.12em}.task{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:14px;margin:8px 0;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.045)}.check{width:24px;height:24px;border:2px solid var(--line);border-radius:8px;display:grid;place-items:center;cursor:pointer}.task.done .title{text-decoration:line-through;color:var(--muted)}.task.done .check{background:var(--ok);border-color:var(--ok)}.priority{padding:4px 8px;border-radius:999px;font-size:11px;font-weight:900}.p0{background:rgba(239,68,68,.2);color:#fca5a5}.p1{background:rgba(245,158,11,.2);color:#fcd34d}.p2{background:rgba(6,182,212,.18);color:#67e8f9}.p3{background:rgba(148,163,184,.18);color:#cbd5e1}.delete{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:18px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.day{min-height:118px;border:1px solid var(--line);border-radius:18px;padding:10px;background:rgba(255,255,255,.045)}.day strong{display:block;margin-bottom:8px}.mini{font-size:11px;padding:5px 7px;margin-top:5px;border-radius:9px;background:rgba(124,58,237,.22);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.habit-list{display:grid;gap:12px}.habit-row{display:grid;grid-template-columns:1fr repeat(7,42px) auto;gap:9px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:14px}.habit-dot{height:34px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);cursor:pointer}.habit-dot.on{background:linear-gradient(135deg,var(--ok),#a3e635)}.focus-card{text-align:center;max-width:520px;margin:30px auto}.focus-card strong{display:block;font-size:88px;letter-spacing:-.06em;margin:20px 0}.analytics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.sync-card{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.045);display:grid;gap:8px}.sync-card span{color:var(--muted);font-size:12px}.sync-card strong{line-height:1.25}.sync-card small{color:var(--muted);line-height:1.45}.sync-actions{display:flex;gap:8px;flex-wrap:wrap}.mini{padding:8px 10px!important;font-size:12px;border-radius:12px}.sync-form{display:grid;gap:8px;margin-top:4px}.sync-input{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:rgba(255,255,255,.06);color:var(--text);outline:none}.sync-input:focus{border-color:var(--brand2);box-shadow:0 0 0 3px rgba(6,182,212,.18)}.sync-note{font-size:11px}.primary:disabled{opacity:.55;cursor:not-allowed}.hidden{display:none!important}dialog{border:1px solid var(--line);border-radius:22px;background:var(--panel);color:var(--text);padding:22px;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(0,0,0,.55)}menu{display:flex;justify-content:flex-end;gap:10px;padding:0}#toast{position:fixed;right:24px;bottom:24px;padding:13px 16px;border-radius:14px;background:#111827;color:white;box-shadow:var(--shadow);transform:translateY(90px);transition:.25s}#toast.show{transform:translateY(0)}@media(max-width:900px){body{display:block}.sidebar{width:auto;height:auto;position:relative}.app{padding:18px}.hero,.topbar{display:block}.composer{grid-template-columns:1fr}.stats{margin-top:18px}.calendar{grid-template-columns:1fr 1fr}.habit-row{grid-template-columns:1fr repeat(4,38px)}}