:root{color-scheme:light dark;--bg:#ebeef3;--surface:#fcfcfe;--surface-2:#f1f3f8;--border:#dce0e9;--border-strong:#c6ccda;--ink:#1a1f2e;--ink-soft:#586074;--ink-faint:#8c93a4;--accent:#4b5dd1;--accent-ink:#3b49b4;--accent-soft:#e9ebfb;--btn-ink:#ffffff;--ok:#3c9f6c;--overdue:#d23b3b;--soon-ink:#9a6212;--p-high:#e5484d;--p-med:#efa008;--p-low:#48a97b;--shadow:0 1px 2px rgba(20,25,45,0.05),0 10px 26px -12px rgba(20,25,45,0.16);--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--display:"Bricolage Grotesque","IBM Plex Sans",system-ui,sans-serif;--fs-xs:0.75rem;--fs-sm:0.8125rem;--fs-base:0.9375rem;--fs-md:1.0625rem;--fs-lg:1.375rem;--fs-xl:2rem}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121419;--surface:#1b1e25;--surface-2:#23272f;--border:#2d323c;--border-strong:#3b414d;--ink:#e7e9ee;--ink-soft:#a6adbb;--ink-faint:#727a88;--accent:#8e9cff;--accent-ink:#b7c0ff;--accent-soft:#242a40;--btn-ink:#161a2e;--ok:#59bd8e;--overdue:#ff6e6e;--soon-ink:#e7b667;--p-high:#ff6e72;--p-med:#f5b033;--p-low:#5fc095;--shadow:0 1px 2px rgba(0,0,0,0.35),0 12px 30px -14px rgba(0,0,0,0.6)}}:root[data-theme=dark]{--bg:#121419;--surface:#1b1e25;--surface-2:#23272f;--border:#2d323c;--border-strong:#3b414d;--ink:#e7e9ee;--ink-soft:#a6adbb;--ink-faint:#727a88;--accent:#8e9cff;--accent-ink:#b7c0ff;--accent-soft:#242a40;--btn-ink:#161a2e;--ok:#59bd8e;--overdue:#ff6e6e;--soon-ink:#e7b667;--p-high:#ff6e72;--p-med:#f5b033;--p-low:#5fc095;--shadow:0 1px 2px rgba(0,0,0,0.35),0 12px 30px -14px rgba(0,0,0,0.6)}*{box-sizing:border-box}[hidden]{display:none!important}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font:400 var(--fs-base) /1.55 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance}h1{font-size:var(--fs-xl)}h1,h2{margin:0 0 8px}h2{font-size:var(--fs-lg)}h3{font:600 var(--fs-xs) /1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin:0}.muted{color:var(--ink-soft)}.err,.muted{font-size:var(--fs-sm)}.err{color:var(--overdue);margin-top:6px}.stack{display:flex;flex-direction:column;gap:10px}input,select,textarea{color:var(--ink)}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=text],input[type=time],select{font:400 var(--fs-sm) /1.3 var(--sans);color:var(--ink);background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:10px 12px;width:100%;min-width:0}input::placeholder{color:var(--ink-faint)}select{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn{background:var(--accent);color:var(--btn-ink);border:none;border-radius:9px;padding:10px 16px;font:600 var(--fs-sm) /1 var(--sans);cursor:pointer;white-space:nowrap}.btn:hover{filter:brightness(1.05)}.btn:disabled{opacity:.55;cursor:default}.btn-ghost{background:var(--surface-2);color:var(--ink-soft);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font:500 var(--fs-sm) /1 var(--sans);cursor:pointer;white-space:nowrap}.btn-ghost:hover{color:var(--ink)}.sm{padding:6px 10px;font-size:var(--fs-xs)}.link{background:none;border:none;padding:0;cursor:pointer;font:500 var(--fs-sm) /1 var(--sans);color:var(--accent-ink);text-decoration:underline}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.h3-sub{font:600 var(--fs-xs) /1 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);margin-top:2px}input[type=color]{border:1px solid var(--border-strong);border-radius:7px;background:var(--surface);cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.auth-wrap{min-height:100dvh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:6px}.brandmark{font:700 var(--fs-md) /1 var(--display);text-decoration:none;margin-bottom:12px;display:inline-block}.shell{max-width:760px;margin:0 auto;padding:22px 18px 96px;display:flex;flex-direction:column;gap:16px}.rail{display:none}@media (min-width:1120px){.shell-wrap{display:grid;grid-template-columns:minmax(0,760px) 300px;grid-gap:24px;gap:24px;justify-content:center;align-items:start}.shell{margin:0;max-width:none}.rail{display:flex;flex-direction:column;gap:16px;position:-webkit-sticky;position:sticky;top:20px;padding:22px 0 40px;max-height:calc(100vh - 24px);overflow-y:auto}.rail .card{padding:13px}.rail .timer-row{gap:8px;padding:9px 10px}.rail .timer-count{font-size:var(--fs-sm)}.nav a.timers-link{display:none}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.topbar .brandmark{margin:0;font-size:var(--fs-lg)}.nav{display:flex;gap:6px;flex-wrap:wrap}.nav a{font:500 var(--fs-xs) /1 var(--sans);padding:7px 11px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);text-decoration:none}.nav a:hover{color:var(--ink)}.nav a[aria-current=page]{background:var(--accent-soft);border-color:transparent;color:var(--accent-ink)}.tasks{display:flex;flex-direction:column;gap:8px}.task{display:grid;grid-template-columns:20px 1fr auto;align-items:start;grid-gap:11px;gap:11px;padding:11px 13px;background:var(--surface);border:1px solid var(--border);border-radius:11px;position:relative;overflow:hidden}.task:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--pc,transparent)}.task.p-high{--pc:var(--p-high);border-color:color-mix(in srgb,var(--p-high) 55%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--p-high) 38%,transparent),0 0 18px -3px color-mix(in srgb,var(--p-high) 50%,transparent)}.task.p-med{--pc:var(--p-med)}.task.p-low{--pc:var(--p-low)}.task.done{--pc:transparent;opacity:.66;box-shadow:none;border-color:var(--border)}.check{width:20px;height:20px;flex:0 0 auto;margin-top:1px;border-radius:6px;border:1.5px solid var(--border-strong);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--btn-ink);padding:0}.task.done .check{background:var(--accent);border-color:var(--accent)}.check svg{width:12px;height:12px}.task-main{min-width:0}.t-title{font-size:var(--fs-base);line-height:1.4;word-break:break-word}.task.done .t-title{text-decoration:line-through;color:var(--ink-faint)}.t-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:5px}.chip,.t-meta{align-items:center}.chip{display:inline-flex;gap:5px;font:500 var(--fs-xs) /1 var(--sans);color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px 8px}.chip.chip-class{border-color:transparent}.prio-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex:0 0 auto}.chip.chip-prio{cursor:pointer;transition:border-color .12s ease,color .12s ease}.chip.chip-prio:hover{border-color:var(--border-strong);color:var(--ink)}.chip.chip-prio:active{transform:translateY(.5px)}.due{font-family:var(--mono);font-size:var(--fs-xs);color:var(--ink-soft)}.due.overdue{color:var(--overdue)}.due.soon{color:var(--soon-ink)}.t-del{width:26px;height:26px;flex:0 0 auto;border:none;background:transparent;color:var(--ink-faint);border-radius:6px;cursor:pointer;display:grid;place-items:center}.t-del:hover{color:var(--overdue);background:var(--surface-2)}.empty{color:var(--ink-faint);font-size:var(--fs-sm);text-align:center;padding:26px 12px;border:1px dashed var(--border);border-radius:11px}.composer{display:flex;flex-direction:column;gap:9px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:11px;box-shadow:var(--shadow)}.row2{display:flex;gap:8px;flex-wrap:wrap}.row2>*{flex:1 1 130px}.row2 .btn{flex:0 0 auto}.agenda{display:flex;flex-direction:column;gap:15px}.agenda-date{font:600 var(--fs-sm) /1.3 var(--sans);color:var(--ink);padding-bottom:6px;border-bottom:1px solid var(--border);margin-bottom:9px}.agenda-items{display:flex;flex-direction:column;gap:8px}.agenda-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.agenda-title{font-size:var(--fs-sm);flex:1 1;min-width:150px;word-break:break-word}.kind{font:700 10px/1 var(--sans);text-transform:uppercase;letter-spacing:.03em;padding:3px 6px;border-radius:5px;color:#fff;flex:0 0 auto}.kind-exam{background:var(--overdue)}.kind-assignment{background:var(--accent);color:var(--btn-ink)}.kind-reading{background:var(--p-low)}.kind-class{background:var(--ink-faint)}.kind-holiday{background:var(--p-med);color:#161a22}.kind-other{background:var(--ink-faint)}.status{font-size:var(--fs-sm);color:var(--ink-soft);border:1px solid var(--border);border-radius:9px;padding:9px 11px;gap:10px;flex-wrap:wrap}.status,.timer-row{background:var(--surface-2);display:flex;align-items:center}.timer-row{gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px}.timer-count{font:600 var(--fs-md) /1 var(--mono);color:var(--ink);flex:0 0 auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tpick{display:flex;align-items:flex-end;gap:6px}.tpick label{display:flex;flex:1 1;flex-direction:column;align-items:center;gap:4px;font:600 var(--fs-xs) /1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.tpick input{width:100%;max-width:66px;text-align:center;font:600 var(--fs-lg) /1 var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:8px 4px}.tpick input::-webkit-inner-spin-button,.tpick input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tpick input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.tpick .sep{font:600 var(--fs-lg) /1 var(--mono);color:var(--ink-faint);padding-bottom:9px}.panel-title{font:700 var(--fs-md) /1 var(--display);letter-spacing:-.02em;color:var(--ink)}.nudge{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:11px;font-size:var(--fs-sm)}.nudge-body{flex:1 1;min-width:0;color:var(--ink);line-height:1.4}.nudge-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}.nudge-x{border:none;background:transparent;color:var(--ink-soft);cursor:pointer;padding:5px;display:grid;place-items:center;border-radius:6px}.nudge-x:hover{color:var(--ink);background:color-mix(in srgb,var(--accent) 14%,transparent)}.nudge-x svg{width:13px;height:13px}.streak{margin-left:auto;flex:0 0 auto;text-align:right;padding-left:10px}.streak-num{font:700 var(--fs-lg) /1 var(--display);color:var(--ink);white-space:nowrap}.streak-lbl,.streak-num.dim{color:var(--ink-faint)}.streak-lbl{font:500 var(--fs-xs) /1.3 var(--sans);margin-top:3px}.week-bars{display:flex;gap:6px;align-items:flex-end}.week-day{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px}.week-track{width:100%;height:54px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;display:flex;align-items:flex-end;overflow:hidden}.week-fill{width:100%;background:var(--accent);border-radius:5px 5px 0 0;min-height:3px;transition:height .35s ease}.week-lbl{font:500 var(--fs-xs) /1.2 var(--sans);color:var(--ink-faint);text-align:center}.week-lbl b{display:block;color:var(--ink-soft);font-weight:700}.week-day.today .week-track{outline:2px solid var(--accent);outline-offset:1px}.week-day.today .week-lbl,.week-day.today .week-lbl b{color:var(--accent-ink)}.week-list{display:flex;flex-direction:column;gap:6px}.week-row{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm)}.week-when{font:600 var(--fs-xs) /1 var(--mono);color:var(--ink-soft);flex:0 0 auto;width:38px}.week-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.week-row .wt{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.week-hrs{font:500 var(--fs-xs) /1 var(--sans);color:var(--ink-faint);flex:0 0 auto}.status.err-status{color:var(--overdue);border-color:color-mix(in srgb,var(--overdue) 40%,var(--border))}.row-list{display:flex;flex-direction:column;gap:6px}.crow{display:flex;align-items:center;gap:10px;padding:7px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px}.crow input[type=color]{width:30px;height:26px;flex:0 0 auto;padding:2px;cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:7px}.crow .cname{flex:1 1;min-width:0;font-size:var(--fs-sm);color:var(--ink);word-break:break-word}.crow .del{width:24px;height:24px;flex:0 0 auto;border:none;background:transparent;color:var(--ink-faint);border-radius:6px;cursor:pointer}.crow .del:hover{color:var(--overdue)}.acct-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--border)}.acct-row:first-of-type{border-top:none;padding-top:2px}.acct-label{font-size:var(--fs-sm);font-weight:600;color:var(--ink)}.acct-row .muted{font-size:var(--fs-xs)}.legal{max-width:720px;margin:0 auto;padding:40px 22px 80px;font-size:var(--fs-base);line-height:1.65;color:var(--ink-soft)}.legal .brandmark{margin-bottom:24px}.legal h1{font-size:var(--fs-xl);color:var(--ink);margin-bottom:4px}.legal h2{font-size:var(--fs-md);color:var(--ink);margin:32px 0 8px}.legal .legal-updated{font-size:var(--fs-sm);color:var(--ink-faint);margin-bottom:8px}.legal p,.legal ul{margin:10px 0}.legal ul{padding-left:22px}.legal li{margin:6px 0}.legal a{color:var(--accent-ink);text-decoration:underline}.legal strong{color:var(--ink)}.legal hr{border:none;border-top:1px solid var(--border);margin:36px 0 16px}.marketing{max-width:860px;margin:0 auto;padding:40px 20px 80px}.hero{text-align:center;padding:40px 0 32px}.hero h1{font-size:clamp(2rem,6vw,3.2rem)}.hero p{color:var(--ink-soft);font-size:var(--fs-md);max-width:44ch;margin:12px auto 24px}.cta-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px;margin-top:36px}.pricing{max-width:360px;margin:44px auto 0;text-align:center}.price{font:700 2.4rem/1 var(--display)}@media (max-width:560px){.row2 #c-course,.row2 #c-due,.row2 #c-priority{flex:1 1 100%}}