:root{--bg:#f2f2f7;--card:#fff;--text:#1c1c1e;--text-2:#6c6c70;--sep:#3c3c431f;--fill:#7878801f;--green:#34c759;--blue:#007aff;--orange:#ff9500;--red:#ff3b30;--ease-out:cubic-bezier(.23, 1, .32, 1);--spring:cubic-bezier(.34, 1.4, .64, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--bg);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;touch-action:manipulation;overscroll-behavior-y:none;margin:0;font:400 16px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;padding:0}.emoji{pointer-events:none;display:block}.wrap{max-width:480px;min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 16px max(40px, env(safe-area-inset-bottom));margin:0 auto}.days{scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;gap:6px;margin:0 -16px;padding:4px 16px 8px;scroll-padding-inline:16px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 48px);mask-image:linear-gradient(90deg,#0000 0,#000 48px)}.days::-webkit-scrollbar{display:none}.day{scroll-snap-align:end;width:46px;height:68px;transition:transform .12s var(--ease-out), background-color .16s ease, color .16s ease;border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;display:flex}.day:active{transform:scale(.95)}.day-wd{color:var(--text-2);text-transform:uppercase;font-size:11px;font-weight:600}.day-num{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:19px;font-weight:600}.day[data-today=true] .day-num{color:var(--blue)}.day-dot{background:0 0;border-radius:50%;width:6px;height:6px;margin-top:2px;transition:background-color .16s}.day-dot[data-state=some]{background:#3c3c434d}.day-dot[data-state=full]{background:var(--green)}.day[data-selected=true]{background:var(--blue)}.day[data-selected=true] .day-wd,.day[data-selected=true] .day-num{color:#fff}.day[data-selected=true] .day-dot[data-state=some]{background:#fff9}.day[data-selected=true] .day-dot[data-state=full]{background:#fff}.head{padding:8px 4px 20px}.date{letter-spacing:.02em;text-transform:uppercase;color:var(--text-2);margin:0;font-size:13px;font-weight:600}h1{letter-spacing:-.03em;margin:2px 0 14px;font:700 40px/1.05 -apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif}.progress{align-items:center;gap:12px;display:flex}.bar{background:var(--fill);border-radius:3px;flex:1;height:6px;overflow:hidden}.bar span{background:var(--blue);transform-origin:0;height:100%;transition:transform .3s var(--ease-out), background-color .2s ease;border-radius:3px;display:block}.bar span[data-full=true]{background:var(--green)}.progress-label{font-variant-numeric:tabular-nums;min-width:48px;color:var(--text-2);justify-content:flex-end;align-items:center;gap:4px;font-size:14px;font-weight:600;display:inline-flex}.progress-label[data-full=true]{color:var(--green)}.tabs{background:var(--fill);border-radius:12px;grid-template-columns:1fr 1fr;padding:2px;display:grid;position:relative}.tabs button{z-index:1;height:36px;color:var(--text-2);font-size:15px;font-weight:600;transition:color .16s;position:relative}.tabs button[aria-selected=true]{color:var(--text)}.tabs-thumb{width:calc(50% - 2px);transition:transform .24s var(--ease-out);background:#fff;border-radius:10px;position:absolute;top:2px;bottom:2px;left:2px;box-shadow:0 1px 3px #0000001f}.tabs[data-tab=skincare] .tabs-thumb{transform:translate(100%)}.section{margin-top:20px}.section h2{letter-spacing:.02em;text-transform:uppercase;color:var(--text-2);align-items:center;gap:6px;margin:0 0 8px 8px;font-size:13px;font-weight:600;display:flex}.card{background:var(--card);border-radius:20px;overflow:hidden;box-shadow:0 1px 2px #0000000a}.row-wrap{position:relative}.row-wrap+.row-wrap:before{content:"";background:var(--sep);height:1px;position:absolute;top:0;left:64px;right:0}.row{text-align:left;width:100%;min-height:64px;transition:transform .12s var(--ease-out), background-color .12s ease;align-items:center;gap:14px;padding:10px 16px;display:flex}.row:active{background:#00000009;transform:scale(.98)}.row-wrap:has(.chip) .row{padding-right:96px}.row-emoji{background:var(--fill);width:36px;height:36px;transition:transform .22s var(--spring);border-radius:10px;flex:none;place-items:center;display:grid}.row:disabled{cursor:default}.row:disabled:active{background:0 0;transform:none}.row-emoji[data-brand=true]{background:0 0;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.row[data-done=true] .row-emoji{transform:scale(1.08)}.row-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.row-title{letter-spacing:-.01em;font-size:17px;font-weight:500;transition:color .16s}.row-sub{color:var(--text-2);font-size:13px}.row[data-done=true] .row-title{color:var(--text-2)}.row[data-dim=true] .row-title,.row[data-dim=true] .row-emoji{opacity:.5}.check{width:26px;height:26px;transition:background-color .16s var(--ease-out), border-color .16s var(--ease-out), transform .22s var(--spring);border:2px solid #3c3c4340;border-radius:50%;flex:none;place-items:center;display:grid}.check svg{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24px;transition:stroke-dashoffset .2s var(--ease-out)}.row[data-done=true] .check{background:var(--green);border-color:var(--green)}.row:active .check{transform:scale(.9)}.row[data-done=true] .check svg{stroke-dashoffset:0;transition-delay:40ms}.chip{background:var(--fill);height:28px;color:var(--blue);transition:transform .12s var(--ease-out);border-radius:14px;padding:0 12px;font-size:13px;font-weight:600;position:absolute;top:50%;right:56px;transform:translateY(-50%)}.chip:active{transform:translateY(-50%)scale(.95)}.chip:after{content:"";position:absolute;inset:-10px -6px}.blade{padding:18px 16px 14px}.blade-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.blade-count{align-items:baseline;gap:6px;display:flex}.blade-num{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:700;line-height:1}.blade-of{color:var(--text-2);font-size:17px;font-weight:500}.blade-status{text-align:right;color:var(--text-2);font-size:14px;font-weight:500}.blade[data-state=low] .blade-status{color:var(--orange)}.blade[data-state=worn] .blade-status{color:var(--red)}.segs{grid-template-columns:repeat(20,1fr);gap:3px;margin:16px 0;display:grid}.seg{background:var(--fill);border-radius:4px;height:22px;position:relative;overflow:hidden}.seg:after{content:"";background:var(--blue);transform-origin:bottom;transition:transform .22s var(--ease-out);position:absolute;inset:0;transform:scaleY(0)}.seg[data-on=true]:after{transform:scaleY(1)}.blade[data-state=low] .seg:after{background:var(--orange)}.blade[data-state=worn] .seg:after{background:var(--red)}.blade-actions{gap:10px;display:flex}.btn{background:var(--fill);height:48px;color:var(--blue);transition:transform .12s var(--ease-out), background-color .16s ease, color .16s ease, opacity .16s ease;border-radius:14px;flex:1;font-size:16px;font-weight:600}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{background:var(--blue);color:#fff;flex:1.6}.btn.primary[data-on=true]{background:var(--green)}.btn:disabled{opacity:.4;cursor:default}.btn[data-danger=true]{background:var(--red);color:#fff}.blade-meta{color:var(--text-2);text-align:center;margin-top:12px;font-size:12px}@media (prefers-reduced-motion:reduce){.row:active,.btn:active:not(:disabled),.row[data-done=true] .row-emoji{transform:none}.check,.row-emoji{transition-property:background-color,border-color}}