:root{--ink:#0a0a0a;--ink-2:#1a1a1a;--muted:#6b6b6b;--accent:#9c9ef3;--accent-hover:#8688e8;--muted-2:#9a9a9a;--line:#0a0a0a14;--line-2:#0a0a0a1f;--bg:#fff;--tint:#fafaf9;--card:#fafaf9;--card-hover:#f4f4f2;--good:#1f7a4d;--good-bg:#e8f5ee;--good-ring:#bbe1cb;--warn:#8a5a14;--warn-bg:#fbf1dd;--warn-ring:#f0d9a6;--paused:#6b6b6b;--paused-bg:#f0f0ee;--header-icon-bg:#ededeb;--header-icon-bg-hover:#e3e3e0;--done-bg:#edebff;--done-border:#c9c9f2;--done-text:#5b5dd8;--tick-empty-border:#d4d4d2;--btn-fill:#fff}[data-theme=dark]{--ink:#f2f2f0;--ink-2:#e5e5e2;--muted:#9a9a9a;--muted-2:#6b6b6b;--line:#ffffff14;--line-2:#ffffff24;--bg:#0f0f11;--tint:#18181b;--card:#18181b;--card-hover:#1f1f22;--good-bg:#1f7a4d2e;--warn-bg:#8a5a1438;--paused-bg:#2a2a2d;--header-icon-bg:#1f1f22;--header-icon-bg-hover:#26262a;--done-bg:#9c9ef324;--done-border:#9c9ef373;--done-text:#b5b7f5;--tick-empty-border:#3a3a3f;--btn-fill:#2a2a2d}*{box-sizing:border-box}html{scrollbar-gutter:stable}::view-transition-old(root){animation-duration:.28s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-new(root){animation-duration:.28s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(root){animation-name:theme-fade-out}::view-transition-new(root){animation-name:theme-fade-in}@keyframes theme-fade-out{to{opacity:0}}@keyframes theme-fade-in{0%{opacity:0}}html,body{background:var(--bg);color:var(--ink);margin:0;padding:0}body{font-feature-settings:"ss01","cv11","tnum" 0;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;letter-spacing:-.01em;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Inter,system-ui,sans-serif}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}input,select,textarea{color:inherit;font-family:inherit}a{color:inherit}.shell{max-width:980px;margin:0 auto;padding:28px 32px 120px}header.top{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:12px 0 48px;display:grid}header.top .top-left{justify-self:start;gap:8px;display:flex}header.top .top-left .icon-btn{background:var(--header-icon-bg)}header.top .top-left .icon-btn:hover{background:var(--header-icon-bg-hover)}header.top .top-right .icon-btn{background:var(--header-icon-bg)}header.top .top-right .icon-btn:hover{background:var(--header-icon-bg-hover)}header.top .brand{justify-self:center}header.top .top-right{justify-self:end;gap:8px;display:flex;position:relative}.menu-scrim{z-index:30;position:fixed;inset:0}.menu-pop{z-index:40;background:var(--bg);border:1px solid var(--line);border-radius:14px;flex-direction:column;min-width:160px;padding:6px;display:flex;position:absolute;top:46px;left:0;box-shadow:0 10px 30px #0000000f,0 2px 6px #0000000a}.menu-pop.right{left:auto;right:0}.menu-item{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 14px;font-size:15px;font-weight:500;transition:background .12s}.menu-item:hover{background:var(--card)}.menu-item.active{background:var(--accent);color:#fff}.icon-btn{width:36px;height:36px;color:var(--ink);background:var(--card);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.icon-btn:hover{background:var(--card-hover)}.brand{letter-spacing:-.01em;align-items:center;font-size:15px;font-weight:700;display:flex}.brand img{width:auto;height:36px;display:block}.page-head{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}h1.page-title{letter-spacing:-.025em;margin:0;font-size:30px;font-weight:600}.page-sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14.5px}.metrics{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:40px;display:grid}.metric{background:var(--card);border-radius:16px;padding:24px 26px 26px}.metric .label{color:var(--muted);margin-bottom:10px;font-size:14px;font-weight:400}.metric .value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:600}.metric .value .unit{color:var(--muted-2);margin-left:3px;font-size:15px;font-weight:500}.list-head{justify-content:space-between;align-items:baseline;margin:44px 0 16px;display:flex}.list-head:first-child{margin-top:0}.first-group .list-head{margin-top:8px}.project-groups .list-head{margin-top:48px}.project-groups .first-group .list-head{margin-top:24px}.list-head h2.sec{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}.sec-sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px;font-weight:400}.check-row{background:var(--card);cursor:pointer;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:8px;padding:20px 22px;transition:background .15s;display:grid}.check-row:hover{background:var(--card-hover)}.check-row.done{cursor:default}.check-row.done:hover{background:var(--card)}.check-row.done .name{color:var(--ink)}.check-tick{border:2px solid var(--tick-empty-border);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s,border-color .15s;display:inline-flex}.check-row.done .check-tick{background:var(--accent);border-color:var(--accent)}.check-tick svg{opacity:0;transition:opacity .15s}.check-row.done .check-tick svg{opacity:1}.check-body{min-width:0}.check-title-row{align-items:center;gap:10px;margin-bottom:3px;display:flex}.check-row .name{letter-spacing:-.012em;font-size:15px;font-weight:500}.check-row .meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.check-row .meta .sep{color:var(--muted-2);margin:0 6px}.streak{color:var(--warn);background:var(--warn-bg);font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 8px;font-size:12.5px;font-weight:500}.streak-fire{color:#5b5dd8;font-variant-numeric:tabular-nums;letter-spacing:-.01em;background:#edebff;border-radius:999px;align-items:center;gap:4px;padding:7px 15px 7px 13px;font-size:17px;font-weight:700;display:inline-flex}.streak-fire .flame{display:inline-flex}.streak-fire .flame-outer{fill:#6b6ee3}.streak-fire .flame-inner{fill:#b5b7f5;animation:1.4s ease-in-out infinite flame-dance}@keyframes flame-dance{0%,to{opacity:.6}50%{opacity:1}}.streak-fire .streak-num{color:var(--ink)}.streak-fire.cold{background:var(--paused-bg);color:var(--muted)}.streak-fire.cold .streak-num{color:var(--muted)}.streak-fire.cold .flame-outer{fill:#c8c8c5}.streak-fire.cold .flame-inner{fill:#deded9;animation:none}.row{background:var(--card);border-radius:14px;grid-template-columns:1fr auto auto;align-items:center;gap:20px;margin-bottom:8px;padding:20px 22px;transition:background .15s;display:grid}.row.clickable{cursor:pointer}.row.clickable:hover{background:var(--card-hover)}.row .main{min-width:0}.row .name{letter-spacing:-.012em;align-items:center;gap:10px;margin-bottom:3px;font-size:15px;font-weight:500;display:flex}.row .meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13.5px}.row .meta .sep{color:var(--muted-2);margin:0 6px}.badge{letter-spacing:-.005em;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;padding:3px 10px;font-size:13px;font-weight:500;display:inline-flex}.badge.active{background:var(--good-bg);color:var(--good)}.badge.upcoming{background:var(--warn-bg);color:var(--warn)}.badge.paused,.badge.ended{background:var(--paused-bg);color:var(--paused)}.badge.done{background:var(--good-bg);color:var(--good)}.amt{letter-spacing:-.015em;font-variant-numeric:tabular-nums;text-align:right;min-width:76px;font-size:15px;font-weight:500}.amt .per{color:var(--muted-2);margin-left:2px;font-size:12.5px;font-weight:500}.counter{font-variant-numeric:tabular-nums;align-items:center;gap:12px;display:inline-flex}.counter .btn{background:var(--btn-fill);width:30px;height:30px;color:var(--ink-2);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;transition:all .12s;display:inline-flex}.counter .btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.counter .btn:disabled{opacity:.3;cursor:not-allowed}.counter .btn:disabled:hover{background:var(--btn-fill);color:var(--ink-2);border-color:#0000}.counter .num{letter-spacing:-.01em;text-align:center;min-width:38px;font-size:15px;font-weight:600}.counter .num .goal{color:var(--muted-2);font-weight:500}.btn-primary{background:var(--accent);color:#fff;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:transform .12s;display:inline-flex}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-ghost{color:var(--muted);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500}.btn-ghost:hover{color:var(--ink);background:#00000008}.drawer-scrim{opacity:0;pointer-events:none;z-index:40;background:#0a0a0a59;transition:opacity .2s;position:fixed;inset:0}.drawer-scrim.open{opacity:1;pointer-events:auto}.drawer{opacity:0;pointer-events:none;background:var(--bg);z-index:50;border:1px solid var(--line);border-radius:18px;flex-direction:column;width:min(560px,100vw - 32px);max-height:min(86vh,760px);transition:opacity .18s,transform .22s cubic-bezier(.32,.72,.28,1);display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-48%)scale(.98);box-shadow:0 20px 60px #0a0a0a2e,0 4px 14px #0a0a0a0f}.drawer.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.drawer-body{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.drawer-body::-webkit-scrollbar{width:6px}.drawer-body::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px}.drawer-body::-webkit-scrollbar-track{background:0 0}.drawer-head{border-bottom:1px solid var(--line);background:var(--bg);flex:none;justify-content:space-between;align-items:center;padding:22px 32px 16px;display:flex}.drawer-head .title{letter-spacing:-.015em;font-size:18px;font-weight:700}.drawer-body{flex:auto;min-height:0;padding:24px 32px 40px;overflow-y:auto}.drawer-foot{border-top:1px solid var(--line);background:var(--bg);flex:none;justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.close-btn{width:32px;height:32px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.close-btn:hover{color:var(--ink);background:#0000000d}.field{margin-bottom:18px}.field.row2{grid-template-columns:1fr 1fr;gap:14px;display:grid}label.lbl{color:var(--muted);margin-bottom:6px;font-size:14px;font-weight:500;display:block}input.inp,select.inp,textarea.inp{background:var(--bg);border:1px solid var(--line-2);border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:15px;font-weight:500;transition:border-color .12s,box-shadow .12s}input.inp:focus,select.inp:focus,textarea.inp:focus{border-color:var(--ink);box-shadow:0 0 0 3px #0a0a0a0f}select.inp{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' stroke='%236B6B6B' stroke-width='1.5' fill='none' stroke-linecap='round'/></svg>");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}textarea.inp{resize:vertical;min-height:72px}.hint{color:var(--muted-2);margin-top:6px;font-size:13px}.detail-group{border-bottom:1px solid var(--line);padding:16px 0}.detail-group:last-of-type{border-bottom:none}.detail-row{grid-template-columns:120px 1fr;padding:8px 0;font-size:15px;display:grid}.detail-row .k{color:var(--muted);font-size:14px}.detail-row .v{font-variant-numeric:tabular-nums;font-weight:500}.detail-row .v a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:3px}.detail-row .v a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.danger{color:#b42318;font-size:13.5px;font-weight:500}.danger:hover{text-decoration:underline}.empty{text-align:center;color:var(--muted);padding:60px 20px;font-size:15px}.empty .big{color:var(--ink);margin-bottom:4px;font-size:16px;font-weight:600}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:96px;padding:32px 0 40px;display:flex}.site-footer .foot-mark img{opacity:.7;width:auto;height:22px;display:block}.site-footer .foot-meta{color:var(--muted);align-items:center;gap:6px;font-size:13.5px;display:flex}.site-footer .foot-meta .dot{color:var(--muted-2)}.site-footer .foot-meta a{color:var(--muted);text-decoration:none}.site-footer .foot-meta a:hover{color:var(--ink)}@media (width<=720px){.shell{padding:20px 20px 80px}header.top{padding-bottom:32px}.metric .value{font-size:26px}.drawer{width:calc(100vw - 24px);max-height:90vh}.field.row2{grid-template-columns:1fr}}