:root{--bg:#0c0e12;--bg2:#14171d;--card:#1a1e26;--card2:#222733;--line:#2b3140;--txt:#eef1f6;--mut:#8b94a7;--dim:#5c6475;--acc:#a3e635;--acc2:#84cc16;--accT:#a3e63524;--blue:#60a5fa;--orange:#fb923c;--red:#f87171;--gold:#fbbf24;--r:16px;--pad:16px;--sab:env(safe-area-inset-bottom,0px);--sat:env(safe-area-inset-top,0px)}:root[data-theme=light]{--bg:#f2f4f7;--bg2:#e7eaef;--card:#fff;--card2:#eef0f4;--line:#d9dee6;--txt:#171b22;--mut:#5b6474;--dim:#98a0af}:root[data-accent=sky]{--acc:#38bdf8;--acc2:#0ea5e9}:root[data-accent=orange]{--acc:#fb923c;--acc2:#f97316}:root[data-accent=violet]{--acc:#a78bfa;--acc2:#8b5cf6}:root[data-accent=pink]{--acc:#f472b6;--acc2:#ec4899}:root[data-accent=red]{--acc:#f87171;--acc2:#ef4444}:root[data-accent=teal]{--acc:#2dd4bf;--acc2:#14b8a6}:root[data-accent=gold]{--acc:#fbbf24;--acc2:#f59e0b}:root{--accT:color-mix(in srgb, var(--acc) 16%, transparent)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}button,.chip,.tile,.item,.wday,.cal-d,.ck,.swatch,.emoji-cell,.hm-c,#tabbar,.step{-webkit-user-select:none;user-select:none}@keyframes viewfade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}#app.vfade{animation:.18s viewfade}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}html{background:var(--bg);overscroll-behavior:none;font-size:16px}body{background:var(--bg);color:var(--txt);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;touch-action:manipulation;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,select,textarea{font:inherit;color:var(--txt)}img{max-width:100%}a{color:var(--acc)}#app{padding:calc(var(--sat) + 10px) var(--pad) calc(124px + var(--sab));max-width:560px;margin:0 auto}.hdr{justify-content:space-between;align-items:center;margin:6px 0 16px;display:flex}.hdr h1{letter-spacing:-.02em;font-size:1.7rem;font-weight:800}.hdr .sub{color:var(--mut);margin-top:2px;font-size:.86rem}.iconbtn{background:var(--card);border:1px solid var(--line);border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.15rem;display:flex}.iconbtn:active{background:var(--card2)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin-bottom:14px;padding:16px}.card h2{text-transform:uppercase;letter-spacing:.08em;color:var(--mut);margin-bottom:10px;font-size:.8rem;font-weight:700}.card .big{letter-spacing:-.02em;font-size:1.9rem;font-weight:800}.row{align-items:center;gap:12px;display:flex}.row.between{justify-content:space-between}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.muted{color:var(--mut)}.dim{color:var(--dim)}.small{font-size:.82rem}.accent{color:var(--acc)}.btn{background:var(--card2);border:1px solid var(--line);border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px;font-size:1rem;font-weight:700;transition:transform 80ms;display:flex}.btn:active{transform:scale(.97)}.btn.primary{background:var(--acc);color:#111;border:none}.btn.danger{color:var(--red);background:#f871711f;border-color:#f871714d}.btn.ghost{background:0 0}.btn.sm{border-radius:11px;width:auto;padding:9px 14px;font-size:.86rem}.btn:disabled{opacity:.4}#tabbar{z-index:50;-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);background:#101218e0;position:fixed;bottom:0;left:0;right:0}:root[data-theme=light] #tabbar{background:#ffffffdb}#tabbar{padding:8px 6px calc(8px + var(--sab));justify-content:space-around;align-items:flex-end;display:flex}#tabbar button{color:var(--dim);flex-direction:column;flex:1;align-items:center;gap:3px;padding-top:4px;font-size:.62rem;font-weight:600;display:flex}#tabbar button svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}#tabbar button.on{color:var(--txt)}#tabbar button.start{margin-top:-26px}#tabbar button.start .cir{background:var(--acc);width:58px;height:58px;box-shadow:0 6px 20px #a3e63559;box-shadow:0 6px 20px color-mix(in srgb, var(--acc) 45%, transparent);border-radius:50%;justify-content:center;align-items:center;display:flex}#tabbar button.start .cir svg{stroke:#111;stroke-width:2.2px;width:26px;height:26px}#tabbar button.start span{color:var(--acc)}#tabbar button.start.rec .cir{background:var(--orange);animation:1.6s infinite pulse;box-shadow:0 6px 20px #fb923c66}#tabbar button.start.rec span{color:var(--orange)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.week{justify-content:space-between;gap:6px;display:flex}.wday{text-align:center;background:var(--bg2);border:1px solid #0000;border-radius:12px;flex:1;padding:9px 2px 10px}.wday .lbl{color:var(--dim);text-transform:uppercase;font-size:.62rem;font-weight:700}.wday .num{margin:3px 0;font-size:.95rem;font-weight:700}.wday .dot{background:var(--line);border-radius:50%;width:7px;height:7px;margin:0 auto}.wday .dot.plan{background:var(--blue)}.wday .dot.ovr{background:var(--orange)}.wday .dot.done{background:var(--acc)}.wday:active{background:var(--card2)}.wday.today{border-color:var(--acc);background:var(--accT)}.list{flex-direction:column;gap:10px;display:flex}.item{background:var(--card);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;min-height:60px;padding:12px;display:flex}.item:active{background:var(--card2)}.thumb{object-fit:cover;background:#fff;border-radius:10px;flex:none;width:52px;height:52px}.item .tt{text-transform:capitalize;font-size:.93rem;font-weight:600;line-height:1.25}.item .ss{color:var(--mut);text-transform:capitalize;margin-top:2px;font-size:.78rem}.item .grow{flex:1;min-width:0}.chev{color:var(--dim);flex:none}.tag{background:var(--bg2);border:1px solid var(--line);color:var(--mut);text-transform:capitalize;border-radius:99px;padding:2px 9px;font-size:.7rem;font-weight:600;display:inline-block}.tag.acc{background:var(--accT);color:var(--acc);border-color:#0000}.chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--card);border:1px solid var(--line);color:var(--mut);text-transform:capitalize;border-radius:99px;flex:none;padding:8px 14px;font-size:.82rem;font-weight:600}.chip.on{background:var(--acc);color:#111;border-color:var(--acc)}.input{background:var(--bg2);border:1px solid var(--line);border-radius:12px;outline:none;width:100%;padding:13px 14px;font-size:1rem}.input:focus{border-color:var(--acc)}.search{position:relative}.search .input{padding-left:40px}.search svg{width:17px;height:17px;stroke:var(--dim);fill:none;stroke-width:2px;stroke-linecap:round;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.step{background:var(--bg2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:2px;display:flex}.step button{width:38px;height:44px;color:var(--mut);flex:none;font-size:1.25rem}.step input{text-align:center;appearance:textfield;background:0 0;border:none;outline:none;width:58px;font-size:1.05rem;font-weight:700}.step input::-webkit-inner-spin-button{display:none}.wprog{background:var(--bg2);border-radius:99px;height:5px;margin-bottom:14px;overflow:hidden}.wprog i{background:var(--acc);border-radius:99px;height:100%;transition:width .3s;display:block}.exmedia{border-radius:var(--r);background:#fff;margin-bottom:12px;position:relative;overflow:hidden}.exmedia img{object-fit:contain;width:100%;height:340px;display:block}.exmedia .gifhint{color:#fff;background:#0000009e;border-radius:99px;padding:4px 11px;font-size:.72rem;font-weight:600;position:absolute;bottom:10px;right:10px}.sethead{color:var(--dim);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:9px;padding-bottom:2px;font-size:.66rem;font-weight:700;display:flex}.sethead .n-sp{flex:none;width:26px}.sethead .w-sp{text-align:center;flex:1.4}.sethead .r-sp{text-align:center;flex:1}.sethead .ck-sp{flex:none;width:44px}.setrow{border-bottom:1px solid var(--bg2);align-items:center;gap:9px;padding:9px 0;display:flex}.setrow:last-child{border-bottom:none}.setrow .n{background:var(--bg2);width:26px;height:26px;color:var(--mut);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.setrow .step.w{flex:1.4;min-width:0}.setrow .step.r{flex:1;min-width:0}.setrow .step button{flex:none;width:32px}.setrow .step input{width:100%;min-width:0}.setrow.done .n{background:var(--acc);color:#111}.setrow.done{opacity:.55}.ck{background:var(--bg2);border:1px solid var(--line);border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ck svg{width:20px;height:20px;stroke:var(--dim);fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.ck.on{background:var(--acc);border-color:var(--acc)}.ck.on svg{stroke:#111}#timer{left:14px;right:14px;bottom:calc(92px + var(--sab));z-index:60;background:var(--card2);border:1px solid var(--acc);border-radius:16px;align-items:center;gap:14px;padding:13px 16px;animation:.25s slideup;display:flex;position:fixed;box-shadow:0 10px 30px #00000080}@keyframes slideup{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}#timer .t{font-variant-numeric:tabular-nums;min-width:74px;font-size:1.5rem;font-weight:800}#timer .bar{background:var(--bg);border-radius:99px;flex:1;height:5px;overflow:hidden}#timer .bar i{background:var(--acc);height:100%;transition:width 1s linear;display:block}#modal-root{z-index:100;display:none;position:fixed;inset:0}#modal-root.open{display:block}.mback{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);touch-action:none;overscroll-behavior:none;background:#0009;position:absolute;inset:0}.sheet{background:var(--bg2);padding:10px 18px calc(22px + var(--sab));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;will-change:transform;border-radius:22px 22px 0 0;max-height:88vh;animation:.28s slideup;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.sheet .grab{background:var(--line);border-radius:99px;width:40px;height:4px;margin:4px auto 14px}.sheet h3{margin-bottom:12px;font-size:1.15rem;font-weight:800}.center{background:var(--bg2);border:1px solid var(--line);border-radius:20px;width:min(88vw,360px);padding:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.emoji-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.emoji-cell{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 0;font-size:1.9rem;line-height:1}.emoji-cell:active{background:var(--card2)}.emoji-cell.on{background:var(--accT);border-color:var(--acc)}.bwin{justify-content:center;align-items:baseline;gap:8px;margin:18px 0;display:flex}.bwin input{text-align:right;letter-spacing:-.03em;width:150px;color:var(--txt);background:0 0;border:none;outline:none;font-size:3.2rem;font-weight:800}.bwin span{color:var(--mut);font-size:1.2rem;font-weight:600}.chart{width:100%;overflow:hidden}.chart svg{width:100%;height:auto;display:block}.chart-i{touch-action:pan-y;position:relative}.ctip{background:var(--card2);border:1px solid var(--line);white-space:nowrap;pointer-events:none;border-radius:99px;padding:4px 12px;font-size:.76rem;font-weight:700;position:absolute;top:-4px;box-shadow:0 4px 14px #0006}.hm-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;overflow-x:auto}.hm-wrap::-webkit-scrollbar{display:none}.hm-months{margin-bottom:4px;margin-left:30px;display:flex}.hm-months span{width:14px;color:var(--dim);white-space:nowrap;flex:none;font-size:.62rem;overflow:visible}.hm-body{display:flex}.hm-days{flex-direction:column;flex:none;gap:3px;width:30px;display:flex}.hm-days span{height:11px;color:var(--dim);font-size:.6rem;line-height:11px}.hm-grid{gap:3px;display:flex}.hm-col{flex-direction:column;gap:3px;display:flex}.hm-c{background:var(--bg2);border-radius:3px;flex:none;width:11px;height:11px}.hm-c.l1{background:#33451b;background:color-mix(in srgb, var(--acc) 28%, var(--bg2))}.hm-c.l2{background:#527221;background:color-mix(in srgb, var(--acc) 52%, var(--bg2))}.hm-c.l3{background:#7aa629;background:color-mix(in srgb, var(--acc) 76%, var(--bg2))}.hm-c.l4{background:var(--acc)}.hm-c.today{outline:1.5px solid var(--txt);outline-offset:-1.5px}.hm-c.future{opacity:.28}.hm-legend{color:var(--dim);justify-content:flex-end;align-items:center;gap:4px;margin-top:8px;font-size:.65rem;display:flex}.hm-legend .hm-c{width:10px;height:10px}.tiles{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.tile{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px}.tile .v{letter-spacing:-.02em;margin-top:2px;font-size:1.45rem;font-weight:800}.tile .l{color:var(--mut);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:600}.pr{color:var(--gold);background:#fbbf2426;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}#toast{left:50%;bottom:calc(100px + var(--sab));z-index:200;background:var(--card2);border:1px solid var(--line);opacity:0;pointer-events:none;border-radius:99px;padding:10px 20px;font-size:.88rem;font-weight:600;transition:opacity .25s;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #00000080}#toast.show{opacity:1}.empty{text-align:center;color:var(--mut);padding:34px 16px;font-size:.9rem;line-height:1.5}.empty .ico{margin-bottom:10px;font-size:2.4rem}.divider{background:var(--line);height:1px;margin:12px 0}.capitalize{text-transform:capitalize}h4.sec{text-transform:uppercase;letter-spacing:.08em;color:var(--mut);margin:20px 0 10px;font-size:.8rem;font-weight:700}.steps-list{color:var(--mut);flex-direction:column;gap:8px;padding-left:20px;font-size:.9rem;line-height:1.55;display:flex}.cal-grid{grid-template-columns:repeat(7,1fr);gap:6px;margin-top:12px;display:grid}.cal-h{text-align:center;color:var(--dim);text-transform:uppercase;padding:2px 0;font-size:.64rem;font-weight:700}.cal-d{aspect-ratio:1;background:var(--card);border:1px solid var(--line);color:var(--txt);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.88rem;font-weight:600;display:flex}.cal-d:active{background:var(--card2)}.cal-d.has{background:var(--accT);border-color:var(--acc)}.cal-d.today{border-color:var(--txt);border-width:2px}.cal-d i{background:0 0;border-radius:50%;width:6px;height:6px}.cal-d i.done{background:var(--acc)}.cal-d i.plan{background:var(--blue)}.cal-d i.ovr{background:var(--orange)}.cal-legend{color:var(--dim);justify-content:center;gap:14px;margin-top:12px;font-size:.7rem;display:flex}.cal-legend i{border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.tile.tappable:active{background:var(--card2)}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{border:3px solid #0000;border-radius:50%;flex:none;width:36px;height:36px}.swatch.on{border-color:var(--txt)}.cols{display:block}@media (width>=1000px){#app{max-width:1080px;padding-top:28px}.cols{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.cols>*{min-width:0}#app .list{grid-template-columns:1fr 1fr;gap:10px;display:grid}#modal-root .list,.narrow .list{flex-direction:column;display:flex}.narrow{max-width:640px;margin:0 auto}.tiles{grid-template-columns:repeat(4,1fr)}.cols .tiles{grid-template-columns:1fr 1fr}#tabbar{border:1px solid var(--line);border-radius:22px;width:560px;padding:8px 10px 10px;bottom:14px;left:50%;right:auto;transform:translate(-50%)}#tabbar button.start{margin-top:-30px}.sheet{border-radius:22px 22px 0 0;width:640px;margin-left:-320px;left:50%;right:auto}.center{width:360px}#timer{width:520px;margin-left:-260px;bottom:110px;left:50%;right:auto}.exmedia img{height:400px}.hm-wrap{flex-direction:column;align-items:center;display:flex}}.ss-label{letter-spacing:.06em;text-transform:uppercase;color:var(--acc);align-items:center;gap:5px;margin:6px 0 4px 4px;font-size:.66rem;font-weight:800;display:flex}.item.in-ss{border-left:3px solid var(--acc)}.iconbtn.on-ss{background:var(--accT);border-color:var(--acc);color:var(--acc)}.ss-card{border:1.5px solid var(--acc);border-radius:var(--r);background:color-mix(in srgb, var(--acc) 6%, var(--card));padding:14px}.ss-hd{letter-spacing:.04em;color:var(--acc);text-align:center;margin-bottom:12px;font-size:.72rem;font-weight:800}.ss-ex{position:relative}.ss-amp{text-align:center;color:var(--acc);margin:14px 0 8px;font-size:1.3rem;font-weight:800}.exmedia.compact img{height:190px}.today-row{background:var(--bg2);border:1px solid var(--line);border-radius:13px;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:11px 13px;display:flex}.today-row:active{background:var(--card2)}.today-row .lbl2{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);font-size:.62rem;font-weight:700}.today-row .ttl{text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;font-weight:700;line-height:1.2;overflow:hidden}.bwstep{justify-content:center;align-items:center;gap:16px;margin:18px 0 10px;display:flex}.bw-pm{background:var(--card);border:1px solid var(--line);width:54px;height:54px;color:var(--acc);border-radius:50%;flex:none;font-size:1.7rem;font-weight:700}.bw-pm:active{background:var(--card2);transform:scale(.94)}.bw-read{letter-spacing:-.02em;text-align:center;font-variant-numeric:tabular-nums;min-width:160px;font-size:2.9rem;font-weight:800}.bw-read .u{color:var(--mut);font-size:1.1rem;font-weight:600}.bw-slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:30px;margin:4px 0}.bw-slider::-webkit-slider-runnable-track{background:var(--track,var(--bg2));border-radius:99px;height:9px}.bw-slider::-webkit-slider-thumb{appearance:none;background:var(--acc);border:3px solid var(--bg);border-radius:50%;width:29px;height:29px;margin-top:-10px;box-shadow:0 2px 10px #00000073}.bw-slider::-moz-range-track{background:var(--bg2);border-radius:99px;height:9px}.bw-slider::-moz-range-progress{background:var(--acc);border-radius:99px;height:9px}.bw-slider::-moz-range-thumb{border:3px solid var(--bg);background:var(--acc);border-radius:50%;width:26px;height:26px}