:root,:root[data-theme=dark]{--bg: #0f0d12;--surface: #16131c;--surface-2: #1f1a28;--border: #2a2435;--text: #f4f1ea;--text-dim: #9b94a8;--accent-orange: #ff8c2a;--accent-orange-soft: #ffb066;--accent-purple: #7a4dff;--accent-purple-soft: #a98bff;--danger: #ff5d5d;--radius: 14px;--radius-sm: 10px;--shadow: 0 6px 24px rgba(0, 0, 0, .35);--font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Monaco, "Cascadia Mono", monospace}:root[data-theme=light]{--bg: #f7f3ec;--surface: #ffffff;--surface-2: #f0e9dc;--border: #d8cebd;--text: #1f1a28;--text-dim: #6b6478;--accent-orange: #d96a14;--accent-orange-soft: #ff9f4a;--accent-purple: #5a37c8;--accent-purple-soft: #8a6cff;--danger: #d63a3a;--shadow: 0 6px 24px rgba(31, 26, 40, .12)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit;color:inherit}a{color:var(--accent-orange)}.app{min-height:100%;display:flex;flex-direction:column;max-width:880px;margin:0 auto;padding:16px 20px 24px}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.4px}.brand-mark{width:10px;height:10px;border-radius:2px;background:linear-gradient(135deg,var(--accent-orange),var(--accent-purple));box-shadow:0 0 0 2px #ff8c2a26}.header-right{display:flex;align-items:center;gap:10px}.tabs{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px;gap:4px}.settings{position:relative}.settings-trigger{width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text-dim);display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease,border-color .2s ease,transform .2s ease}.settings-trigger:hover{color:var(--text);border-color:var(--accent-purple)}.settings-trigger[aria-expanded=true]{color:var(--text);border-color:var(--accent-orange);transform:rotate(30deg)}.settings-popover{position:absolute;right:0;top:calc(100% + 8px);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:12px;width:240px;box-shadow:var(--shadow);z-index:10;display:flex;flex-direction:column;gap:10px}.settings-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text)}.settings-row label{cursor:pointer}.settings-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-orange);cursor:pointer}.settings-row input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.settings-hint{margin:0;color:var(--text-dim);font-size:11px;line-height:1.4}.settings-divider{height:1px;background:var(--border);margin:4px -12px}.settings-input{width:70px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-size:13px;text-align:right;outline:none;transition:border-color .2s ease}.settings-input:focus{border-color:var(--accent-orange)}.profile-chip{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:4px 10px 4px 4px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.2px;transition:border-color .2s ease}.profile-chip:hover{border-color:var(--accent-purple)}.profile-avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--accent-orange),var(--accent-purple));color:var(--bg);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:.2px}.profile-avatar--small{width:18px;height:18px;font-size:10px}.profile-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-section-label{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-dim);margin:2px 0 4px}.profile-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.profile-item{display:flex;align-items:center;gap:6px;padding:4px;border-radius:8px;transition:background .15s ease}.profile-item:hover{background:var(--bg)}.profile-item[data-active=true]{background:color-mix(in srgb,var(--accent-orange) 10%,var(--bg))}.profile-pick{display:inline-flex;align-items:center;gap:8px;flex:1;background:transparent;border:none;color:var(--text);padding:4px;font-size:13px;text-align:left;cursor:pointer}.profile-pick-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-active-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-orange);box-shadow:0 0 6px #ff8c2a99}.profile-actions{display:inline-flex;gap:2px}.icon-btn{width:22px;height:22px;border-radius:6px;background:transparent;border:1px solid transparent;color:var(--text-dim);font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .15s ease,border-color .15s ease,background .15s ease}.icon-btn:hover{color:var(--text);border-color:var(--border);background:var(--bg)}.icon-btn--danger:hover{color:var(--danger);border-color:#ff5d5d66}.profile-rename-input{width:100%;text-align:left}.link-btn{background:transparent;border:none;color:var(--accent-orange);font-size:12px;font-weight:600;text-align:left;padding:4px;cursor:pointer;border-radius:6px;transition:background .15s ease}.link-btn:hover{background:var(--bg)}.update-banner{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:12px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:8px 8px 8px 14px;border-radius:999px;font-size:13px;box-shadow:var(--shadow);z-index:100;animation:bannerIn .3s ease-out}.update-banner-text{color:var(--text-dim)}.update-banner-btn{padding:6px 14px;font-size:12px}@keyframes bannerIn{0%{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%);opacity:1}}.insights-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:14px}.insights-empty{margin:0;color:var(--text-dim);font-size:12px;font-style:italic}.insights-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.insight{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:10px}.insight-label{color:var(--text-dim);font-size:10px;letter-spacing:1.2px;text-transform:uppercase}.insight-value{font-size:16px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.insight-value[data-tone=up]{color:#7eff9c}.insight-value[data-tone=down]{color:#ff7d9c}.insight-sub{color:var(--text-dim);font-size:11px}.insights-footer{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--text-dim);padding-top:4px;border-top:1px solid var(--border)}.forecast{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--border)}.forecast-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.forecast-headline{margin:0;font-size:13px;color:var(--text);letter-spacing:.1px}.forecast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.forecast-half{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:10px}.forecast-half-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.forecast-confidence{font-size:9px;letter-spacing:1px;text-transform:uppercase;padding:2px 6px;border-radius:999px;border:1px solid var(--border);color:var(--text-dim)}.forecast-confidence[data-level=medium]{color:var(--accent-orange-soft);border-color:var(--accent-orange-soft)}.forecast-confidence[data-level=high]{color:var(--accent-purple-soft);border-color:var(--accent-purple-soft)}.forecast-value{font-size:22px;font-weight:700;color:var(--accent-orange);font-variant-numeric:tabular-nums}.forecast-sub{color:var(--text-dim);font-size:11px}.forecast-spark{display:flex;align-items:flex-end;gap:4px;height:28px;margin-top:6px}.forecast-spark-bar{flex:1;min-height:2px;border-radius:2px;background:linear-gradient(180deg,var(--accent-orange-soft),var(--accent-orange))}.forecast-spark-bar:last-child{background:linear-gradient(180deg,var(--accent-purple-soft),var(--accent-purple))}@media(max-width:520px){.insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-name{display:none}.forecast-grid{grid-template-columns:1fr}}.tab{background:transparent;border:none;color:var(--text-dim);padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.3px;transition:color .2s ease,background .2s ease}.tab[data-active=true]{background:var(--surface-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.tab:hover:not([data-active=true]){color:var(--text)}.focus{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:0}.hero{position:relative;width:100%;max-width:580px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding-top:50px}.hero-cup{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.hero-cup>svg{max-width:100%;height:auto}.bubble{position:absolute;top:8px;left:50%;transform:translate(-50%);background:linear-gradient(to bottom,#ffb066 0% 32%,#ff8c2a 32% 100%);border:2px solid #08060c;color:#0f0d12;padding:9px 14px;border-radius:0;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.3px;max-width:320px;min-height:40px;display:flex;align-items:center;text-align:center;line-height:1.4;box-shadow:4px 4px #7a4dff,4px 4px 0 2px #08060c;animation:bubbleIn .28s ease-out;z-index:3}.bubble:after{content:"";position:absolute;bottom:-8px;left:50%;margin-left:-5px;width:10px;height:10px;background:#ff8c2a;border-right:2px solid #08060c;border-bottom:2px solid #08060c;transform:rotate(45deg)}.timer-overlay{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none;z-index:2;text-align:center}.timer-overlay .timer{position:relative;font-family:var(--mono);font-size:24px;font-weight:700;letter-spacing:2px;font-variant-numeric:tabular-nums;margin:0;color:#0f0d12;background:linear-gradient(to bottom,#ffe6c4 0% 22%,#ffd9a8 22% 78%,#f3c282 78% 100%);border:2px solid #08060c;padding:6px 14px 5px;border-radius:0;box-shadow:3px 3px #cc6515,3px 3px 0 2px #08060c;text-shadow:1px 1px 0 #ffe6c4}.timer-overlay .timer:before{content:"";position:absolute;top:2px;left:2px;width:3px;height:3px;background:#fff;opacity:.55}.timer-overlay .timer:after{content:"";position:absolute;bottom:2px;right:2px;width:3px;height:3px;background:#cc6515;opacity:.6}.timer-overlay .timer-status{margin:0;font-family:var(--mono);font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:#ffd9a8;background:#08060c;border:2px solid #08060c;padding:3px 10px;text-shadow:none;box-shadow:2px 2px #cc6515}@media(max-width:540px){.bubble{max-width:280px}.timer-overlay .timer{font-size:20px;padding:5px 12px 4px;letter-spacing:1.5px}}@keyframes bubbleIn{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}.timer{font-family:var(--mono);font-size:56px;letter-spacing:2px;font-variant-numeric:tabular-nums;text-align:center;margin:0;color:var(--text);text-shadow:0 0 20px rgba(122,77,255,.15)}.timer-status{color:var(--text-dim);font-size:12px;letter-spacing:1.4px;text-transform:uppercase;margin-top:-10px}.presets{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.preset{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:10px 18px;border-radius:999px;font-size:14px;font-weight:600;transition:transform .15s ease,border-color .2s ease,background .2s ease}.preset:hover{border-color:var(--accent-purple)}.preset[data-selected=true]{background:linear-gradient(135deg,#ff8c2a26,#7a4dff2e);border-color:var(--accent-orange);color:var(--text)}.preset:disabled{opacity:.4;cursor:not-allowed}.actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:12px 22px;border-radius:999px;font-size:14px;font-weight:600;transition:transform .15s ease,background .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--accent-orange),var(--accent-purple));border-color:transparent;color:#0f0d12}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{background:transparent}.btn-danger{border-color:#ff5d5d66;color:var(--danger)}.intent{width:100%;max-width:460px;display:flex;flex-direction:column;gap:6px}.intent label{color:var(--text-dim);font-size:12px;letter-spacing:1.2px;text-transform:uppercase}.intent input,.intent textarea{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-size:14px;outline:none;transition:border-color .2s ease;resize:vertical}.intent input:focus,.intent textarea:focus{border-color:var(--accent-purple)}.intent input:disabled,.intent textarea:disabled{opacity:.6}.session-caption{margin:0;text-align:center;font-size:16px;font-weight:700;letter-spacing:.3px;line-height:1.2;background:linear-gradient(135deg,var(--accent-orange),var(--accent-purple));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.history{display:flex;flex-direction:column;gap:18px}.history-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.summary-label{color:var(--text-dim);font-size:11px;letter-spacing:1.2px;text-transform:uppercase}.summary-value{font-size:22px;font-weight:700;margin-top:4px;font-variant-numeric:tabular-nums}.goal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;display:flex;flex-direction:column;gap:8px}.goal-line{display:flex;align-items:baseline;justify-content:space-between}.goal-value{font-family:var(--mono);font-size:16px;font-variant-numeric:tabular-nums;color:var(--text)}.goal-target{color:var(--text-dim)}.goal-bar{height:6px;background:var(--bg);border:1px solid var(--border);border-radius:999px;overflow:hidden}.goal-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-orange),var(--accent-purple));border-radius:999px;transition:width .5s ease}.goal-bar-fill[data-complete=true]{background:linear-gradient(90deg,var(--accent-orange-soft),var(--accent-orange));box-shadow:0 0 12px #ff8c2a59}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px 12px;display:flex;flex-direction:column;gap:12px}.chart-header{display:flex;align-items:baseline;justify-content:space-between}.chart-meta{font-family:var(--mono);font-size:13px;color:var(--text-dim)}.weekly-heatmap{display:flex;flex-direction:column;gap:5px;max-width:460px;width:100%;align-self:center}.weekly-heatmap-row{display:grid;grid-template-columns:56px repeat(7,1fr);gap:5px;align-items:center}.weekly-heatmap-row--header{margin-bottom:2px}.weekly-heatmap-week-label{font-family:var(--mono);font-size:10px;letter-spacing:.4px;color:var(--text-dim);text-align:right;padding-right:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weekday-label{font-family:var(--mono);font-size:10px;letter-spacing:.4px;color:var(--text-dim);text-align:center;text-transform:uppercase}.heat-cell{aspect-ratio:1 / 1;background:var(--bg);border:1px solid var(--border);border-radius:3px;transition:transform .15s ease,box-shadow .15s ease;cursor:default}.heat-cell[data-level="1"]{background:color-mix(in srgb,var(--accent-purple) 22%,var(--bg));border-color:color-mix(in srgb,var(--accent-purple) 35%,var(--border))}.heat-cell[data-level="2"]{background:color-mix(in srgb,var(--accent-purple) 45%,var(--bg));border-color:color-mix(in srgb,var(--accent-purple) 55%,var(--border))}.heat-cell[data-level="3"]{background:color-mix(in srgb,var(--accent-orange) 55%,color-mix(in srgb,var(--accent-purple) 35%,var(--bg)));border-color:var(--accent-orange)}.heat-cell[data-level="4"]{background:linear-gradient(135deg,var(--accent-orange),var(--accent-orange-soft));border-color:var(--accent-orange-soft);box-shadow:0 0 8px #ff8c2a59}.heat-cell[data-today=true]{outline:1.5px solid var(--accent-orange);outline-offset:1px}.heat-cell[data-future=true]{background:transparent;border-style:dashed;opacity:.35}.heat-cell:hover:not([data-future=true]){transform:translateY(-1px)}.heat-cell--legend{width:10px;height:10px;aspect-ratio:auto}.heat-legend{display:flex;align-items:center;gap:4px;justify-content:flex-end;margin-top:2px}.heat-legend-label{font-size:10px;color:var(--text-dim);letter-spacing:.4px}.history-days{display:flex;flex-direction:column;gap:14px}.history-day{display:flex;flex-direction:column;gap:8px}.history-day-header{display:flex;align-items:baseline;justify-content:space-between;padding:0 4px}.history-day-title{color:var(--text);font-weight:600;font-size:13px;letter-spacing:.4px}.history-day-total{font-family:var(--mono);font-size:12px;color:var(--text-dim)}.history-reflection{margin-top:4px;font-style:italic}.history-list{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0;margin:0}.history-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.history-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-orange)}.history-dot[data-status=stopped_early]{background:var(--accent-purple)}.history-meta{display:flex;flex-direction:column;gap:2px}.history-time{font-size:13px;color:var(--text)}.history-detail{font-size:12px;color:var(--text-dim)}.history-duration{font-family:var(--mono);font-size:14px;color:var(--text)}.history-empty{text-align:center;color:var(--text-dim);padding:36px 16px;border:1px dashed var(--border);border-radius:var(--radius)}.history-note{font-size:12px;color:var(--text-dim);font-style:italic;margin-top:4px}.footer{margin-top:auto;padding-top:14px;text-align:center;font-size:11px;color:var(--text-dim)}@media(max-width:520px){.timer{font-size:44px}.history-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-value{font-size:18px}.heatmap{gap:4px}}.custom-row{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;background:var(--surface);border:1px solid var(--border);border-radius:999px}.custom-label{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-dim)}.custom-input{width:70px;text-align:right}.settings-select{padding:5px 8px;background:var(--bg);border:1px solid var(--border);border-radius:8px;font-size:12px;color:var(--text);font-family:inherit;text-align:right;cursor:pointer;width:auto;min-width:96px}.settings-range{width:96px;accent-color:var(--accent-orange)}.settings-row--actions{gap:10px;flex-wrap:wrap;justify-content:flex-start}.settings-row--actions .link-btn{border:1px solid var(--border);padding:4px 10px}.reflection-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px}.reflection-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.reflection-countdown{font-family:var(--mono);font-size:10px;letter-spacing:.6px;color:var(--text-dim);white-space:nowrap}.reflection-toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:8px 18px;border-radius:999px;font-size:12px;letter-spacing:.4px;box-shadow:var(--shadow);z-index:100;animation:bannerIn .3s ease-out}.goal-streak-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;font-size:11px}.goal-streak-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent-purple) 14%,var(--bg));border:1px solid color-mix(in srgb,var(--accent-purple) 40%,var(--border));color:var(--text);font-weight:600;letter-spacing:.3px}.goal-streak-chip[data-on=true]{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-orange) 22%,var(--bg)),color-mix(in srgb,var(--accent-purple) 22%,var(--bg)));border-color:var(--accent-orange);box-shadow:0 0 12px color-mix(in srgb,var(--accent-orange) 35%,transparent)}.goal-streak-emoji{color:var(--accent-orange)}.goal-streak-best{color:var(--text-dim);font-family:var(--mono)}.forecast-heatmap{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.forecast-heatmap-header{display:flex;align-items:baseline;justify-content:space-between}.forecast-heatmap-grid{display:grid;grid-template-columns:18px repeat(24,1fr);gap:2px;align-items:center}.forecast-heatmap-corner{width:18px;height:14px}.forecast-heatmap-hour{font-family:var(--mono);font-size:9px;color:var(--text-dim);text-align:center;letter-spacing:.2px;height:14px;line-height:14px}.forecast-heatmap-row{display:contents}.forecast-heatmap-day{font-family:var(--mono);font-size:10px;letter-spacing:.4px;color:var(--text-dim);text-align:right;padding-right:4px}.forecast-heatmap-cell{aspect-ratio:1 / 1;background:var(--bg);border:1px solid var(--border);border-radius:2px;min-width:6px}.forecast-heatmap-cell[data-level="1"]{background:color-mix(in srgb,var(--accent-purple) 22%,var(--bg));border-color:color-mix(in srgb,var(--accent-purple) 35%,var(--border))}.forecast-heatmap-cell[data-level="2"]{background:color-mix(in srgb,var(--accent-purple) 45%,var(--bg));border-color:color-mix(in srgb,var(--accent-purple) 55%,var(--border))}.forecast-heatmap-cell[data-level="3"]{background:color-mix(in srgb,var(--accent-orange) 55%,color-mix(in srgb,var(--accent-purple) 35%,var(--bg)));border-color:var(--accent-orange)}.forecast-heatmap-cell[data-level="4"]{background:linear-gradient(135deg,var(--accent-orange),var(--accent-orange-soft));border-color:var(--accent-orange-soft);box-shadow:0 0 6px #ff8c2a59}.forecast-heatmap-cell--legend{width:10px;height:10px;aspect-ratio:auto}.forecast-heatmap-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:var(--text-dim);font-family:var(--mono)}.heat-cell--button{border-width:1px;padding:0;cursor:pointer;transition:transform .12s ease,box-shadow .15s ease,outline-offset .15s ease}.heat-cell--button:hover{transform:translateY(-1px)}.heat-cell--button[data-selected=true]{outline:2px solid var(--accent-orange);outline-offset:2px;box-shadow:0 0 0 1px var(--accent-orange)}.heat-drilldown{margin-top:12px;padding:12px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:10px;animation:drilldownIn .2s ease-out}.heat-drilldown-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}@keyframes drilldownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.records-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:12px}.records-card-header{display:flex;align-items:baseline;justify-content:space-between}.records-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.record-chip{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:10px}.record-label{color:var(--text-dim);font-size:10px;letter-spacing:1.2px;text-transform:uppercase}.record-value{font-size:18px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.record-sub{color:var(--text-dim);font-size:11px;font-family:var(--mono)}.records-brewed{display:flex;align-items:baseline;justify-content:center;gap:12px;padding:10px 14px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-orange) 14%,var(--bg)),color-mix(in srgb,var(--accent-purple) 14%,var(--bg)));border:1px solid color-mix(in srgb,var(--accent-orange) 35%,var(--border));border-radius:10px;text-align:center;flex-wrap:wrap}.records-brewed-label{color:var(--text-dim);font-size:10px;letter-spacing:1.4px;text-transform:uppercase}.records-brewed-value{font-family:var(--mono);font-size:22px;font-weight:700;color:var(--text);letter-spacing:.4px;font-variant-numeric:tabular-nums}.records-brewed-sub{color:var(--text-dim);font-size:11px}@media(max-width:520px){.records-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.rhythm-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:16px}.rhythm-section{display:flex;flex-direction:column;gap:8px}.rhythm-header{display:flex;align-items:baseline;justify-content:space-between}.rhythm-bars{display:grid;gap:4px;align-items:end}.rhythm-bars--hourly{grid-template-columns:repeat(24,1fr)}.rhythm-bars--daily{grid-template-columns:repeat(7,1fr);max-width:360px;align-self:center;width:100%;gap:8px}.rhythm-bar{display:flex;flex-direction:column;align-items:center;gap:4px}.rhythm-bar-track{width:100%;height:56px;display:flex;align-items:flex-end;justify-content:center;background:color-mix(in srgb,var(--bg) 70%,var(--surface) 30%);border-radius:4px;border:1px solid var(--border);overflow:hidden}.rhythm-bar-fill{width:100%;background:var(--bg);transition:height .4s ease;border-radius:0 0 3px 3px}.rhythm-bar-fill[data-level="1"]{background:color-mix(in srgb,var(--accent-purple) 26%,var(--bg))}.rhythm-bar-fill[data-level="2"]{background:color-mix(in srgb,var(--accent-purple) 50%,var(--bg))}.rhythm-bar-fill[data-level="3"]{background:color-mix(in srgb,var(--accent-orange) 55%,color-mix(in srgb,var(--accent-purple) 35%,var(--bg)))}.rhythm-bar-fill[data-level="4"]{background:linear-gradient(180deg,var(--accent-orange-soft),var(--accent-orange));box-shadow:0 0 6px color-mix(in srgb,var(--accent-orange) 40%,transparent)}.rhythm-bar-label{font-family:var(--mono);font-size:9px;letter-spacing:.2px;color:var(--text-dim);height:10px}.rhythm-bar--daily .rhythm-bar-label{font-size:11px}.trend-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.trend-header{display:flex;align-items:baseline;justify-content:space-between}.trend-header [data-tone=up]{color:#7eff9c}.trend-header [data-tone=down]{color:#ff7d9c}.trend-header [data-tone=flat]{color:var(--text-dim)}.trend-spark{display:block;width:100%;height:56px}.trend-foot{display:flex;align-items:baseline;justify-content:space-between;font-size:12px;color:var(--text-dim)}.trend-foot strong{color:var(--text);font-family:var(--mono);font-weight:700}.reflection-words-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.reflection-words-header{display:flex;align-items:baseline;justify-content:space-between}.reflection-words{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}.reflection-word{display:inline-block;padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text);font-family:var(--mono);font-size:12px;letter-spacing:.2px;line-height:1;transition:transform .15s ease,border-color .15s ease}.reflection-word[data-weight="1"]{font-size:11px;opacity:.85}.reflection-word[data-weight="2"]{font-size:12px}.reflection-word[data-weight="3"]{font-size:13px;border-color:color-mix(in srgb,var(--accent-purple) 50%,var(--border));color:var(--text)}.reflection-word[data-weight="4"]{font-size:14px;border-color:var(--accent-purple-soft);background:color-mix(in srgb,var(--accent-purple) 14%,var(--bg));font-weight:600}.reflection-word[data-weight="5"]{font-size:16px;border-color:var(--accent-orange);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-orange) 22%,var(--bg)),color-mix(in srgb,var(--accent-purple) 22%,var(--bg)));color:var(--text);font-weight:700;box-shadow:0 0 8px color-mix(in srgb,var(--accent-orange) 35%,transparent)}@media(prefers-reduced-motion:reduce){.bubble,.update-banner,.reflection-toast{animation:none!important}.btn:hover{transform:none!important}.heat-cell:hover:not([data-future=true]),.heat-cell--button:hover{transform:none!important}.goal-bar-fill{transition:none!important}.heat-drilldown{animation:none!important}.rhythm-bar-fill{transition:none!important}}