@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,soft,wght@9..144,50,400;9..144,50,500;9..144,50,600&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600;700&display=swap";:root{--paper:#faf6ef;--paper-2:#f3ecdf;--surface:#fffdf8;--surface-2:#f6efe2;--surface-3:#ede3d0;--ink:#2e2a26;--ink-2:#5d564d;--ink-3:#8a8175;--line:#e7dbc6;--line-soft:#efe6d4;--sage:#7d8c6f;--sage-bg:#e6ebdd;--clay:#c26d4b;--clay-bg:#f6e2d5;--dusty:#6b86a3;--dusty-bg:#dde8f1;--lav:#8a7aa8;--lav-bg:#e7e1f2;--amber:#b98a2f;--amber-bg:#f5e8c8;--moss:#5f7a61;--rose:#b3556a;--accent:#c26d4b;--accent-ink:#fffdf8;--glow:#c26d4b29;--shadow-sm:0 1px 2px #3e302012;--shadow:0 6px 24px -8px #3e30202e, 0 2px 8px -2px #3e302014;--shadow-lg:0 18px 50px -18px #3e30204d;--r-sm:10px;--r:16px;--r-lg:22px;--font-ui:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Fraunces", Georgia, serif;--font-num:"JetBrains Mono", ui-monospace, monospace;--sidebar-w:232px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--paper:#191512;--paper-2:#201b17;--surface:#221d19;--surface-2:#2a2420;--surface-3:#352d26;--ink:#f0e8da;--ink-2:#c2b7a6;--ink-3:#8d8272;--line:#38302a;--line-soft:#2d2722;--sage-bg:#2c332a;--sage:#a9bd9a;--clay:#e09a72;--clay-bg:#3a2a22;--dusty:#8fb0cc;--dusty-bg:#253139;--lav:#b3a5d4;--lav-bg:#2f2a3d;--amber:#d9ae55;--amber-bg:#3a3120;--accent:#e09a72;--accent-ink:#221407;--glow:#e09a722e;--shadow-sm:0 1px 2px #0006;--shadow:0 8px 28px -10px #0000008c;--shadow-lg:0 20px 60px -18px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-ui);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.55}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#78644614 1px,#0000 1px);background-size:22px 22px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 55%);mask-image:linear-gradient(#000,#0000 55%)}[data-theme=dark] body:before{background-image:radial-gradient(#ffebc80d 1px,#0000 1px)}#root{z-index:1;min-height:100svh;position:relative}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.app-shell{max-width:1280px;min-height:100svh;margin:0 auto;display:flex}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--line);background:color-mix(in srgb, var(--paper) 82%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;flex-shrink:0;gap:8px;height:100svh;padding:22px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:6px 10px 16px;display:flex}.brand-mark{background:var(--ink);width:36px;height:36px;color:var(--paper);box-shadow:var(--shadow-sm);border-radius:12px;place-items:center;display:grid}[data-theme=dark] .brand-mark{background:var(--amber);color:#221407}.brand-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:19px;font-weight:600;line-height:1.1}.brand-sub{color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.nav-btn{cursor:pointer;width:100%;color:var(--ink-2);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;padding:10px 12px;font-size:14px;font-weight:550;transition:all .16s;display:flex}.nav-btn svg{flex-shrink:0;width:19px;height:19px}.nav-btn:hover{background:var(--surface-2);color:var(--ink)}.nav-btn.active{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow-sm)}.nav-btn.active svg{color:var(--accent)}.sidebar-foot{flex-direction:column;gap:8px;margin-top:auto;display:flex}.privacy-note{color:var(--ink-3);background:var(--surface-2);border:1px dashed var(--line);border-radius:12px;align-items:flex-start;gap:8px;padding:10px 11px;font-size:12px;line-height:1.45;display:flex}.privacy-note svg{flex-shrink:0;width:15px;height:15px;margin-top:1px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:20;background:color-mix(in srgb, var(--paper) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 26px;display:flex;position:sticky;top:0}.topbar-date{color:var(--ink-3);font-size:13px;font-weight:500}.theme-toggle{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:2px;margin-left:auto;padding:3px;display:flex}.theme-toggle button{cursor:pointer;color:var(--ink-3);background:0 0;border:0;border-radius:999px;place-items:center;padding:7px 9px;display:grid}.theme-toggle button.active{background:var(--ink);color:var(--paper)}.theme-toggle svg{width:16px;height:16px}.icon-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;width:36px;height:36px;box-shadow:var(--shadow-sm);border-radius:11px;place-items:center;transition:all .15s;display:grid}.icon-btn:hover{color:var(--ink);transform:translateY(-1px)}.icon-btn svg{width:18px;height:18px}.content{width:100%;max-width:1060px;margin:0 auto;padding:26px 26px 110px}@media (width>=900px){.content{padding-bottom:48px}}@media (width<=899px){.sidebar{display:none}.content{padding:16px 14px 104px}.topbar{padding:12px 14px}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:20px}.card-soft{background:var(--surface-2);border:1px solid var(--line-soft)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:700}.h-display{font-family:var(--font-display);letter-spacing:-.015em;font-weight:550}.greeting-title{font-family:var(--font-display);letter-spacing:-.02em;margin:2px 0;font-size:clamp(24px,3.4vw,32px);font-weight:550}.greeting-sub{color:var(--ink-2);margin:0;font-size:14px}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:1fr 1fr}.grid-today{grid-template-columns:1.15fr .85fr;align-items:start}@media (width<=980px){.grid-2,.grid-today{grid-template-columns:1fr}}.timer-hero{text-align:center;padding:28px 22px 24px;position:relative;overflow:hidden}.timer-hero:after{content:"";background:radial-gradient(closest-side, var(--glow), transparent);pointer-events:none;height:150px;position:absolute;inset:auto -40px -70px}.lamp{color:var(--amber);justify-content:center;margin-bottom:6px;display:flex}.lamp svg{width:30px;height:30px}.subject-pill{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 10px;font-size:13.5px;font-weight:600;display:inline-flex}.dot{border-radius:99px;flex-shrink:0;width:11px;height:11px;box-shadow:inset 0 0 0 2px #ffffff59}.timer-digits{font-family:var(--font-num);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:14px 0 4px;font-size:clamp(52px,8vw,76px);font-weight:700;line-height:1}.timer-digits .sep{opacity:.35}.timer-sub{color:var(--ink-3);margin-bottom:16px;font-size:13px}.btn{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:13px 20px;font-size:15px;font-weight:650;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.btn:active{transform:scale(.98)}.btn svg{width:18px;height:18px}.btn-primary{background:var(--ink);color:var(--paper);box-shadow:var(--shadow);min-width:220px}[data-theme=dark] .btn-primary{background:var(--amber);color:#221407}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-secondary{background:var(--surface-2);color:var(--ink);border:1px solid var(--line)}.btn-ghost{color:var(--ink-2);border:1px dashed var(--line);background:0 0}.btn-danger{color:#9c3d2e;background:#fbe9e7;border:1px solid #efc5bf}[data-theme=dark] .btn-danger{color:#f0a896;background:#3a2420;border-color:#5a3530}.btn-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.select,.input,.textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:12px;padding:11px 13px;font-family:inherit;font-size:14.5px}.textarea{resize:vertical;min-height:76px}.label{color:var(--ink-2);margin:0 0 6px;font-size:12.5px;font-weight:650;display:block}.pulse{position:relative}.pulse:before{content:"";border:2px solid var(--accent);opacity:.5;pointer-events:none;border-radius:18px;animation:2s infinite pulse;position:absolute;inset:-4px}@keyframes pulse{0%{opacity:.5;transform:scale(.98)}50%{opacity:.15;transform:scale(1.01)}to{opacity:.5;transform:scale(.98)}}@media (prefers-reduced-motion:reduce){.pulse:before{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (prefers-reduced-motion:no-preference){body,.card,.sidebar,.topbar,.bottom-nav,.nav-btn,.icon-btn,.input,.select,.textarea,.subj-row,.tl-card,.todo-row,.mini-stat{transition-property:background-color,border-color,color,box-shadow,transform;transition-duration:.3s,.3s,.3s,.15s,.15s}.anim-in{animation:.5s cubic-bezier(.2,.7,.3,1) both rise}.d1{animation-delay:50ms}.d2{animation-delay:.1s}.d3{animation-delay:.15s}.d4{animation-delay:.2s}.d5{animation-delay:.25s}.d6{animation-delay:.3s}.tick{animation:.35s tickIn;display:inline-block}.lamp.breathing svg{animation:3.4s ease-in-out infinite breathe}.live-dot{animation:1.6s ease-in-out infinite blink}.bar{transform-origin:bottom;animation:.55s cubic-bezier(.2,.7,.3,1) both grow}.donut-in{animation:.6s cubic-bezier(.2,.7,.3,1) both donutIn}.hm-fade{animation:.6s both fadeIn}.tl-item{animation:.4s both rise}.tl-item:nth-child(2){animation-delay:50ms}.tl-item:nth-child(3){animation-delay:.1s}.tl-item:nth-child(4){animation-delay:.15s}.tl-item:nth-child(n+5){animation-delay:.2s}.empty svg{animation:4.5s ease-in-out infinite floaty}.streak-flame svg{transform-origin:50% 90%;animation:2.6s ease-in-out infinite flick}.bottom-nav button.active{animation:.25s pop}.icon-btn:active{transform:scale(.92)}.progress-track.live:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 25%,#ffffff80 50%,#0000 75%);animation:2.4s linear infinite shimmer;position:absolute;inset:0}.celebrate{box-shadow:0 0 0 3px var(--glow), var(--shadow-sm)}.subj-ico{transition:transform .2s}.subj-row:hover .subj-ico{transform:rotate(-6deg)scale(1.06)}.onboard-card{animation:.5s cubic-bezier(.2,.7,.3,1) both rise}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes tickIn{0%{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes grow{0%{opacity:.35;transform:scaleY(.15)}to{opacity:1;transform:none}}@keyframes donutIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes breathe{0%,to{opacity:.8;transform:translateY(0)}50%{opacity:1;transform:translateY(-2.5px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes flick{0%,to{transform:scale(1)rotate(0)}30%{transform:scale(1.08)rotate(-3deg)}60%{transform:scale(.96)rotate(2deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-track{background:var(--surface-3);border-radius:99px;height:10px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--sage), var(--accent));border-radius:99px;height:100%;transition:width .6s}[data-theme=dark] .progress-fill{background:linear-gradient(90deg, #7d9a7f, var(--amber))}.stat-row{flex-wrap:wrap;gap:12px;display:flex}.mini-stat{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:14px;flex:1;min-width:110px;padding:11px 13px}.mini-stat b{font-variant-numeric:tabular-nums;font-size:17px;display:block}.mini-stat span{color:var(--ink-3);font-size:12px;font-weight:550}.subj-row{border:1px solid var(--line-soft);background:var(--surface);border-radius:14px;align-items:center;gap:12px;padding:12px;transition:all .15s;display:flex}.subj-row:hover{border-color:var(--line);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.subj-ico{color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.subj-ico svg{width:18px;height:18px}.subj-meta{flex:1;min-width:0}.subj-meta b{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;display:block;overflow:hidden}.subj-bar{background:var(--surface-3);border-radius:99px;height:6px;margin-top:7px;overflow:hidden}.subj-bar i{border-radius:99px;height:100%;display:block}.subj-time{font-family:var(--font-num);white-space:nowrap;font-size:14px;font-weight:700}.subj-pct{color:var(--ink-3);font-size:11.5px;font-weight:600}.timeline{padding-left:22px;position:relative}.timeline:before{content:"";background:var(--line);border-radius:99px;width:2px;position:absolute;top:8px;bottom:8px;left:7px}.tl-item{align-items:flex-start;gap:10px;padding:9px 0;display:flex;position:relative}.tl-item:before{content:"";background:var(--paper);border:2.5px solid var(--tl-color,var(--accent));border-radius:99px;width:10px;height:10px;position:absolute;top:14px;left:-19px}.tl-card{background:var(--surface-2);border:1px solid var(--line-soft);cursor:pointer;text-align:left;width:100%;color:var(--ink);border-radius:12px;flex:1;align-items:center;gap:10px;padding:10px 12px;display:flex}.tl-card:hover{border-color:var(--line)}.tl-time{font-family:var(--font-num);color:var(--ink-2);white-space:nowrap;font-size:12.5px}.bottom-nav{z-index:30;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:20px;gap:2px;padding:6px;display:flex;position:fixed;bottom:12px;left:12px;right:12px}.bottom-nav button{color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 4px 7px;font-size:11px;font-weight:650;display:flex}.bottom-nav button svg{width:20px;height:20px}.bottom-nav button.active{background:var(--surface-2);color:var(--ink)}.bottom-nav button.active svg{color:var(--accent)}@media (width>=900px){.bottom-nav{display:none}}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#231a1273;place-items:end center;padding:0;animation:.18s fadeIn;display:grid;position:fixed;inset:0}@media (width>=640px){.overlay{place-items:center;padding:20px}}.sheet{background:var(--surface);border:1px solid var(--line);border-radius:22px 22px 0 0;width:100%;max-width:480px;max-height:92svh;padding:22px;animation:.22s slideUp;overflow:auto}@media (width>=640px){.sheet{border-radius:22px}}@keyframes slideUp{0%{opacity:.6;transform:translateY(18px)}to{opacity:1;transform:none}}.color-grid{flex-wrap:wrap;gap:9px;margin-top:8px;display:flex}.color-dot{cursor:pointer;border:2px solid #0000;border-radius:99px;width:32px;height:32px;padding:0;transition:transform .12s}.color-dot.selected{border-color:var(--ink);box-shadow:var(--shadow-sm);transform:scale(1.1)}.sheet-actions{gap:10px;margin-top:18px;display:flex}.sheet-actions .btn{flex:1}.cal-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal-dow{color:var(--ink-3);text-align:center;letter-spacing:.06em;text-transform:uppercase;padding:4px 0;font-size:11px;font-weight:700}.cal-day{aspect-ratio:1;border:1px solid var(--line-soft);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:13px;font-weight:600;transition:transform .12s;display:flex;position:relative}.cal-day:hover{border-color:var(--line);transform:translateY(-1px)}.cal-day.outside{opacity:.32}.cal-day.selected{border-color:var(--ink);box-shadow:var(--shadow-sm)}.cal-day.today{border-color:var(--accent)}.cal-dot{border-radius:99px;width:6px;height:6px}.cal-legend{color:var(--ink-3);align-items:center;gap:6px;font-size:12px;display:flex}.cal-legend i{border:1px solid var(--line);border-radius:4px;width:13px;height:13px;display:block}.heatmap-scroll{padding-bottom:8px;overflow-x:auto}.heatmap{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3.5px;width:max-content;display:grid}.hm-cell{cursor:pointer;border:1px solid #0000000d;border-radius:3.5px;width:13px;height:13px;padding:0}.hm-cell:hover,.hm-cell:focus-visible{outline:2px solid var(--accent)}.hm-tip{background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);border-radius:10px;padding:8px 11px;font-size:13px}.bar-chart{align-items:flex-end;gap:8px;height:150px;padding-top:8px;display:flex}.bar-col{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.bar{background:linear-gradient(180deg, var(--bar-c,var(--accent)), color-mix(in srgb, var(--bar-c,var(--accent)) 55%, transparent));border:1px solid #0000000f;border-radius:8px 8px 4px 4px;width:100%;max-width:44px;min-height:4px;transition:height .5s}.bar-col span{color:var(--ink-3);font-size:11px;font-weight:650}.bar-col b{font-variant-numeric:tabular-nums;font-size:11px}.donut-wrap{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.legend-row{align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.hours-row{grid-template-columns:52px 1fr 52px;align-items:center;gap:10px;padding:3px 0;font-size:12px;display:grid}.hours-track{background:var(--surface-3);border-radius:99px;height:9px;overflow:hidden}.hours-fill{background:var(--amber);border-radius:99px;height:100%}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:650}.seg button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm);border:1px solid var(--line)}.onboard{background:radial-gradient(600px 300px at 50% 0%, var(--glow), transparent), var(--paper);place-items:center;min-height:100svh;padding:20px;display:grid}.onboard-card{text-align:center;width:100%;max-width:460px}.onboard-dots{justify-content:center;gap:6px;margin:16px 0;display:flex}.onboard-dots i{background:var(--surface-3);border-radius:99px;width:22px;height:6px;display:block}.onboard-dots i.on{background:var(--accent)}.toast{background:var(--ink);color:var(--paper);z-index:80;box-shadow:var(--shadow-lg);border-radius:999px;align-items:center;gap:8px;padding:11px 16px;font-size:13.5px;font-weight:600;animation:.2s slideUp;display:flex;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}@media (width>=900px){.toast{bottom:28px}}.empty{text-align:center;color:var(--ink-2);padding:30px 18px}.empty svg{width:40px;height:40px;color:var(--ink-3);margin-bottom:10px}.kbd-hint{color:var(--ink-3);font-size:12px}.streak-flame{background:var(--amber-bg);color:var(--amber);border:1px solid color-mix(in srgb, var(--amber) 35%, transparent);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:13px;font-weight:700;display:inline-flex}.streak-flame svg{width:15px;height:15px}.celebrate{animation:.5s pop}@keyframes pop{0%{transform:scale(.96)}40%{transform:scale(1.02)}to{transform:scale(1)}}.table-row{border-bottom:1px dashed var(--line);justify-content:space-between;padding:9px 0;font-size:14px;display:flex}.table-row:last-child{border-bottom:0}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.todo-row{border:1px solid var(--line-soft);background:var(--surface);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 11px;display:flex}.checkbox{border:2px solid var(--line);background:var(--surface);cursor:pointer;color:#0000;border-radius:99px;flex-shrink:0;place-items:center;width:21px;height:21px;margin-top:1px;display:grid}.checkbox.done{background:var(--sage);border-color:var(--sage);color:#fff}.checkbox svg{width:12px;height:12px}