:root{--bg:#F3EFE6;--bg-2:#EDE8DC;--surface:#FFFFFF;--surface-2:#FBF8F2;--track:#EAE4D7;--border:#E7E1D4;--border-2:#DBD3C2;--ink:#221D16;--ink-2:#6E6555;--ink-3:#A69C88;--clay:#BD5631;--clay-press:#A2431F;--clay-soft:#F6E8E0;--amber:#E1A23C;--olive:#6C7A4E;--red:#BF3C2A;--sans:"Hanken Grotesk",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--r-card:24px;--r-ctrl:15px;--r-pill:999px;--shadow:0 1px 2px rgba(34,29,22,.05), 0 14px 30px -18px rgba(34,29,22,.22);--shadow-sm:0 1px 2px rgba(34,29,22,.06)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--sans);color:var(--ink);background:radial-gradient(120% 70% at 50% -10%,#FAF7F0 0%,var(--bg) 46%,var(--bg-2) 100%) fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.app{max-width:452px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative;padding:0 18px calc(86px + env(safe-area-inset-bottom))}.hd{display:flex;align-items:center;justify-content:space-between;padding:22px 4px 8px}.hd-left .hd-day{font-size:13px;font-weight:600;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase}.hd-left h1{font-size:25px;font-weight:800;letter-spacing:-.02em;margin-top:1px}.icon-btn{width:40px;height:40px;border-radius:var(--r-pill);display:grid;place-items:center;color:var(--ink-2);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:.16s}.icon-btn:hover{color:var(--ink);border-color:var(--border-2)}.icon-btn:active{transform:scale(.93)}.hero{display:flex;flex-direction:column;align-items:center;padding:8px 0 4px}.dial{position:relative;display:grid;place-items:center}.dial svg{transform:rotate(0)}.dial-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;text-align:center}.dc-big{font-family:var(--mono);font-weight:600;letter-spacing:-.02em;line-height:1;color:var(--ink)}.dc-num{font-size:58px}.dc-clock{font-size:50px}.dc-lbl{font-size:13px;font-weight:600;color:var(--ink-2);margin-top:9px;white-space:nowrap}.dc-sub{font-family:var(--mono);font-size:12.5px;color:var(--ink-3);margin-top:4px;white-space:nowrap}.dc-tag{margin-top:9px;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--clay);background:var(--clay-soft);padding:4px 11px;border-radius:var(--r-pill)}.dc-tag.amber{color:#8a5e16;background:#f7ebd2}.dc-tag.over{color:#fff;background:var(--red)}.labelrow{width:100%;margin:14px 0 2px}.label-inp{width:100%;text-align:center;font-family:var(--sans);font-size:15px;font-weight:500;color:var(--ink);background:transparent;border:none;border-bottom:1.5px dashed var(--border-2);padding:7px 4px;outline:none;transition:.16s}.label-inp::placeholder{color:var(--ink-3);font-weight:500}.label-inp:focus{border-bottom-color:var(--clay)}.presets{display:flex;gap:8px;width:100%;margin:16px 0 14px}.preset{flex:1;padding:11px 0;border-radius:var(--r-ctrl);background:var(--surface);border:1.5px solid var(--border);font-family:var(--mono);font-size:15px;font-weight:600;color:var(--ink-2);box-shadow:var(--shadow-sm);transition:.16s}.preset .u{font-family:var(--sans);font-size:11px;color:var(--ink-3);margin-left:1px}.preset:hover{border-color:var(--border-2)}.preset.sel{background:var(--ink);border-color:var(--ink);color:#fff}.preset.sel .u{color:#fff9}.controls{display:flex;gap:10px;width:100%}.btn{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;padding:16px;border-radius:var(--r-ctrl);font-size:16px;font-weight:700;letter-spacing:-.01em;transition:.16s;box-shadow:var(--shadow-sm)}.btn:active{transform:scale(.985)}.btn-primary{background:var(--clay);color:#fff;box-shadow:0 6px 16px -8px var(--clay)}.btn-primary:hover{background:var(--clay-press)}.btn-lg{padding:18px;font-size:17px}.btn-ghost{background:var(--surface);color:var(--ink);border:1.5px solid var(--border)}.btn-ghost:hover{border-color:var(--border-2)}.btn[disabled]{opacity:.45;pointer-events:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow)}.section{margin-top:22px}.sec-head{display:flex;align-items:center;justify-content:space-between;padding:2px 6px 11px}.sec-head h2{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2)}.sec-head .meta{font-family:var(--mono);font-size:12.5px;color:var(--ink-3)}.qa{display:flex;gap:8px;padding:14px;flex-wrap:wrap}.qa-chip{flex:1;min-width:62px;padding:11px 0;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);font-family:var(--mono);font-size:14px;font-weight:600;color:var(--ink);transition:.16s}.qa-chip:hover{background:var(--clay-soft);border-color:#ebd3c7;color:var(--clay)}.qa-chip:active{transform:scale(.95)}.qa-other{display:flex;gap:8px;align-items:center;width:100%;padding-top:2px}.qa-other input{flex:1;font-family:var(--mono);font-size:14px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);outline:none;color:var(--ink)}.qa-other input:focus{border-color:var(--clay)}.qa-add{padding:10px 16px;border-radius:12px;background:var(--ink);color:#fff;font-weight:700;font-size:14px}.slist{padding:6px}.srow{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;transition:.14s}.srow:hover{background:var(--surface-2)}.s-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:var(--clay-soft);color:var(--clay)}.s-ic.manual{background:#eef0e6;color:var(--olive)}.s-main{flex:1;min-width:0}.s-title{font-size:14.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-time{font-family:var(--mono);font-size:12px;color:var(--ink-3);margin-top:1px}.s-min{font-family:var(--mono);font-size:15px;font-weight:600;color:var(--ink)}.s-del{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--ink-3);opacity:0;transition:.14s}.srow:hover .s-del{opacity:1}.s-del:hover{background:#f5e5e1;color:var(--red)}.empty{padding:30px 16px;text-align:center;color:var(--ink-3);font-size:14px}.recap{display:flex;align-items:stretch;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-sm)}.recap-cell{flex:1;padding:16px 18px}.recap-cell .v{font-family:var(--mono);font-size:24px;font-weight:600;letter-spacing:-.02em}.recap-cell .k{font-size:12.5px;font-weight:600;color:var(--ink-2);margin-top:3px}.recap-div{width:1px;background:var(--border);margin:14px 0}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:15px 16px;box-shadow:var(--shadow-sm)}.stat .v{font-family:var(--mono);font-size:26px;font-weight:600;letter-spacing:-.02em}.stat .v .un{font-size:13px;color:var(--ink-3);margin-left:3px}.stat .k{font-size:12.5px;font-weight:600;color:var(--ink-2);margin-top:3px}.stat .k .dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;vertical-align:middle}.weekbars{position:relative;display:flex;gap:10px;padding:26px 16px 10px;height:204px}.wb-goalline{position:absolute;left:14px;right:14px;border-top:1.5px dashed var(--border-2);z-index:0}.wb-goalline span{position:absolute;right:-2px;top:-9px;font-family:var(--mono);font-size:10px;font-weight:600;color:var(--ink-3);background:var(--surface);padding:0 4px}.wb-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}.wb-track{position:relative;width:100%;flex:1;display:flex;align-items:flex-end;justify-content:center}.wb-val{position:absolute;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:11px;font-weight:600;color:var(--ink-2);white-space:nowrap}.wb-bar{width:74%;max-width:26px;border-radius:7px 7px 3px 3px;background:var(--track);transition:height .5s cubic-bezier(.4,0,.2,1)}.wb-bar.ok{background:linear-gradient(var(--olive),#7d8a5f)}.wb-bar.high{background:linear-gradient(var(--clay),#cd6b46)}.wb-bar.over{background:linear-gradient(var(--red),#cf5341)}.wb-bar.today{box-shadow:0 0 0 3px var(--surface),0 0 0 4.5px var(--clay)}.wb-lbl{font-family:var(--mono);font-size:11px;color:var(--ink-3)}.wb-lbl.today{color:var(--ink);font-weight:700}.hm-wrap{padding:16px}.hm-dow{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:8px}.hm-dow span{text-align:center;font-size:11px;font-weight:600;color:var(--ink-3)}.hm-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.hm-cell{aspect-ratio:1;border-radius:9px;display:grid;place-items:center;font-family:var(--mono);font-size:12px;border:1px solid var(--border)}.hm-cell.empty{border:none;background:transparent}.hm-cell.today{outline:2px solid var(--ink);outline-offset:1px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;padding:0 0 env(safe-area-inset-bottom);pointer-events:none}.tabbar-inner{pointer-events:auto;display:flex;gap:6px;margin-bottom:16px;padding:6px;background:#ffffffd1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:var(--r-pill);box-shadow:var(--shadow)}.tab{display:flex;align-items:center;gap:8px;padding:11px 20px;border-radius:var(--r-pill);font-size:14px;font-weight:600;color:var(--ink-3);transition:.16s}.tab.active{background:var(--ink);color:#fff}.toasts{position:fixed;top:14px;left:0;right:0;z-index:60;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:9px;padding:11px 16px;border-radius:var(--r-pill);background:var(--ink);color:#fff;font-size:14px;font-weight:600;box-shadow:0 10px 30px -10px #0006;animation:toastIn .3s cubic-bezier(.2,1,.3,1)}.toast.amber{background:#7a5414}.toast.clay{background:var(--clay)}.toast.olive{background:var(--olive)}.toast-ic{display:grid;place-items:center;opacity:.9}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#221d1657;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;animation:fade .2s}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:452px;background:var(--surface);border-radius:26px 26px 0 0;padding:10px 22px calc(28px + env(safe-area-inset-bottom));box-shadow:0 -20px 50px -20px #0000004d;animation:sheetUp .3s cubic-bezier(.2,1,.3,1);max-height:88dvh;overflow-y:auto;overscroll-behavior:contain}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}.sheet-grab{width:38px;height:4px;border-radius:99px;background:var(--border-2);margin:4px auto 12px}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sheet-head h3{font-size:18px;font-weight:800;letter-spacing:-.01em}.set-row{display:flex;align-items:center;justify-content:space-between;padding:15px 2px;border-top:1px solid var(--border)}.set-row .lab{font-size:14.5px;font-weight:600}.set-row .sub{font-size:12.5px;color:var(--ink-3);margin-top:2px}.stepper{display:flex;align-items:center;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:3px}.stepper button{width:32px;height:32px;border-radius:9px;font-size:19px;font-weight:600;color:var(--ink);display:grid;place-items:center}.stepper button:hover{background:var(--clay-soft);color:var(--clay)}.stepper .val{font-family:var(--mono);font-weight:600;font-size:15px;min-width:42px;text-align:center}.toggle{width:46px;height:28px;border-radius:99px;background:var(--border-2);position:relative;transition:.18s}.toggle.on{background:var(--clay)}.toggle .knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.18s;box-shadow:0 1px 3px #0003}.toggle.on .knob{left:21px}.danger-btn{width:100%;margin-top:8px;padding:13px;border-radius:13px;background:#f5e5e1;color:var(--red);font-weight:700;font-size:14px}.danger-btn:hover{background:#f0d8d2}.reset-chips{display:flex;gap:8px;margin-top:12px}.reset-chip{flex:1;min-width:0;padding:12px 4px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);font-size:13.5px;font-weight:600;color:var(--ink-2);transition:.16s}.reset-chip:hover{background:var(--clay-soft);border-color:#ebd3c7;color:var(--clay)}.reset-chip:active{transform:scale(.95)}.reset-chip.all{color:var(--red)}.reset-chip.all:hover{background:#f5e5e1;border-color:#e9c9c2;color:var(--red)}