:root{--black:black;--primary-warm-grey-700:#2d2c2b;--dark-grey-copy-cta:#3a3938;--white:white;--dark-blue:#084fff;--light-grey:#f4f4f4;--orange:#ff7e1d;--turmeric:#dea531;--light-blue:#0c6ff9;--red:#e85d4a;--wary-grey-200:#e2ded9;--extended-yellow-100:#ffe14f;--yellow:#ffce00;--secondary-blue:#0061ef;--primary-orange-200:#ff7300;--2ndary-warm-grey-100:#f9f4f2;--grey-for-bg:#faf8f4;--primary-blue:#0040ea;--silver-for-divider:#c0baad33;--blue-violet:#90f;--color:white;--sky-blue:#00a2fd;--green:#01a652;--warm-grey-300:#ded9d4;--extended-orange-100:orange;--radius-pill:50rem;--radius-card:.75rem;--radius-field:.5rem;--shadow-card:0 6px #dad7d5;--shadow-button:0 2px 1px #413d4533;--font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--card-bg:#f5f2ed;--bg:var(--grey-for-bg);--surface:var(--white);--surface-muted:var(--card-bg);--text:var(--primary-warm-grey-700);--text-secondary:var(--dark-grey-copy-cta);--muted:#6b6762;--border:var(--wary-grey-200);--divider:var(--silver-for-divider);--accent:var(--secondary-blue);--accent-text:var(--white);--error:var(--red);--danger:#c43c2d;--danger-hover:#ad3326;--shadow:var(--shadow-card);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-feeling=happiness]{--feeling-color:var(--yellow)}[data-feeling=sadness]{--feeling-color:var(--sky-blue)}[data-feeling=anger]{--feeling-color:var(--red)}[data-feeling=fear]{--feeling-color:var(--blue-violet)}[data-feeling=surprise]{--feeling-color:var(--orange)}[data-feeling=disgust]{--feeling-color:var(--green)}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-body);margin:0;font-size:1rem;line-height:1.5}main{max-width:40rem;margin:0 auto;padding:2.5rem 1rem 4rem}h1,h2{letter-spacing:-1px;overflow-wrap:anywhere;font-weight:700;line-height:1}h1{margin:0 0 1.5rem;font-size:2.5rem}h2{margin:3rem 0 1.25rem;font-size:1.875rem}.eyebrow{color:var(--muted);margin:0 0 .5rem;font-size:.875rem;font-weight:500}.app-header-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;display:flex}.locale-switch{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:.375rem;font-size:.875rem;display:inline-flex}.locale-switch select{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none}.tabs{background:var(--surface-muted);border-radius:var(--radius-pill);gap:.25rem;margin-bottom:1.5rem;padding:.25rem;display:flex}.tabs button{white-space:nowrap;overflow-wrap:normal;min-height:2.75rem;color:var(--text-secondary);box-shadow:none;background:0 0;border-color:#0000;flex:1 0 auto;justify-content:center;align-items:center;gap:.375rem;padding:.625rem .375rem;font-size:.875rem;display:inline-flex}.tabs button:hover:not([aria-current]){background:var(--surface);border-color:#0000}.tabs button[aria-current]{color:var(--accent-text);background:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-button)}.count{opacity:.7;font-size:.875rem}.card{background:var(--surface-muted);border-radius:var(--radius-card);min-width:0;box-shadow:var(--shadow);gap:1.25rem;padding:1.5rem;display:grid}.card h2{margin:0}.lead{color:var(--text-secondary);margin:-.5rem 0 0}.empty-state,.done{text-align:center;justify-items:center}.done p{color:var(--text-secondary);margin:0}@media (width<=60rem) and (height<=44rem){main{padding-block:1rem 2rem}.app-header-top{row-gap:.25rem}.eyebrow{margin-bottom:.25rem}.app-header h1,.tabs{margin-bottom:1rem}.card{gap:1rem;padding:1rem}}.feelings{grid-template-columns:repeat(auto-fill,minmax(min(9rem,100%),1fr));gap:.75rem;display:grid}.feeling{overflow-wrap:anywhere;min-width:0;color:var(--text-secondary);background:color-mix(in srgb, var(--feeling-color) 18%, var(--surface));border-radius:var(--radius-card);box-shadow:none;text-align:center;border:2px solid #0000;flex-direction:column;justify-self:stretch;align-items:center;gap:.25rem;padding:.875rem .5rem;display:flex}.feeling[aria-pressed=true]{border-color:var(--feeling-color);color:var(--text)}.feeling-label{color:var(--text)}.feeling-hint{color:var(--muted);font-size:.875rem;font-weight:400}.swatch{background:var(--feeling-color);border-radius:50%;width:1.5rem;height:1.5rem;margin-bottom:.25rem}@media (width<=30rem){.feeling-picker{padding:1rem}.feelings{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.feeling{padding:.75rem .5rem}.feeling .swatch{width:1rem;height:1rem;margin-bottom:0}}.draft-status{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 .5rem;font-size:.875rem;display:flex}.draft-status button.link{min-height:2.75rem;padding:.5rem}.draft-status-picker{margin-bottom:.5rem}.step-top{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.step-count{color:var(--muted);margin-left:auto;font-size:.875rem}.progress+.draft-status{margin-block:-1rem}.progress{gap:.375rem;margin-top:-.5rem;display:flex}.progress span{border-radius:var(--radius-pill);background:var(--border);flex:1;height:.375rem;transition:background .2s}.progress .filled{background:var(--feeling-color)}.prompt{gap:.375rem;min-width:0;display:grid}.prompt-label{overflow-wrap:anywhere;letter-spacing:-.5px;font-size:1.5rem;font-weight:700;line-height:1.2}.prompt-hint{color:var(--muted);margin-bottom:.5rem}textarea,input[type=date]{width:100%;min-width:0;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-field);padding:.75rem 1rem;font-weight:400;transition:border-color .2s}textarea{resize:vertical}textarea::placeholder{color:var(--muted)}textarea:focus,input[type=date]:focus{border-color:var(--accent);outline:none}button{overflow-wrap:anywhere;max-width:100%;font:inherit;color:var(--accent-text);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-pill);box-shadow:var(--shadow-button);cursor:pointer;justify-self:start;padding:.88rem 2rem;font-weight:500;line-height:1.25;transition:all .2s}button:hover:not(:disabled){background:var(--primary-blue);border-color:var(--primary-blue)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.secondary{color:var(--accent);background:var(--surface);border-color:var(--border)}button.secondary:hover:not(:disabled){background:var(--surface);border-color:var(--accent)}button.link{color:var(--accent);box-shadow:none;background:0 0;border-color:#0000;padding-inline:.5rem}button.link:hover:not(:disabled){color:var(--primary-blue);background:0 0;border-color:#0000}.feeling:hover:not(:disabled),.feeling[aria-pressed=true]:hover:not(:disabled){background:color-mix(in srgb, var(--feeling-color) 18%, var(--surface));border-color:var(--feeling-color)}.actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.done .actions{justify-content:center}@media (width<=30rem){.step-actions{grid-template-columns:minmax(0,1fr) max-content;display:grid}.step-actions button{overflow-wrap:normal;justify-self:stretch;min-height:3.125rem;padding-inline:.75rem}.step-actions .link{grid-column:1/-1}}.chip{color:var(--text);background:color-mix(in srgb, var(--feeling-color,var(--border)) 18%, var(--surface));box-shadow:none;border:1px solid #0000;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.875rem;display:inline-flex}.chip:hover:not(:disabled){background:color-mix(in srgb, var(--feeling-color,var(--border)) 18%, var(--surface));border-color:var(--feeling-color,var(--border))}.chip[aria-pressed=true]{border-color:var(--feeling-color,var(--accent));background:color-mix(in srgb, var(--feeling-color,var(--accent)) 30%, var(--surface))}.chip-action{color:var(--accent)}.error{color:var(--error);margin:0}.entry-transfer{gap:1rem;margin-bottom:1.25rem;display:grid}.filters{flex-wrap:wrap;gap:.5rem;display:flex}.filters .chip{min-height:2.75rem}.filters .chip:not([aria-pressed=true]){background:var(--surface);border-color:var(--border)}.filters .chip:not([aria-pressed=true]):hover{border-color:var(--feeling-color,var(--accent))}.day h3{color:var(--text-secondary);margin:2rem 0 .75rem;font-size:1rem;font-weight:700}.entries{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.entry{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);min-width:0}.entry[data-marked=true]{background:color-mix(in srgb, var(--extended-yellow-100) 15%, var(--surface));border-color:var(--turmeric)}.entry-mark{color:var(--text);font-size:.875rem}.entry-summary{flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem 1.25rem;list-style:none;display:flex}summary.entry-summary{cursor:pointer}.entry details>.error{margin:0 1.25rem}summary.entry-summary::-webkit-details-marker{display:none}summary.entry-summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-card)}.entry-main{flex:6rem;min-width:0;display:grid}.entry-preview{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:.875rem;overflow:hidden}details[open] .entry-preview{display:none}.entry-disclosure{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.entry-disclosure-open,details[open] .entry-disclosure-closed{display:none}details[open] .entry-disclosure-open{display:inline}.entry-chevron{color:var(--text-secondary);flex:none}details[open] .entry-chevron{transform:rotate(180deg)}.entry time{color:var(--muted);align-self:start;font-size:.875rem}.badge{width:2.25rem;height:2.25rem;color:var(--text);background:color-mix(in srgb, var(--feeling-color) 25%, var(--surface));border-radius:50%;flex:none;place-items:center;display:grid}.badge.large{width:4rem;height:4rem}.entry dl{margin:0;padding:0 1.25rem 1rem}.entry dl>div{border-top:1px solid var(--divider);margin-top:.75rem;padding-top:.75rem}.entry dt{color:var(--muted);font-size:.875rem}.entry dd{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.entry dl+.entry-actions{padding-top:0}.entry-actions,.entry-body{padding:.75rem 1.25rem 1rem}.entry-body{gap:.75rem;display:grid}.entry-field{gap:.375rem;display:grid}.entry-field-label{color:var(--muted);font-size:.875rem}.entry-confirm{margin:0}button.danger{color:var(--surface);background:var(--danger);border-color:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}.patterns{gap:1.5rem;display:grid}.week{grid-template-columns:repeat(auto-fit,minmax(min(1.5rem,100%),1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.week li{justify-items:center;gap:.375rem;display:grid}.week-day{overflow-wrap:anywhere;min-width:0;color:var(--muted);font-size:.875rem}.week-cell{background:var(--surface);border-radius:var(--radius-field);flex-direction:column;justify-content:center;align-items:center;gap:.375rem;width:100%;min-height:4.5rem;padding:.5rem 0;line-height:1.25;display:flex}.week li:last-child .week-cell{outline:2px solid var(--accent)}.week-empty{background:var(--border);border-radius:50%;width:.375rem;height:.375rem}.week-more{color:var(--muted);font-size:.75rem}.bar{gap:.25rem;height:.75rem;display:flex}.bar span{border-radius:var(--radius-pill);background:var(--feeling-color);flex-basis:0}.legend{margin:-.5rem 0 0;padding:0;list-style:none;display:grid}.legend li{border-bottom:1px solid var(--divider);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.legend li:last-child{border-bottom:none}.dot{background:var(--feeling-color);border-radius:50%;flex:none;width:.75rem;height:.75rem}.with-dot{align-items:center;gap:.375rem;display:flex}.legend-value{color:var(--muted);margin-left:auto;font-size:.875rem}.stats{grid-template-columns:repeat(auto-fit,minmax(min(9rem,100%),1fr));gap:.75rem;margin:0;display:grid}.stats div{overflow-wrap:anywhere;background:var(--surface);border-radius:var(--radius-field);min-width:0;padding:1rem}.stats dt{color:var(--muted);font-size:.875rem}.stats dd{margin:0;font-weight:700}@media (width<=30rem){.patterns{gap:1rem}.patterns .card{gap:1rem;padding:1rem}.patterns .week{gap:.25rem}.patterns .legend li{padding-block:.25rem}.patterns .stats{gap:.5rem}.patterns .stats div{padding:.75rem}}