:root{--paper: #f7f7f5;--paper2: #eeeeec;--surface: #ffffff;--surface2: #fafaf9;--bg: var(--paper);--bg2: var(--surface);--ink: #161616;--ink2: #5c5c5a;--ink3: #8e8e8a;--line: rgba(0, 0, 0, .1);--line2: rgba(0, 0, 0, .16);--border: var(--line);--green: #1a8a4a;--red: #c0392b;--amber: #b7791f;--blue: #2563eb;--green-dim: #e7f4ec;--red-dim: #fbeceb;--blue-dim: #e8effc;--blue-ink: #1d4ed8;--amber-ink: #8a5a10;--green-ink: #15733d;--beyond: #a8216b;--beyond-dim: #fbe9f2;--yellow: var(--blue);--accent: var(--blue);--accent2: var(--blue);--accent-dim: var(--blue-dim);--text: var(--ink);--text2: var(--ink2);--text3: var(--ink3);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--radius-card: 12px;--radius-modal: 16px;--radius-sm: 8px;--radius-pill: 999px;--shadow: 0 1px 2px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.05);--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--bw: 1px;--nav-w: 210px;--body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--display: var(--body);--brand: var(--body);--mono: "IBM Plex Mono", ui-monospace, monospace;font-size:16px}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}*{-webkit-tap-highlight-color:transparent}html,body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true],.selectable{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-touch-callout:default}body{font-family:var(--body);background:var(--paper);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select,textarea{font-family:var(--body);font-size:.9rem;color:var(--ink);background:var(--surface);border:1px solid var(--line2);border-radius:var(--radius-sm);padding:8px 11px;outline:none;-moz-appearance:textfield;transition:border-color .12s,box-shadow .12s}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-dim)}::placeholder{color:var(--ink3)}h1{font-family:var(--display);font-size:1.9rem;letter-spacing:-.01em;line-height:1.1}h2{font-family:var(--display);font-size:1.05rem;letter-spacing:.02em}h3{font-weight:700;font-size:1rem}::selection{background:var(--yellow)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--ink);border:2px solid var(--paper)}::-webkit-scrollbar-track{background:var(--paper2)}#app{display:flex;min-height:100vh}.ink-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}#nav{width:var(--nav-w);flex-shrink:0;position:fixed;top:16px;left:16px;bottom:16px;display:flex;flex-direction:column;gap:6px;padding:20px 12px;border-radius:20px;z-index:50;overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;background:#ffffffb8;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid rgba(255,255,255,.55);box-shadow:0 8px 32px #1111111a,0 1px #fffc inset,0 -1px #1111110a inset}.nav-brand{display:flex;align-items:center;gap:8px;padding:0 4px 16px}.brand-icon{background:var(--yellow);border:var(--bw) solid var(--ink);width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;box-shadow:var(--shadow-sm);border-radius:6px}.brand-name{font-family:var(--brand);font-weight:800;font-size:1.05rem;letter-spacing:-.03em}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;border:1px solid transparent;color:var(--ink2);font-weight:700;font-size:.8rem;letter-spacing:.04em;transition:background .15s,color .15s,border-color .15s}.nav-item svg{width:19px;height:19px;fill:currentColor;flex-shrink:0}.nav-item:hover{background:#fff9;border-color:#1111111f;color:var(--ink)}.nav-item.active{background:var(--blue-dim);color:var(--blue-ink);border-color:transparent;box-shadow:none;transform:none;position:relative}.nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 2px 2px 0;background:var(--blue)}.nav-spacer{flex:1}.nav-user{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:4px;border-radius:10px;border:1px solid rgba(17,17,17,.12);background:#ffffff80}.nav-user img,.nav-user-initial{width:26px;height:26px;flex-shrink:0;border:2px solid var(--ink);object-fit:cover;border-radius:50%}.nav-user-initial{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);font-family:var(--display);font-size:.8rem}.nav-user-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:.78rem}.sync-badge{padding:0 4px;font-family:var(--mono);font-size:.68rem;color:var(--ink3)}.sync-badge.on{color:var(--green)}@media (min-width: 701px) and (max-height: 600px){#nav{top:10px;bottom:10px;padding:12px 10px;gap:2px;border-radius:16px}.nav-brand{padding:0 4px 8px}.nav-brand .brand-name{font-size:.95rem}.brand-icon{width:26px;height:26px}.nav-item{padding:6px 10px;font-size:.76rem}.nav-item svg{width:17px;height:17px}.nav-item.active:before{top:5px;bottom:5px}.nav-today{display:none}#main{padding-top:18px;padding-bottom:40px}}.nav-today{margin:14px 4px 0;padding-top:14px;border-top:var(--bw) solid var(--line);cursor:pointer;border-radius:var(--radius-sm)}.nav-today:hover .nav-today-n{color:var(--blue)}.nav-today-label{font-size:.68rem;letter-spacing:.04em;color:var(--ink3);margin-bottom:7px}.nav-today-count{display:flex;align-items:baseline;gap:5px;margin-bottom:8px}.nav-today-n{font-size:1.4rem;font-weight:600;line-height:1;transition:color .12s}.nav-today-of{font-size:.74rem;color:var(--ink2)}.nav-today-rest{font-size:.78rem;color:var(--ink2);margin-bottom:4px}.nav-today-bar{height:4px;border-radius:2px;background:var(--paper2);overflow:hidden}.nav-today-bar i{display:block;height:100%;background:var(--blue);transition:width .3s}.nav-today-bar i.done{background:var(--green)}.nav-today-risk{display:flex;align-items:flex-start;gap:6px;margin-top:10px;font-size:.7rem;line-height:1.35;color:var(--ink2)}.nav-today-dot{width:6px;height:6px;border-radius:50%;background:var(--amber);flex:0 0 auto;margin-top:4px}#main{flex:1;min-width:0;padding:30px clamp(16px,4vw,52px) 120px;max-width:1080px;margin-left:calc(var(--nav-w) + 32px);overflow-x:clip}.view{display:none}.view.active{display:block}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:24px;flex-wrap:wrap}.page-head .sub{color:var(--ink2);font-family:var(--mono);font-size:.82rem;margin-top:6px}.card{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--radius-card);padding:var(--s4);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:9px 16px;border:var(--bw) solid var(--line2);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-weight:500;font-size:.875rem;letter-spacing:0;cursor:pointer;text-decoration:none;transition:background .12s,border-color .12s}.btn:hover{background:var(--paper2)}.btn:active{transform:scale(.985)}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-primary:hover{background:#1d4fd8}.btn-green{background:var(--green);border-color:var(--green);color:#fff}.btn-danger{background:var(--surface);color:var(--red);border-color:var(--line2)}.btn-danger:hover{background:var(--red-dim)}.btn-ghost{border-color:transparent;background:transparent;color:var(--ink2)}.btn-ghost:hover{background:var(--paper2);color:var(--ink)}.btn-sm{padding:5px 11px;font-size:.8rem}.chip{display:inline-flex;align-items:center;padding:5px 11px;border:var(--bw) solid var(--line);border-radius:var(--radius-pill);font-size:.78rem;font-weight:500;background:var(--surface);color:var(--ink2);cursor:pointer;white-space:nowrap;transition:background .12s,color .12s,border-color .12s}.chip:hover{background:var(--paper2);color:var(--ink)}.chip.active{background:var(--ink);border-color:var(--ink);color:var(--surface)}.chip-row{display:flex;gap:var(--s2);flex-wrap:wrap}.tag{display:inline-block;padding:2px 8px;border:none;border-radius:var(--radius-pill);background:var(--paper2);color:var(--ink2);font-size:.7rem;font-weight:500}.tag-gold{background:var(--blue-dim);color:var(--blue)}.tag-green{background:var(--green-dim);color:var(--green)}.tag-blue{background:var(--blue);color:#fff}.muted{color:var(--ink2)}.tiny{font-family:var(--mono);font-size:.74rem;color:var(--ink3)}.empty{text-align:center;padding:48px 20px;color:var(--ink2);border:var(--bw) dashed var(--ink);background:transparent}.empty .big{font-size:2rem;margin-bottom:8px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px}.stat{padding:14px 16px;position:relative;overflow:hidden}.stat .num{font-family:var(--display);font-size:2rem;line-height:1.1}.stat .lbl{font-family:var(--mono);color:var(--ink2);font-size:.68rem;margin-top:4px}.stat .num .unit{font-size:.95rem;color:var(--ink2);font-family:var(--mono);font-weight:700}.stat:nth-child(1){background:var(--yellow)}.dash-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}@media (max-width: 860px){.dash-grid{grid-template-columns:1fr}}.heatmap{display:grid;grid-template-columns:repeat(26,1fr);gap:3px;margin-top:12px}.heat-cell{aspect-ratio:1;background:var(--paper2);border:1px solid #d9d4c4}.heat-cell.l1{background:#ffef99;border-color:var(--ink)}.heat-cell.l2{background:var(--yellow);border-color:var(--ink)}.heat-cell.l3{background:var(--ink);border-color:var(--ink)}.today-plan-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:2px solid var(--ink)}.today-plan-item:last-child{border-bottom:none}.wk-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;margin-bottom:12px;background:#fff;border:var(--bw) solid var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .08s,box-shadow .08s}.wk-item:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow)}.wk-item .meta{display:flex;gap:14px;color:var(--ink2);font-family:var(--mono);font-size:.74rem;flex-wrap:wrap}.pr-flag{color:var(--accent);font-weight:700;font-size:.8rem}.active-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--yellow);border:var(--bw) solid var(--ink);box-shadow:var(--shadow);padding:14px 18px;margin-bottom:20px}.active-banner input{background:transparent!important;border:none!important;font-family:var(--display)!important;box-shadow:none!important}.exercise-block{margin-bottom:16px;overflow:hidden}.exercise-block .ex-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:2px solid var(--ink);background:var(--paper2)}.set-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:.88rem}.set-table th{text-align:left;color:var(--ink2);font-size:.65rem;letter-spacing:.08em;padding:8px;border-bottom:2px solid var(--ink)}.set-table td{padding:6px 8px;border-bottom:1px solid #d9d4c4}.set-table tr:last-child td{border-bottom:none}.set-table input{width:72px;padding:7px 6px;text-align:center;border-width:2px}.set-table .set-num{color:var(--ink);font-weight:700;width:36px;font-family:var(--display)}.set-done-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--ink);background:#fff;color:var(--ink3);font-weight:800;transition:transform .08s}.set-done-btn:hover{transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--ink)}.set-done-btn.done{background:var(--green);color:#fff}.prev-hint{color:var(--ink3);white-space:nowrap}.ex-footer{display:flex;gap:8px;padding:12px 16px 16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px max(24px,calc(100vw - var(--nav-w) - 32px - 1080px + 24px)) 24px calc(var(--nav-w) + 32px + 24px);background:#1119}.modal{width:100%;max-width:560px;max-height:86vh;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;box-shadow:var(--shadow);border-radius:var(--radius-modal);overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:var(--s4) var(--s5) var(--s3);border-bottom:1px solid var(--line);background:transparent;flex-shrink:0}.modal-body{padding:16px 20px 20px;overflow-y:auto;flex:1;min-height:0}.ex-pick-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;cursor:pointer;width:100%;text-align:left;border:2px solid transparent}.ex-pick-item:hover{background:#fff;border-color:var(--ink);box-shadow:var(--shadow-sm)}.ex-pick-item .nm{font-weight:700}.ex-pick-item .sub{font-family:var(--mono);color:var(--ink3);font-size:.72rem}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}@media (max-width: 920px){.week-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.week-grid{grid-template-columns:1fr}}.day-col{padding:12px;min-height:132px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-sm)}.day-col.today{background:var(--yellow)}.day-col .day-name{font-family:var(--display);font-size:.8rem;display:flex;justify-content:space-between;align-items:center;gap:4px}.day-routine{background:var(--ink);color:#fff;padding:8px 10px;font-size:.8rem;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:6px}.day-routine .x{color:var(--paper2);font-size:.9rem;padding:0 2px}.day-routine .x:hover{color:var(--red)}.rest-label{font-family:var(--mono);color:var(--ink3);font-size:.7rem;text-align:center;margin-top:auto;padding-bottom:8px}.routine-card{margin-bottom:16px}.routine-card .rt-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.routine-ex-list{color:var(--ink2);font-family:var(--mono);font-size:.78rem;margin-top:10px;line-height:1.9}.chart-card{margin-bottom:18px}.chart-card h3{margin-bottom:6px;font-family:var(--display);font-size:.92rem}.chart-wrap{width:100%;overflow-x:auto}.chart-wrap svg{display:block;width:100%;height:auto}.axis-text{fill:var(--ink2);font-size:10px;font-family:var(--mono)}.grid-line{stroke:#d9d4c4;stroke-width:1}.line-path{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:square;stroke-linejoin:miter}.area-path{fill:url(#areaGrad)}.dot,.bar-rect{fill:var(--yellow);stroke:var(--ink);stroke-width:2}.pr-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:.84rem}.pr-table th{text-align:left;color:var(--ink2);font-size:.65rem;letter-spacing:.08em;padding:8px;border-bottom:2px solid var(--ink)}.pr-table td{padding:9px 8px;border-bottom:1px solid #d9d4c4}.learn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.learn-card{cursor:pointer;transition:transform .08s,box-shadow .08s;box-shadow:var(--shadow-sm)}.learn-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow)}.learn-card h3{margin:10px 0 6px;line-height:1.35}.article-body{max-width:680px}.article-body h1{font-size:1.6rem}.article-body p{margin:16px 0;color:var(--ink);font-size:1.02rem;line-height:1.75}.ex-detail-cues{margin:10px 0 0 18px;color:var(--ink);line-height:1.8}.ex-detail-cues li::marker{color:var(--accent);font-weight:700}.lib-toolbar{display:flex;gap:10px;margin:14px 0;flex-wrap:wrap;align-items:center}.lib-toolbar input{flex:1;min-width:180px}.rest-timer{position:fixed;right:24px;bottom:24px;z-index:90;width:156px;padding:14px 12px 12px;background:var(--yellow);border:var(--bw) solid var(--ink);box-shadow:6px 6px 0 var(--ink);text-align:center}.timer-ring{width:80px;height:80px;margin:0 auto;display:block;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#fff;stroke-width:7}.ring-fg{fill:none;stroke:var(--ink);stroke-width:7;transition:stroke-dashoffset .3s linear}.timer-text{font-family:var(--display);font-size:1.3rem;margin-top:-56px;margin-bottom:30px}.timer-actions{display:flex;gap:5px;justify-content:center;margin-top:6px}.timer-actions button{font-family:var(--mono);font-size:.7rem;font-weight:700;padding:5px 8px;background:#fff;border:2px solid var(--ink)}.timer-actions button:hover{background:var(--ink);color:var(--yellow)}.gtimer-wrap{position:fixed;left:24px;bottom:24px;z-index:90;display:flex;flex-direction:column;gap:8px;cursor:grab;user-select:none;-webkit-user-select:none}.gtimer-wrap:active{cursor:grabbing}.gtimer{display:flex;align-items:stretch;border-radius:14px;overflow:hidden;background:#ffffff2e;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border:1px solid rgba(255,255,255,.4);box-shadow:0 10px 40px #11111124,0 1px #ffffff8c inset;animation:fadeUp .2s ease-out both}.gtimer-main{display:flex;align-items:center;gap:10px;padding:8px 10px;cursor:pointer;text-align:left}.gtimer-ring{width:34px;height:34px;flex-shrink:0;transform:rotate(-90deg)}.gtimer-ring circle{fill:none;stroke:var(--paper2);stroke-width:4}.gtimer-ring circle.fg{stroke:var(--ink);stroke-width:4;transition:stroke-dashoffset .3s linear}.gtimer-badge{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:var(--yellow);border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:.7rem}.gtimer-info{display:flex;flex-direction:column;line-height:1.1;min-width:0}.gtimer-time{font-family:var(--display);font-size:1.05rem;letter-spacing:-.5px}.gtimer-label{font-family:var(--mono);font-size:.62rem;color:var(--ink3);letter-spacing:.04em;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gtimer-btn{border-left:1px solid rgba(17,17,17,.18);padding:0 14px;font-size:.95rem;cursor:pointer;color:var(--ink);background:#ffde004d}.gtimer-btn:hover{background:var(--ink);color:var(--yellow)}.gtimer-badge{background:#ffde0073;border-color:#11111159}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:var(--ink);color:var(--paper);border:none;border-radius:var(--radius-pill);padding:11px 20px;font-weight:500;font-size:.85rem;box-shadow:0 6px 24px #00000038;z-index:120}.toast.gold{background:var(--blue);color:#fff}.whoop-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.whoop-grid{display:flex;align-items:center;gap:26px;margin:14px 0;flex-wrap:wrap}.whoop-recovery{text-align:center}.whoop-ring{width:96px;height:96px;border-radius:50%;margin:0 auto 8px;background:conic-gradient(var(--c) calc(var(--p) * 1%),var(--paper2) 0);border:var(--bw) solid var(--ink);display:flex;align-items:center;justify-content:center}.whoop-ring span{width:70px;height:70px;border-radius:50%;background:#fff;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:1.35rem}.whoop-ring small{font-size:.75rem;color:var(--ink2);font-family:var(--mono)}.whoop-metrics{display:grid;grid-template-columns:repeat(2,minmax(90px,1fr));gap:10px 26px;flex:1;min-width:200px}.whoop-metrics div{display:flex;flex-direction:column}.whoop-metrics b{font-family:var(--display);font-size:1.2rem}.whoop-metrics span{font-family:var(--mono);color:var(--ink2);font-size:.68rem}.whoop-advice{border:2px solid var(--ink);border-left-width:8px;background:var(--paper2);padding:10px 14px;font-size:.9rem;color:var(--ink)}.today-whoop-banner{border:var(--bw) solid var(--ink);border-left-width:8px;background:#fff;padding:12px 16px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.today-streak-card{transition:transform .08s,box-shadow .08s}.today-streak-card.complete{background:#fffdf0;border-color:var(--green)}.today-streak-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:2px solid var(--ink)}.today-habit-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--paper2)}.today-habit-row:last-child{border-bottom:none}.streak-card{transition:transform .08s,box-shadow .08s}.streak-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow)}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:320;background:#11111173;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeUp .15s ease-out}.action-sheet{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column;border-radius:var(--radius-modal);overflow:hidden}.action-sheet-title{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:500;padding:var(--s4) var(--s4) var(--s3);background:transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-sheet-btn{text-align:left;width:100%;padding:14px var(--s4);min-height:50px;font-size:.9rem;border:none;border-top:1px solid var(--line);background:none;cursor:pointer;transition:background .12s}.action-sheet-btn:hover{background:var(--paper2)}.action-sheet-btn.danger{color:var(--red)}.action-sheet-btn.cancel{color:var(--ink3);text-align:center;border-bottom:none}@media (max-width: 700px){.sheet-overlay{align-items:flex-end;padding:0}.action-sheet{max-width:100%;border-left:none;border-right:none;border-bottom:none;box-shadow:0 -8px 28px #0000001a;border-radius:var(--radius-modal) var(--radius-modal) 0 0;padding-bottom:env(safe-area-inset-bottom);animation:slideUp .2s ease-out}.action-sheet-btn{min-height:56px;font-size:.88rem}}.drag-handle{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;padding:4px 2px;margin-left:2px;border-radius:4px;opacity:.45;transition:opacity .12s}.drag-handle svg{fill:var(--ink3);display:block}.drag-handle:hover{opacity:1}.drag-handle:active,.drag-handle.active{cursor:grabbing;opacity:1}.drag-handle.active svg{fill:var(--ink)}.streak-collapse-item.dragging{background:var(--surface)}.streak-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;align-content:start}.streak-grid-mini{display:grid;grid-template-columns:repeat(25,1fr);gap:2px}.streak-cell-mini{height:7px;background:var(--paper2);border-radius:1px}.streak-cell-mini.missed{background:var(--red)}.streak-cell-mini.today{outline:2px solid var(--ink);outline-offset:0;animation:pulseCell 1.6s steps(2) infinite}.whoop-recovery-banner{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border:2px solid var(--ink);border-left-width:8px;background:var(--paper2);padding:12px 14px;margin:12px 0}.whoop-metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:14px 0}.whoop-metric{background:var(--paper2);padding:10px 12px;border:1.5px solid var(--ink)}.whoop-metric-val{font-family:var(--display);font-size:1.3rem;line-height:1.1}.whoop-metric-unit{font-family:var(--mono);font-size:.7rem;color:var(--ink2)}.whoop-metric-lbl{font-family:var(--mono);font-size:.65rem;color:var(--ink2);margin-top:3px}.challenge-goal{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--paper2);-webkit-user-select:none;user-select:none}.challenge-goal:last-of-type{border-bottom:none}.goal-cb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:28px;height:28px;flex-shrink:0;margin:0;border:2.5px solid var(--ink);background:#fff;cursor:pointer;padding:0;transition:transform .08s}.goal-cb:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--ink)}.goal-cb:checked{background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='white'/%3E%3C/svg%3E") center/18px no-repeat}.goal-cb:disabled{cursor:not-allowed;background-color:var(--paper2)}.goal-cb:disabled:checked{background-color:var(--green)}.challenge-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-top:12px}.challenge-cell{aspect-ratio:1;background:#fff;border:1.5px solid var(--ink3)}.challenge-cell.done{background:var(--ink);border-color:var(--ink)}.challenge-cell.missed{background:var(--red);border-color:var(--ink)}.challenge-cell.today{background:var(--yellow);border-color:var(--ink);border-width:2.5px;animation:pulseCell 1.6s steps(2) infinite}@keyframes pulseCell{50%{background:#fff}}.challenge-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--ink);color:var(--paper);border:var(--bw) solid var(--ink);box-shadow:5px 5px 0 var(--yellow);padding:12px 18px;margin-bottom:20px;cursor:pointer}.challenge-banner .cb-day{font-family:var(--display);font-size:1.15rem;color:var(--yellow)}.challenge-banner .cb-meta{font-family:var(--mono);font-size:.74rem;color:var(--paper2)}.signin-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.signin-card{background:#fff;border:var(--bw) solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:40px 36px;text-align:center;max-width:360px;width:100%}.signin-tag{font-family:var(--mono);font-size:.78rem;color:var(--ink2);letter-spacing:.12em;margin:10px 0 26px}.signin-btn{width:100%;gap:10px}#topbar{display:none}@media (max-width: 700px){.desktop-only{display:none!important}#app{flex-direction:column}input,select,textarea{font-size:16px!important}html{scroll-behavior:smooth}#main{-webkit-overflow-scrolling:touch}#topbar{display:flex;align-items:center;justify-content:space-between;position:fixed;top:calc(10px + env(safe-area-inset-top));left:12px;right:12px;height:52px;padding:0 14px;z-index:90;border-radius:18px;background:#ffffffb8;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 20px #1111111a,0 1px #ffffffe6 inset}.topbar-brand{display:flex;align-items:center;gap:8px}.topbar-brand .brand-icon{width:28px;height:28px;font-size:.8rem;border-radius:6px}.topbar-brand .brand-name{font-size:1.05rem}.topbar-actions{display:flex;align-items:center;gap:6px}.topbar-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;border-radius:10px;border:1px solid rgba(17,17,17,.14);background:#ffffff80}.topbar-user{display:flex;align-items:center;gap:6px;padding:5px 10px;min-height:38px;border-radius:10px;border:1px solid rgba(17,17,17,.14);background:#ffffff80}.topbar-user img,.topbar-user .nav-user-initial{width:24px;height:24px;border:1.5px solid rgba(17,17,17,.2);object-fit:cover;flex-shrink:0;border-radius:50%}#nav{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));left:16px;right:16px;top:auto;width:auto;height:auto;flex-direction:row;align-items:stretch;padding:4px;border-right:none;z-index:80;gap:2px;border-radius:20px;background:#ffffffc2;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 16px #1111111a,0 1px #ffffffe6 inset}.nav-brand,.nav-spacer,.sync-badge,.nav-user,#nav .theme-toggle{display:none!important}.nav-label{display:block}.nav-item{flex-direction:column;gap:0;flex:1;padding:6px 4px;border:1px solid transparent;border-radius:14px;min-height:44px}.nav-item+.nav-item{border-left:none}.nav-item:hover{background:transparent;border-color:transparent}.nav-item{flex-direction:column;gap:3px;padding:6px 2px 5px;font-size:.7rem;font-weight:500;letter-spacing:0;text-transform:none}.nav-item svg{width:20px;height:20px}.nav-label{line-height:1}.nav-item.active{background:transparent;color:var(--blue-ink);border-color:transparent;box-shadow:none;transform:none}.nav-item.active:before{display:none}.nav-item.active svg{background:var(--blue-dim);border-radius:var(--radius-sm);padding:2px 12px;box-sizing:content-box;width:20px;margin-bottom:1px}#main{margin-left:0;padding:calc(74px + env(safe-area-inset-top)) 14px calc(76px + env(safe-area-inset-bottom))}h1{font-size:1.6rem}h2{font-size:1rem}.page-head{margin-bottom:16px;gap:10px}.page-head h1{font-size:1.6rem}.card{padding:14px}.btn{min-height:44px;padding:11px 16px;font-size:.83rem}.btn-sm{min-height:36px;padding:8px 12px;font-size:.78rem}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat .num{font-size:1.7rem}.modal-overlay{padding:0;align-items:flex-end}.modal{width:100%;max-width:100%;max-height:90vh;border-bottom:none;border-left:none;border-right:none;box-shadow:0 -4px 0 var(--ink);border-radius:0;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(30px)}to{transform:translateY(0)}}.streak-cards-grid{grid-template-columns:1fr;gap:12px}.streak-cards-grid.compact{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.home-layout{grid-template-columns:1fr;gap:14px}.today-panel{position:static;max-height:none}.habit-row{padding:12px 0}.goal-cb{width:32px;height:32px}.today-habit-row{padding:10px 0}.heatmap{grid-template-columns:repeat(13,1fr)}.heat-cell:nth-child(n+92){display:none}.week-grid{grid-template-columns:repeat(2,1fr)}.rest-timer{right:12px;bottom:calc(80px + env(safe-area-inset-bottom));width:140px}.gtimer-wrap{left:12px;bottom:calc(80px + env(safe-area-inset-bottom))}.toast{bottom:calc(90px + env(safe-area-inset-bottom))}.chip{padding:8px 14px;font-size:.74rem}.chip-row{gap:6px}.wk-item{padding:12px 14px}.wk-item .meta{gap:8px;font-size:.7rem}.set-table{font-size:.84rem}.set-table input{width:60px;font-size:16px!important}.set-done-btn{width:38px;height:38px}.arc-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.arc-tabs::-webkit-scrollbar{display:none}.signin-card{padding:28px 20px}.signin-btn{min-height:48px;font-size:.95rem}.progress-bar-wrap{height:12px}.day-group-card{margin-bottom:10px}.timer-face{font-size:3.5rem!important}}@media (min-width: 701px) and (max-width: 960px){#main{padding:24px 20px 80px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat .num{font-size:1.8rem}.week-grid{grid-template-columns:repeat(2,1fr)}.streak-cards-grid{grid-template-columns:1fr}.streak-cards-grid.compact{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.card{padding:14px}}.streak-cards-grid.compact .streak-card{padding:11px;overflow:hidden}.streak-cards-grid.compact .streak-card .week-strip{gap:2px}.streak-cards-grid.compact .streak-grid-mini,.streak-cards-grid.compact .milestone-badge{display:none}.streak-cards-grid.compact .streak-card *{min-width:0!important}.streak-cards-grid.compact .streak-card div[style*="2rem"]{font-size:1.4rem!important}.streak-cards-grid.compact .streak-card div[style*=uppercase][style*=".88rem"]{font-size:.74rem!important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;word-break:break-word}.streak-cards-grid.compact .streak-card .tiny{font-size:.66rem;overflow-wrap:anywhere}.streak-cards-grid.compact .streak-card .tag{font-size:.55rem!important;padding:1px 5px}.streak-cards-grid.compact .streak-card .tiny:has(+.streak-grid-mini){display:none}.streak-cards-grid.compact .streak-card span[style*="1.5rem"]{font-size:1.15rem!important}.widget-density{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;font-size:.82rem;cursor:pointer;border:1.5px solid var(--ink3);border-radius:7px;background:transparent;color:var(--ink2);transition:background .15s,color .15s,border-color .15s}.widget-density:hover{background:var(--paper2);border-color:var(--ink);color:var(--ink)}.widget-density[data-on]{background:var(--ink);border-color:var(--ink);color:var(--paper)}@media (max-width: 700px){.widget-density{width:32px;height:32px;margin:-3px -2px -3px 0;font-size:.9rem}}.widget-compact *{min-width:0!important}.widget-compact .today-habit-row{padding-top:2px;padding-bottom:2px;min-height:0;padding-left:0!important;border-radius:6px}.widget-compact .today-habit-row span{font-size:.75rem!important}.widget-compact .goal-cb{width:17px;height:17px}.widget-compact .tiny{font-size:.6rem}.widget-compact .chip{font-size:.6rem!important;padding:1px 6px!important}.home-layout{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}@media (max-width: 1000px){.home-layout{grid-template-columns:1fr}}.today-panel{position:sticky;top:20px;background:#fff;border:var(--bw) solid var(--ink);box-shadow:var(--shadow);max-height:calc(100vh - 60px);overflow-y:auto}.today-panel-head{padding:13px 16px;background:var(--ink);color:var(--yellow);font-family:var(--display);font-size:.82rem;letter-spacing:.06em;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:2}.streak-collapse-item{border-bottom:2px solid var(--paper2)}.streak-collapse-item:last-child{border-bottom:none}.streak-collapse-head{display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;width:100%;text-align:left;background:none;border:none;font:inherit;transition:background .1s}.streak-collapse-head:hover{background:var(--paper2)}.streak-collapse-head.complete{background:#f0fff6}.streak-collapse-body{padding:2px 14px 12px;display:flex;flex-direction:column;gap:0;background:var(--paper)}.habit-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--paper2);cursor:pointer}.habit-row:last-child{border-bottom:none}.progress-bar-wrap{background:var(--paper2);border:var(--bw) solid var(--ink);height:10px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--yellow);border-right:2px solid var(--ink);transition:width .4s ease;min-width:0}.progress-bar-fill.complete{background:var(--green);border-right:none}.milestone-badge{display:inline-flex;align-items:center;gap:3px;background:var(--ink);color:var(--yellow);font-family:var(--mono);font-size:.6rem;font-weight:700;padding:2px 6px;letter-spacing:.04em;flex-shrink:0}.week-strip{display:flex;gap:3px}.week-cell{flex:1;height:14px;max-width:32px;border-radius:1px}.arc-section-card{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:var(--surface);overflow:hidden}.arc-chart-card{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:var(--surface);padding:16px;margin-bottom:20px}.arc-today-card{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:var(--ink);padding:14px 16px}.theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid rgba(17,17,17,.14);background:#ffffff80;cursor:pointer;font-size:1.1rem;transition:all .15s;margin-bottom:4px}.theme-toggle:hover{background:#fffc;border-color:#1113}@keyframes fadeUp{0%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:-800px 0}to{background-position:800px 0}}.skeleton{display:block;border-radius:0;background:linear-gradient(90deg,var(--paper2) 25%,var(--paper) 50%,var(--paper2) 75%);background-size:1600px 100%;animation:shimmer 1.5s infinite linear}.skeleton-card{height:90px;border:var(--bw) solid var(--ink);margin-bottom:12px}.skeleton-text{height:12px;border-radius:0;margin-bottom:8px}.skeleton-text.wide{width:100%}.skeleton-text.mid{width:65%}.skeleton-text.short{width:40%}@keyframes dotPulse{0%,80%,to{opacity:.2;transform:scale(.75)}40%{opacity:1;transform:scale(1)}}.loading-dots{display:inline-flex;align-items:center;gap:5px;padding:2px 0}.loading-dots span{width:7px;height:7px;border-radius:50%;background:var(--ink3);animation:dotPulse 1.2s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes checkPop{0%{transform:scale(1)}35%{transform:scale(1.28)}65%{transform:scale(.9)}to{transform:scale(1)}}.goal-cb:checked{animation:checkPop .25s ease-out both}@keyframes statIn{0%{transform:translateY(12px)}to{transform:translateY(0)}}.stat-grid .stat:nth-child(1){animation:statIn .22s 0s ease-out both}.stat-grid .stat:nth-child(2){animation:statIn .22s .07s ease-out both}.stat-grid .stat:nth-child(3){animation:statIn .22s .14s ease-out both}.stat-grid .stat:nth-child(4){animation:statIn .22s .2s ease-out both}.btn:active{transform:translate(3px,3px)!important;box-shadow:0 0 0 var(--ink)!important;transition-duration:.05s!important}.nav-item{transition:background .15s,color .15s,border-color .15s,transform .08s!important}.nav-item:active{transform:scale(.94)!important}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px var(--blue-dim)}input[data-bare]:focus,textarea[data-bare]:focus{box-shadow:none}@keyframes modalIn{0%{transform:scale(.96) translateY(8px)}to{transform:scale(1) translateY(0)}}.modal{animation:modalIn .18s cubic-bezier(.2,0,0,1) both}@media (max-width: 700px){.modal{animation:slideUp .2s ease-out!important}}@keyframes toastSpring{0%{transform:translate(-50%,16px) scale(.92)}55%{transform:translate(-50%,-3px) scale(1.02)}to{transform:translate(-50%) scale(1)}}.toast{animation:toastSpring .28s cubic-bezier(.2,0,0,1) both}.streak-cards-grid .streak-card{animation:statIn .22s ease-out both}.streak-cards-grid .streak-card:nth-child(2){animation-delay:.06s}.streak-cards-grid .streak-card:nth-child(3){animation-delay:.12s}.streak-cards-grid .streak-card:nth-child(4){animation-delay:.18s}.streak-cards-grid .streak-card:nth-child(n+5){animation-delay:.22s}.empty{animation:fadeUp .28s ease-out both}.empty .big{font-size:3rem;display:block}.progress-bar-fill{transition:width .5s cubic-bezier(.4,0,.2,1)!important}.today-habit-row{transition:background .1s}.today-habit-row:hover{background:var(--paper2)}.day-group-card:hover{box-shadow:4px 4px 0 var(--ink)}.ring-track{stroke:#11111129}.grind-tile{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;padding:14px 16px;cursor:pointer;position:relative;overflow:hidden;background:var(--surface);border:var(--bw) solid var(--ink);box-shadow:3px 3px 0 var(--ink);transition:transform .1s,background .18s,box-shadow .1s}.grind-tile:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.grind-tile.done{background:var(--green);animation:tilePop .3s ease}.grind-check{width:26px;height:26px;flex-shrink:0;border-radius:50%;border:2.5px solid var(--ink);background:var(--paper);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:.95rem;line-height:1}.grind-tile.done .grind-check{background:#fff;color:var(--green);border-color:#fff}.grind-label{flex:1;min-width:0;font-family:var(--display);font-size:.82rem;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grind-tile.done .grind-label{color:#fff}.grind-pts{font-family:var(--mono);font-size:.82rem;color:#fff;opacity:.9}.grind-plus{position:absolute;right:20px;top:50%;margin-top:-8px;font-family:var(--display);font-size:1.1rem;color:#fff;pointer-events:none;animation:plusFloat .7s ease-out forwards}@keyframes plusFloat{0%{opacity:0;transform:translateY(8px) scale(.8)}25%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-26px) scale(1)}}@keyframes tilePop{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}.celebrate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#1111118c;display:flex;align-items:center;justify-content:center;padding:24px}.celebrate-card{position:relative;z-index:2;background:var(--paper);border:var(--bw) solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:28px 24px;text-align:center;max-width:340px;width:100%;animation:popIn .3s cubic-bezier(.2,1.4,.4,1) both}.celebrate-title{font-family:var(--display);font-size:1.6rem;margin-top:8px}.confetti-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1;pointer-events:none}.confetti-piece{position:absolute;top:-16px;width:9px;height:14px;border-radius:1px;opacity:.9;animation-name:confettiFall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0)}to{transform:translateY(102vh) rotate(720deg)}}@keyframes popIn{0%{transform:scale(.7)}to{transform:scale(1)}}.arc-tabs{scroll-behavior:smooth}@media (max-width: 700px){.nav-item:active{transform:scale(.87)!important;transition-duration:.06s!important}.btn-primary:active{box-shadow:0 0 0 5px #ffde0033,0 0 0 var(--ink)!important}button[title=Delete],.arc-delete-btn{min-width:36px!important;min-height:36px!important}.streak-card:active{transform:scale(.985);transition-duration:.06s}.action-sheet-btn:active{background:var(--paper2)}.page-head{flex-wrap:wrap}}.comp-lastday{animation:lastdayPulse 1s ease-in-out infinite}@keyframes lastdayPulse{0%,to{transform:scale(1);box-shadow:0 0 #ff3d2e80}50%{transform:scale(1.06);box-shadow:0 0 0 5px #ff3d2e00}}@media (prefers-reduced-motion: reduce){.comp-lastday{animation:none}}@media (max-width: 700px){#nav .nav-hide-mobile,.nav-today{display:none!important}}@media (hover: none),(pointer: coarse){.card,.chip,.btn,.today-habit-row,.action-sheet-btn,.streak-card,.grind-tile,.nav-item{transition:transform .12s cubic-bezier(.4,0,.2,1)}.card:active,.chip:active,.btn:active,.today-habit-row:active,.streak-card:active,.grind-tile:active{transform:scale(.975)}}.streak-card,.card{transition:transform .14s cubic-bezier(.2,.7,.3,1),box-shadow .14s}@keyframes fadeUp{0%{transform:translateY(8px);opacity:.001}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.page-head{margin-bottom:18px;align-items:flex-start}.page-head h1{margin-bottom:2px}.page-head .sub{color:var(--ink3);font-size:.82rem}.card+.card{margin-top:0}.empty{border-radius:16px;border-width:1.5px;padding:44px 24px;line-height:1.6}.empty .big{display:inline-block;animation:emptyFloat 3.5s ease-in-out infinite}@keyframes emptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.tour-ring{animation:tourPulse 1.4s ease-in-out infinite}@keyframes tourPulse{0%,to{box-shadow:0 0 #ffde008c}50%{box-shadow:0 0 0 10px #ffde0000}}@keyframes nudgePulse{0%,to{transform:scale(1) rotate(-4deg)}50%{transform:scale(1.25) rotate(4deg)}}.emoji{display:inline-block;font-style:normal}.home-widgets{display:flex;flex-direction:column}@media (min-width: 900px){.home-widgets:not(.editing){flex-flow:row wrap;align-items:flex-start;align-content:flex-start;column-gap:16px}.home-widgets:not(.editing)>*{flex:1 1 calc(50% - 8px);min-width:0}.home-widgets:not(.editing)>[data-wide]{flex-basis:100%}}.celebrate-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:950;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;pointer-events:none;animation:celebrateFade 1.15s ease-out forwards}.celebrate-core{position:relative;width:132px;height:132px;display:grid;place-items:center}.celebrate-emoji{font-size:3.6rem;line-height:1;animation:celebratePop .5s cubic-bezier(.2,1.5,.4,1) both;filter:drop-shadow(0 6px 16px rgba(0,0,0,.35))}.celebrate-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid var(--celebrate-tint, var(--yellow));animation:celebrateRing .9s cubic-bezier(.15,.7,.3,1) both}.celebrate-ring-2{animation-delay:.13s;opacity:.6}.celebrate-label{display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 20px;border-radius:999px;background:var(--ink);color:var(--paper);animation:celebrateLabel .55s cubic-bezier(.2,1.3,.4,1) both;animation-delay:.1s}.celebrate-label strong{font-size:.95rem}.celebrate-label span{font-size:.72rem;opacity:.75;letter-spacing:.08em}@keyframes celebrateFade{0%,72%{opacity:1}to{opacity:0}}@keyframes celebratePop{0%{transform:scale(.3) rotate(-14deg);opacity:0}60%{transform:scale(1.14) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes celebrateRing{0%{transform:scale(.35);opacity:0}35%{opacity:.9}to{transform:scale(1.9);opacity:0}}@keyframes celebrateLabel{0%{transform:translateY(14px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.today-habit-row.just-checked{animation:rowChecked .6s ease-out}@keyframes rowChecked{0%{background:#00c85347}to{background:transparent}}@media (prefers-reduced-motion: reduce){.celebrate-emoji,.celebrate-ring,.celebrate-label{animation:none}.celebrate-layer{animation:celebrateFade 1.15s linear forwards}.today-habit-row.just-checked{animation:none}}[data-shadow]{--paper: #08090c;--paper2: #14161c;--ink: #f2eeee;--ink2: rgba(242,238,238,.72);--ink3: rgba(242,238,238,.44);--surface: #101319;--line: rgba(200,30,30,.22);--yellow: #c81e1e;--green: #2b8a5a;--red: #e2571f;--blue: #2b4c9b;--shadow: 0 10px 34px rgba(0,0,0,.7);--shadow-sm: 0 3px 12px rgba(0,0,0,.55);color-scheme:dark}[data-shadow] body{background-color:#08090c;background-image:radial-gradient(1100px 520px at 78% -12%,rgba(200,30,30,.16),transparent 62%),radial-gradient(760px 420px at 8% 104%,rgba(43,76,155,.13),transparent 60%);background-attachment:fixed;color:var(--ink)}[data-shadow] html:after{display:none}[data-shadow] .card,[data-shadow] .action-sheet,[data-shadow] .modal,[data-shadow] .empty{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:var(--shadow)!important;color:var(--ink)}[data-shadow] .action-sheet-title,[data-shadow] .modal-head{background:transparent!important;border-bottom-color:var(--line)!important;color:var(--ink)!important}[data-shadow] .btn,[data-shadow] .chip{background:#ffffff0f!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:9px!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important}[data-shadow] .btn:hover,[data-shadow] .chip:hover{background:#c81e1e29!important}[data-shadow] .btn-primary,[data-shadow] .chip.active{background:#c81e1e!important;color:#fff!important;border-color:#c81e1e!important}[data-shadow] .btn-danger{background:transparent!important;color:#e2571f!important;border-color:#e2571f80!important}[data-shadow] .btn-ghost{background:transparent!important;border-color:transparent!important}[data-shadow] input,[data-shadow] select,[data-shadow] textarea{background:#0c0e13!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:9px!important}[data-shadow] input::placeholder,[data-shadow] textarea::placeholder{color:#f2eeee57}[data-shadow] #nav,[data-shadow] #topbar{background:#0a0b0fe6!important;border-color:var(--line)!important;box-shadow:0 10px 34px #0009!important}[data-shadow] h1,[data-shadow] h2,[data-shadow] [style*="var(--display)"]{font-family:var(--body)!important;text-transform:none!important;letter-spacing:-.01em!important}.sin-cell{border-radius:4px;border:1px solid rgba(242,238,238,.1);background:#ffffff0d}.sin-cell.slip{background:#c81e1e;border-color:#e2571f;box-shadow:0 0 8px #c81e1e8c}.sin-cell.clean{background:#2b8a5a57;border-color:#2b8a5a80}.sin-cell.today{outline:1px solid var(--ink3);outline-offset:1px}@keyframes shadowEnter{0%{opacity:0;transform:scale(.98);filter:saturate(0)}to{opacity:1;transform:scale(1);filter:saturate(1)}}.shadow-enter{animation:shadowEnter .32s ease-out}@media (prefers-reduced-motion: reduce){.shadow-enter{animation:none}}.shadow-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #c81e1e;animation:shadowPulse .62s cubic-bezier(.15,.7,.3,1) both}.shadow-ring-2{animation-delay:.1s;opacity:.55}@keyframes shadowPulse{0%{transform:scale(.3);opacity:0}30%{opacity:.9}to{transform:scale(2);opacity:0}}@keyframes shadowSigil{0%{transform:scale(.4) rotate(-12deg);opacity:0}65%{transform:scale(1.16) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes shadowWord{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shadowVeil{0%,72%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.shadow-ring{animation:none;opacity:0}}[data-shadow] .cmdk-glass{background:#161921b8!important;border-color:#ffffff1f!important;box-shadow:0 24px 70px #0000008c!important}[data-shadow] .cmdk-glass input{border-bottom-color:#ffffff1a!important}[data-shadow] .cmdk-glass kbd{background:#ffffff1a!important;border-color:#ffffff24!important}[data-shadow] .cmdk-glass{background:#121014c7!important}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.cmdk-glass{background:var(--surface)!important}}.insights-pair{display:grid;grid-template-columns:1fr;gap:0}@media (min-width: 620px){.insights-pair{grid-template-columns:1fr 1fr;gap:14px}.insights-pair>*{margin-bottom:14px}}.today-habit-row{position:relative;overflow:hidden;border-radius:9px}.today-habit-row.wet{--ink: #f4f7f5;--ink2: rgba(244, 247, 245, .84);--ink3: rgba(244, 247, 245, .62);--paper2: rgba(255, 255, 255, .16);color:var(--ink)}.today-habit-row.wet .goal-cb{accent-color:#3fae7a}.sw{--ok: #17553A;--bad: #722F37;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:#181b20d6;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);box-shadow:inset 0 1px #ffffff24,inset 0 -1px #0000004d}.sw-seg{position:absolute;top:0;bottom:0;transition:width .7s cubic-bezier(.22,1,.36,1),left .7s cubic-bezier(.22,1,.36,1)}.sw-ok{background:var(--ok)}.sw-bad{background:var(--bad)}.sw-seg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff21,#fff0 62%)}.sw-seg:after{content:"";position:absolute;top:0;bottom:0;width:56px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:swSheen 6s ease-in-out infinite}.sw-bad:after{animation-delay:2s}@keyframes swSheen{0%{transform:translate(-60px)}50%{transform:translate(420px)}to{transform:translate(420px)}}.sw-edge{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#ffffffd1;box-shadow:0 0 7px #ffffff73;transition:left .7s cubic-bezier(.22,1,.36,1)}.today-habit-row>*:not(.sw){position:relative;z-index:1}.today-habit-row.wet:hover{background:transparent}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.sw{background:#181b20}}@media (prefers-reduced-motion: reduce){.sw-seg:after{animation:none;opacity:0}.sw-seg,.sw-edge{transition:none}}.pk-list{margin:0 -4px}.pk-row{display:flex;align-items:flex-start;gap:11px;width:100%;text-align:left;padding:11px 8px;background:none;border:none;border-bottom:1px solid rgba(128,128,128,.18);border-radius:8px;cursor:pointer;color:var(--ink);transition:background .12s ease}.pk-row:last-child{border-bottom:none}.pk-row:hover{background:#80808017}.pk-row:active{background:#80808026}.pk-emoji{font-size:1.3rem;line-height:1.15;flex-shrink:0;width:26px;text-align:center}.pk-body{flex:1;min-width:0}.pk-name{display:block;font-size:.92rem;line-height:1.3;font-weight:600}.pk-meta{display:block;font-size:.72rem;color:var(--ink3);margin-top:1px}.pk-why{display:block;font-size:.72rem;color:var(--ink2);margin-top:3px}.pk-chev{flex-shrink:0;color:var(--ink3);font-size:.8rem;align-self:center}.pk-cat{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:10px 8px;margin-top:2px;background:none;border:none;border-radius:8px;cursor:pointer;color:var(--ink);transition:background .12s ease}.pk-cat:hover{background:#80808017}.pk-cat-label{flex:1;font-family:var(--mono);font-size:.68rem;letter-spacing:.09em;color:var(--ink2)}.pk-cat-n{font-size:.7rem;color:var(--ink3);font-variant-numeric:tabular-nums}.pk-cat[aria-expanded=true] .pk-cat-label{color:var(--ink)}.pk-sub{padding-left:8px;margin-bottom:4px}.pk-primary{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:12px;margin-bottom:14px;border-radius:10px;cursor:pointer;border:1.5px dashed var(--ink3);background:none;color:var(--ink);transition:border-color .12s ease,background .12s ease}.pk-primary:hover{border-color:var(--ink);background:#80808012}.pk-search{width:100%;margin-bottom:6px;font-size:.9rem;padding:10px 12px}.pk-scroll{max-height:52vh;overflow-y:auto;margin:0 -4px;padding:0 4px}.pk-empty{font-size:.82rem;color:var(--ink3);padding:16px 8px;line-height:1.55}.pk-foot{font-size:.72rem;color:var(--ink3);margin-top:12px;line-height:1.5}.pk-detail{display:flex;align-items:baseline;gap:10px;padding:9px 2px;border-bottom:1px solid rgba(128,128,128,.18)}.pk-detail:last-of-type{border-bottom:none}.pk-detail-name{flex:1;min-width:0;font-size:.89rem}.pk-detail-meta{flex-shrink:0;font-family:var(--mono);font-size:.7rem;color:var(--ink3);font-variant-numeric:tabular-nums}.hdr-icon{background:none;border:none;padding:2px 4px;cursor:pointer;color:var(--ink);font-size:1.25rem;line-height:1;display:inline-flex;align-items:center;gap:6px;border-radius:8px;transition:opacity .12s ease,background .12s ease}.hdr-icon:hover{background:#8080801f}.hdr-icon:active{opacity:.6}.hdr-labelled{font-size:1.1rem}.hdr-labelled>span:last-child{font-family:var(--display);font-size:.72rem;letter-spacing:.04em}