:root{--bg: #0f1115;--surface: #171b22;--surface-2: #1f242e;--border: #2a3040;--text: #e8ebf0;--muted: #8b93a5;--accent: #4ade80;--accent-dim: #1d3a2a;--danger: #f87171;--radius: 14px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#root{min-height:100dvh}h1{font-size:1.5rem;margin:0 0 .5rem}h2{font-size:1.05rem;margin:0 0 .5rem}.muted{color:var(--muted)}.shell{min-height:100dvh;display:flex;flex-direction:column}.shell-main{flex:1;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.screen{max-width:480px;margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) 1rem 1.5rem}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;background:#171b22f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 7px;font-size:.68rem;color:var(--muted);text-decoration:none}.tab-dot{width:18px;height:18px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border)}.tab.active{color:var(--accent)}.tab.active .tab-dot{background:var(--accent-dim);border-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem}.task-list,.preset-list,.task-editor-list{display:flex;flex-direction:column;gap:.7rem;margin:1rem 0}.task.done{border-color:var(--accent);background:linear-gradient(0deg,var(--accent-dim),var(--surface))}.task-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;text-align:left;color:var(--text);font:inherit;cursor:pointer}.task-labels{display:flex;flex-direction:column;gap:2px}.task-name{font-weight:600}.task-sub{font-size:.78rem;color:var(--muted)}.task-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.task-progress{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.85rem}.checkbox{flex:none;width:28px;height:28px;border-radius:9px;border:2px solid var(--border);display:grid;place-items:center;color:#06110a;font-weight:800}.checkbox.on{background:var(--accent);border-color:var(--accent)}.bar{height:8px;border-radius:4px;background:var(--surface-2);margin:.6rem 0;overflow:hidden}.bar-fill{height:100%;border-radius:4px;background:var(--accent);transition:width .2s ease}.counter-controls{display:flex;gap:.75rem;justify-content:center;align-items:center;margin-top:.25rem}.round-btn{width:52px;height:52px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:1.5rem;cursor:pointer}.round-btn.primary{background:var(--accent);border-color:var(--accent);color:#06110a}.numeric-input{width:72px;text-align:center;font-size:1.1rem;padding:.55rem .25rem}.btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:12px;padding:.7rem 1rem;font-size:.95rem;font-weight:600;cursor:pointer}.btn.primary{background:var(--accent);border-color:var(--accent);color:#06110a}.btn.danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn.ghost{background:transparent}.btn:disabled{opacity:.45;cursor:default}.link-btn{background:none;border:none;color:var(--accent);font-size:.85rem;cursor:pointer;padding:.25rem}.link-btn.danger{color:var(--danger)}.timer-idle,.timer-running,.manual-entry{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.7rem}.timer-elapsed{font-size:1.8rem;font-variant-numeric:tabular-nums;font-weight:700;min-width:4.5rem}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden}.seg{border:none;background:var(--surface-2);color:var(--muted);padding:.45rem .8rem;font-size:.85rem;cursor:pointer}.seg.active{background:var(--accent);color:#06110a;font-weight:700}.session-list{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem}.session{display:flex;justify-content:space-between;align-items:center;font-size:.88rem;background:var(--surface-2);border-radius:8px;padding:.4rem .6rem}.session.short{color:var(--muted)}input,select{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:.55rem .7rem;font-size:1rem;width:100%}input[type=checkbox]{width:24px;height:24px;accent-color:var(--accent)}.field{display:flex;flex-direction:column;gap:.3rem;margin:.5rem 0;flex:1;min-width:0}.field>span{font-size:.78rem;color:var(--muted)}.field.toggle{flex:none;align-items:flex-start}.field.grow{flex:2}.field-row{display:flex;gap:.75rem;align-items:flex-end}.today-header{display:flex;align-items:center;gap:1.1rem;margin:.5rem 0 .75rem}.ring-wrap{position:relative;width:120px;height:120px;flex:none}.ring-track{fill:none;stroke:var(--surface-2);stroke-width:10}.ring-fill{fill:none;stroke:var(--accent);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .3s ease}.ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-title{font-size:1.25rem;font-weight:800}.ring-subtitle{font-size:.75rem;color:var(--muted)}.today-date{font-size:1.05rem;font-weight:600}.today-status{color:var(--muted);font-size:.85rem;margin-top:.2rem}.today-status.ok{color:var(--accent);font-weight:700}.banner{display:flex;justify-content:space-between;align-items:center;gap:.5rem;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:.6rem .8rem;font-size:.85rem;margin-bottom:.75rem}.banner.warn{border-color:var(--danger);color:var(--danger)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060abf;display:grid;place-items:center;padding:1.5rem;z-index:20}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1.25rem;max-width:380px;width:100%}.dialog-actions{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.celebrate{min-height:70dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem;padding:1.5rem}.celebrate-badge{width:96px;height:96px;border-radius:50%;background:var(--accent);color:#06110a;display:grid;place-items:center;font-size:2.2rem;font-weight:900}.preset-card{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;width:100%;text-align:left;color:var(--text);font:inherit;cursor:pointer}.preset-name{font-size:1.1rem;font-weight:800}.preset-desc{color:var(--muted);font-size:.88rem}.preset-meta{font-size:.75rem;color:var(--accent)}.editor-actions{display:flex;gap:.75rem;margin-top:1.25rem}.editor-actions .btn{flex:1}.kv{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:0}.kv dt{color:var(--muted);font-size:.85rem}.kv dd{margin:0;font-size:.9rem;text-align:right}.settings section{margin-bottom:.8rem}.danger-zone{border-color:var(--danger)}.placeholder{padding-top:3rem;text-align:center}.photo-thumb{display:block;width:132px;border-radius:10px;margin:.6rem 0 .2rem;border:1px solid var(--border)}.photo-actions{display:flex;gap:.6rem;margin-top:.7rem;flex-wrap:wrap}.photo-error{color:var(--danger);margin-top:.4rem}.gallery-mode{margin:.25rem 0 .9rem}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.gallery-cell{padding:0;border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden;cursor:pointer;color:var(--text);font:inherit;text-align:left}.gallery-cell img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover}.gallery-cell-label{display:flex;flex-direction:column;padding:.35rem .5rem;font-size:.72rem}.gallery-cell-label span{color:var(--muted)}.viewer-body{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:.9rem;max-width:440px;width:100%;max-height:90dvh;overflow-y:auto;display:flex;flex-direction:column;gap:.7rem}.viewer-head{display:flex;justify-content:space-between;align-items:center;font-weight:600}.viewer-img{width:100%;border-radius:12px}.compare-row{display:flex;gap:.6rem}.compare-pane{flex:1;min-width:0;margin:0}.compare-pane figcaption{font-size:.78rem;color:var(--muted);margin-bottom:.35rem}.compare-pane img{width:100%;border-radius:12px;border:1px solid var(--border)}.compare-empty{aspect-ratio:3 / 4;border:1px dashed var(--border);border-radius:12px;display:grid;place-items:center;color:var(--muted);font-size:.85rem}.heatmap{margin-top:.8rem;display:flex;flex-direction:column;gap:4px}.heat-row{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.heat-cell{aspect-ratio:1;border-radius:6px;display:grid;place-items:center;font-size:.62rem;font-variant-numeric:tabular-nums;color:var(--muted);background:var(--surface-2)}.heat-weekday{aspect-ratio:auto;background:none;font-size:.68rem}.heat-blank{background:none}.heat-complete{background:var(--accent);color:#06110a;font-weight:700}.heat-incomplete{background:#7a5a20;color:#f4e3bd}.heat-failed{background:#5d2727;color:#f6caca}.heat-pending{background:var(--surface-2);border:1px solid var(--border)}.heat-future{background:none;border:1px dashed var(--border)}.heat-legend{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.4rem;font-size:.7rem;color:var(--muted)}.heat-legend-item{display:inline-flex;align-items:center;gap:.3rem}.heat-swatch{width:12px;height:12px;aspect-ratio:auto}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.5rem .25rem;background:var(--surface-2);border-radius:10px}.stat-value{font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums}.stat-label{font-size:.68rem;color:var(--muted);text-align:center}.status-pill{flex:none;font-size:.7rem;font-weight:700;padding:.25rem .55rem;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.status-pill.completed{border-color:var(--accent);color:var(--accent)}.status-pill.failed{border-color:var(--danger);color:var(--danger)}.inspire section{margin-bottom:1.6rem}.chip-row{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.4rem;margin-bottom:.6rem;-webkit-overflow-scrolling:touch}.chip{flex:none;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:999px;padding:.35rem .8rem;font-size:.8rem;cursor:pointer}.chip.active{background:var(--accent);border-color:var(--accent);color:#06110a;font-weight:700}.meal-card h2{margin-top:.7rem}.meal-img{width:100%;border-radius:12px;display:block}.offline-note{margin:.6rem 0}.ingredient-list{list-style:none;margin:.7rem 0 0;padding:0;display:flex;flex-direction:column;gap:.3rem}.ingredient-list li{display:flex;justify-content:space-between;gap:.75rem;font-size:.88rem;border-bottom:1px solid var(--border);padding-bottom:.3rem}.meal-instructions{margin-top:.8rem}.meal-instructions summary{cursor:pointer;font-weight:600}.meal-instructions p{white-space:pre-line;color:var(--muted);font-size:.9rem}.meal-links{display:flex;gap:1rem;margin-top:.8rem}.meal-links a{color:var(--accent);font-size:.88rem}.show-another{margin-top:.8rem;width:100%}.pose-featured{margin:.8rem 0;padding:.7rem}.pose-featured img{width:100%;border-radius:10px;display:block}.pose-featured figcaption,.pose-cell figcaption{text-align:center;color:var(--muted);font-size:.78rem;margin-top:.35rem}.pose-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-top:.8rem}.pose-cell{margin:0;cursor:pointer}.pose-cell img{width:100%;border-radius:10px;border:1px solid var(--border);display:block}