:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--accent:#bad5b0;--accent-strong:#a9c99d;--accent-soft:#e7f0e2;--on-accent:#33472c;--accent-ink:#567a49;--bg:#fafaf8;--surface:#fff;--selected:#eae8e2;--text:#1a1c1a;--text-secondary:#5c6259;--text-tertiary:#9aa094;--hairline:#0000001a;--danger:#c92a2a;--danger-soft:#fdecec;--font-sans:"Hanken Grotesk", -apple-system, BlinkMacSystemFont, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#bad5b0;--accent-strong:#a9c99d;--accent-soft:#2a3826;--on-accent:#1a2416;--accent-ink:#a3c497;--bg:#131513;--surface:#1c1f1c;--selected:#2f322f;--text:#ecefea;--text-secondary:#a3aa9f;--text-tertiary:#6b7267;--hairline:#ffffff21;--danger:#ff6b6b;--danger-soft:#3a1d1d}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}#root{max-width:600px;padding:env(safe-area-inset-top) calc(20px + env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));min-height:100dvh;margin:0 auto}a{color:var(--text);text-decoration:none}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input,select,textarea{color:inherit;font-family:inherit;font-size:16px}hr{border:none;border-top:1px solid var(--hairline)}.page-header{border-bottom:1px solid var(--hairline);align-items:center;gap:12px;padding:20px 0 12px;display:flex}.page-header h1{flex:1;margin:0;font-size:20px;font-weight:700}.page-header a{color:var(--text-secondary);align-items:center;display:flex}.empty-hint{color:var(--text-tertiary);text-align:center;padding:48px 0}.item-list{margin:0;padding:0;list-style:none}.item-list li+li{border-top:1px solid var(--hairline)}.item-row{color:var(--text);align-items:center;gap:12px;padding:16px 0;display:flex}.item-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.item-numbers{flex-direction:column;align-items:flex-end;line-height:1.3;display:flex}.item-today{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.item-today small{color:var(--text-secondary);font-size:13px;font-weight:400}.item-yesterday{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:12px}.item-form{flex-direction:column;gap:20px;padding-top:24px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--text-secondary);font-size:13px}.field input[type=text]{background:var(--surface);border:1px solid var(--hairline);border-radius:10px;padding:12px 14px}.field input[type=text]:focus{border-color:var(--accent-ink);outline:none}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{border:2px solid #0000;border-radius:50%;width:32px;height:32px}.swatch.selected{outline:2px solid var(--accent-ink);outline-offset:2px}.btn-primary{background:var(--accent);color:var(--on-accent);text-align:center;border-radius:10px;padding:12px 20px;font-weight:600;display:inline-block}.btn-primary:disabled{opacity:.4;cursor:default}.btn-primary:not(:disabled):active{background:var(--accent-strong)}.btn-secondary{color:var(--text);border:1px solid var(--accent-ink);text-align:center;background:0 0;border-radius:10px;padding:12px 20px;font-weight:600;display:inline-block}.btn-secondary:active{background:var(--accent-soft)}.backup-actions{gap:12px;display:flex}.import-msg{color:var(--text-secondary);margin:12px 0 0;font-size:13px}.import-msg.error{color:var(--danger)}.page-header h1 .item-dot{margin-right:8px;display:inline-block}.day-total{text-align:center;padding:28px 0 8px}.day-total-value{font-variant-numeric:tabular-nums;font-size:48px;font-weight:700;line-height:1.1;display:block}.day-total-value small{color:var(--text-secondary);font-size:18px;font-weight:400}.day-total-label{color:var(--text-tertiary);font-size:13px}.entry-form{gap:10px;margin-top:20px;display:flex}.entry-input{background:var(--surface);border:1px solid var(--hairline);text-align:center;font-variant-numeric:tabular-nums;border-radius:10px;flex:1;min-width:0;padding:12px 14px;font-size:24px;font-weight:600}.entry-input:focus{border-color:var(--accent-ink);outline:none}.prev-hint{text-align:center;color:var(--text-tertiary);margin:8px 0 0;font-size:13px}.entry-date-row{border-top:1px solid var(--hairline);color:var(--text-secondary);align-items:center;gap:10px;margin-top:28px;padding-top:16px;font-size:13px;display:flex}.entry-date-row input[type=date]{background:var(--surface);border:1px solid var(--hairline);border-radius:8px;padding:6px 10px}.link-btn{color:var(--text);font-size:14px;font-weight:500}.link-btn:disabled{opacity:.4;cursor:default}.entry-empty{color:var(--text-tertiary);text-align:center;margin:16px 0 0;font-size:13px}.entry-list{margin:8px 0 0;padding:0;list-style:none}.entry-row{align-items:center;gap:12px;padding:10px 0;display:flex}.entry-row+.entry-row{border-top:1px solid var(--hairline)}.entry-value{font-variant-numeric:tabular-nums;flex:1;font-weight:600}.entry-value small{color:var(--text-secondary);font-size:13px;font-weight:400}.entry-time{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:12px}.entry-edit-input{background:var(--surface);border:1px solid var(--accent-ink);font-variant-numeric:tabular-nums;border-radius:8px;flex:1;min-width:0;padding:6px 10px}.entry-edit-input:focus{outline:none}.icon-btn{color:var(--text-tertiary);align-items:center;padding:6px;display:flex}.icon-btn.danger{color:var(--danger)}.pr-toast{background:var(--accent);color:var(--on-accent);z-index:10;white-space:nowrap;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;animation:2.6s both pr-pop;position:fixed;top:16px;left:50%;transform:translate(-50%)}@keyframes pr-pop{0%{opacity:0;transform:translate(-50%)translateY(-8px)scale(.9)}12%{opacity:1;transform:translate(-50%)translateY(0)scale(1.04)}18%{transform:translate(-50%)translateY(0)scale(1)}85%{opacity:1}to{opacity:0}}.report-section{margin-top:32px}.report-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.report-header h2{color:var(--text-secondary);margin:0;font-size:15px;font-weight:600}.summary-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:32px;display:grid}.stat{background:var(--surface);border:1px solid var(--hairline);border-radius:12px;flex-direction:column;gap:2px;padding:12px;display:flex}.stat-label{color:var(--text-tertiary);font-size:12px}.stat-value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.stat-value small{color:var(--text-secondary);font-size:12px;font-weight:400}.stat-up{color:var(--accent-ink)}.stat-down{color:var(--danger)}.range-tabs{background:var(--surface);border:1px solid var(--hairline);border-radius:8px;gap:4px;padding:2px;display:flex}.range-tab{color:var(--text-secondary);border-radius:6px;padding:4px 10px;font-size:13px}.range-tab.active{background:var(--selected);color:var(--text);font-weight:600}.chart-wrap{background:var(--surface);border:1px solid var(--hairline);border-radius:12px;padding:12px 8px 4px}.month-nav{align-items:center;gap:4px;display:flex}.month-nav .icon-btn:disabled{opacity:.3;cursor:default}.month-label{color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:center;min-width:92px;font-size:13px}.heatmap-grid{background:var(--surface);border:1px solid var(--hairline);border-radius:12px;grid-template-columns:repeat(7,1fr);gap:6px;padding:12px;display:grid}.heatmap-weekday{color:var(--text-tertiary);text-align:center;font-size:11px}.heatmap-cell{aspect-ratio:1;background:var(--bg);border:1px solid var(--hairline);border-radius:6px}.heatmap-cell.today{outline:2px solid var(--accent-ink);outline-offset:1px}.heatmap-cell.future{opacity:.35;border-style:dashed}.settings-section{border-bottom:1px solid var(--hairline);margin-top:28px;padding-bottom:24px}.settings-section h2{color:var(--text);margin:0 0 12px;font-size:15px;font-weight:600}.settings-section .range-tabs{display:inline-flex}.settings-note{color:var(--text-secondary);margin:12px 0 0;font-size:13px;line-height:1.7}.about-video{border:1px solid var(--hairline);color:var(--text);border-radius:10px;align-items:center;gap:12px;margin-top:16px;padding:12px 14px;display:flex}.about-video:hover{border-color:var(--accent-ink)}.about-video svg{color:var(--accent-ink);flex-shrink:0}.btn-danger{width:100%;color:var(--danger);background:var(--danger-soft);border-radius:10px;margin-top:40px;padding:12px 20px;font-weight:600;display:block}