:root{--c-paper: #f4f1ea;--c-cream: #fbf8f1;--c-bone: #ece7dc;--c-stone: #ddd6c7;--c-white: #ffffff;--c-ink-900: #2a261f;--c-ink-700: #4a4339;--c-ink-500: #6c6354;--c-ink-400: #8a8275;--c-hairline: #d6cdbb;--c-sage: #7a8b7e;--c-sage-soft: #c8d2c4;--c-tan: #c9a98b;--c-clay: #a4453b;--bg-page: var(--c-paper);--bg-frame: var(--c-stone);--bg-card: var(--c-bone);--bg-card-deep: var(--c-stone);--bg-raised: var(--c-white);--bg-inverse: var(--c-ink-900);--bg-input: var(--c-cream);--fg: var(--c-ink-900);--fg-strong: var(--c-ink-900);--fg-muted: var(--c-ink-500);--fg-subtle: var(--c-ink-400);--fg-on-inverse: var(--c-paper);--fg-error: var(--c-clay);--border: var(--c-hairline);--border-strong: var(--c-ink-400);--accent: var(--c-sage);--accent-soft: var(--c-sage-soft);--warm: var(--c-tan);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 22px;--radius-pill: 999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-md: 15px;--text-lg: 17px;--text-xl: 22px;--text-2xl: 26px;--text-3xl: 32px;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--tracking-tight: -.5px;--tracking-tighter: -.8px;--tracking-eyebrow: .08em;--shadow-none: none;--shadow-sm: 0 1px 2px rgba(42, 38, 31, .04);--shadow-md: 0 4px 16px rgba(42, 38, 31, .06);--shadow-lg: 0 12px 40px rgba(42, 38, 31, .1);--shadow-focus: 0 0 0 3px rgba(122, 139, 126, .28);--ease: cubic-bezier(.2, 0, 0, 1);--duration-fast: .12s;--duration-base: .18s;--paper: var(--c-paper);--surface: var(--bg-card);--surface-2: var(--bg-card-deep);--ink: var(--c-ink-900);--ink-2: var(--c-ink-500);--ink-3: var(--c-ink-400);--hairline: var(--c-hairline)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);background:var(--bg-frame);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11"}button{font-family:inherit}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-xs)}.app-shell{position:relative;width:100%;min-height:100vh;max-width:480px;margin:0 auto;background:var(--bg-page);padding:var(--space-7) var(--space-6) var(--space-7);padding-bottom:calc(var(--space-7) + env(safe-area-inset-bottom));display:flex;flex-direction:column}@media (min-width: 600px){.app-shell{margin-top:var(--space-7);margin-bottom:var(--space-7);min-height:calc(100vh - var(--space-9));border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}}.eyebrow{font-size:10px;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--fg-subtle);font-weight:var(--weight-medium)}.subtle{font-size:var(--text-sm);color:var(--fg-subtle)}.muted{color:var(--fg-muted)}.title-xl{font-size:var(--text-3xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);font-weight:var(--weight-medium);color:var(--fg);margin:0}.title-lg{font-size:var(--text-2xl);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);font-weight:var(--weight-medium);color:var(--fg);margin:0}.title-md{font-size:var(--text-xl);line-height:1.2;letter-spacing:-.3px;font-weight:var(--weight-medium);color:var(--fg);margin:0}.body{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--fg-muted)}.divider{height:1px;background:var(--border);border:0}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-6)}.card.white{background:var(--bg-raised);box-shadow:var(--shadow-sm)}.card.deep{background:var(--bg-card-deep)}.card.inverse{background:var(--bg-inverse);color:var(--fg-on-inverse)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.row{display:flex;gap:var(--space-2)}.row>*{flex:1}.spacer-grow{flex:1}.btn{width:100%;border:1px solid transparent;border-radius:var(--radius-md);padding:var(--space-5) var(--space-5);background:var(--bg-card);color:var(--fg);font-size:var(--text-md);font-weight:var(--weight-medium);line-height:1.2;cursor:pointer;display:flex;align-items:center;justify-content:space-between;text-align:left;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.btn:hover{background:var(--bg-card-deep)}.btn:active{transform:scale(.995)}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn.center{justify-content:center}.btn.primary{background:var(--bg-inverse);color:var(--fg-on-inverse);box-shadow:var(--shadow-sm)}.btn.primary:hover{background:#000}.btn.primary:active{transform:scale(.995)}.btn.ghost{background:transparent;border-color:var(--border);color:var(--fg)}.btn.ghost:hover{background:var(--bg-card)}.tile-group{display:flex;gap:var(--space-2);flex-wrap:wrap}.tile{flex:1 1 0;min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-3);background:transparent;color:var(--fg-muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);font-size:13px;line-height:1.2;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.tile:hover{background:var(--bg-card);color:var(--fg)}.tile:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.tile.on{background:var(--bg-inverse);color:var(--fg-on-inverse);border-color:var(--bg-inverse)}.tile.on:hover{background:var(--bg-inverse);color:var(--fg-on-inverse)}.tile.wide{flex-basis:100%}.hint{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-page);font-size:var(--text-sm);color:var(--fg-muted)}.hint .dot{width:6px;height:6px;border-radius:3px;background:var(--warm);flex:0 0 auto}.ticks{display:flex;gap:3px}.ticks .tick{width:14px;height:4px;border-radius:2px;background:var(--border)}.ticks .tick.on{background:var(--accent)}.expand{border-top:1px solid var(--border);padding:var(--space-4) var(--space-1)}.expand-header{display:flex;justify-content:space-between;align-items:center;background:none;border:none;padding:0;width:100%;font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--fg);cursor:pointer;font-family:inherit}.expand-header:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-xs)}.expand-body{margin-top:var(--space-3);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--fg-muted)}.field{display:flex;flex-direction:column;gap:var(--space-3)}.field-label{font-size:var(--text-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--fg-subtle);font-weight:var(--weight-medium)}input.text-input,textarea.text-input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-4);font-family:inherit;font-size:var(--text-md);line-height:var(--leading-normal);color:var(--fg);resize:vertical;transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}input.text-input::placeholder,textarea.text-input::placeholder{color:var(--fg-subtle)}input.text-input:hover,textarea.text-input:hover{border-color:var(--border-strong)}input.text-input:focus,textarea.text-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.disclaimer{font-size:var(--text-xs);color:var(--fg-subtle);line-height:var(--leading-normal);text-align:center;margin-top:auto;padding-top:var(--space-6)}.error{font-size:var(--text-sm);color:var(--fg-error)}.topnav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) 0;margin:calc(var(--space-7) * -1) 0 var(--space-5);background:color-mix(in srgb,var(--bg-page) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topnav-btn{background:transparent;border:1px solid transparent;color:var(--fg-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:inherit;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease)}.topnav-btn:hover{background:var(--bg-card);color:var(--fg)}.topnav-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.topnav-btn.is-active{color:var(--fg);background:var(--bg-card);border-color:var(--border)}.topnav-primary{background:var(--bg-inverse);color:var(--fg-on-inverse);padding:var(--space-2) var(--space-5)}.topnav-primary:hover{background:#000;color:var(--fg-on-inverse)}.topnav-primary.is-active{box-shadow:0 0 0 2px var(--bg-page),0 0 0 3px var(--accent-soft)}.topnav-add{background:transparent;border:1px solid var(--border);color:var(--fg-muted);padding:var(--space-2) var(--space-4)}.topnav-add:hover{background:var(--bg-card);color:var(--fg)}.topnav-add.is-active{color:var(--fg);background:var(--bg-card);border-color:var(--border)}.history-cal{margin-top:var(--space-5)}.history-cal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.history-cal-clear{background:none;border:none;color:var(--fg-muted);font:inherit;font-size:var(--text-sm);text-decoration:underline;cursor:pointer;padding:var(--space-1) 0}.history-cal-clear:hover{color:var(--fg)}.history-month-total{margin-top:4px;color:var(--fg-subtle);font-size:var(--text-xs);line-height:1.3}.history-cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center;font-size:10px;letter-spacing:.04em;color:var(--fg-subtle);margin-bottom:var(--space-2)}.history-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.history-cal-pad{min-height:40px}.history-cal-day{min-height:44px;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-card);padding:4px 2px 5px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-family:inherit;color:var(--fg-muted);transition:border-color var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease)}.history-cal-day:hover{border-color:var(--border-strong);color:var(--fg)}.history-cal-day:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.history-cal-day.is-selected{border-color:var(--border-strong);background:var(--bg-raised);box-shadow:0 0 0 1px color-mix(in srgb,var(--fg-muted) 35%,transparent)}.history-cal-moodRow{display:flex;align-items:center;justify-content:center;gap:3px;min-height:22px}.history-cal-moodRow--empty{opacity:.45}.history-cal-mood{font-size:15px;line-height:1}.history-cal-mood--empty{font-size:12px;color:var(--fg-subtle)}.history-cal-count{font-size:10px;font-weight:var(--weight-medium);color:var(--fg-subtle);line-height:1}.history-cal-num{font-size:11px;font-weight:var(--weight-medium);line-height:1;color:var(--fg-muted)}.history-row{width:100%;border:1px solid var(--border);background:var(--bg-raised);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);text-align:left;font-family:inherit;color:var(--fg);transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease)}.history-row:hover{border-color:var(--border-strong)}.history-row:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.history-row .label{font-size:var(--text-md);font-weight:var(--weight-medium);line-height:1.3;margin-top:6px}.history-row .meta{font-size:var(--text-sm);color:var(--fg-subtle);margin-top:4px}.history-row .arrow{color:var(--fg-subtle);font-size:var(--text-lg)}.history-main{min-width:0}.history-topline{display:flex;flex-wrap:wrap;gap:8px}.history-topline .meta:not(:first-child):before{content:"•";margin-right:8px;color:var(--fg-subtle)}.mini-log-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-raised);padding:10px 12px;display:flex;flex-direction:column;gap:2px}.mini-log-row .meta{font-size:var(--text-xs);color:var(--fg-subtle)}.mini-log-row .label{font-size:var(--text-sm);color:var(--fg)}.decoder-section{margin-top:var(--space-5)}.decoder-card{border:1px solid color-mix(in srgb,var(--border) 75%,transparent)}.decoder-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.decoder-card-head .title-md{margin:0}.count-line{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:0;font-size:var(--text-xs);line-height:1.45;color:var(--fg-subtle)}.count-sep{color:var(--fg-subtle)}.unlock-pill,.confidence-pill{flex:0 0 auto;border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px 8px;font-size:10px;line-height:1.2;color:var(--fg-muted);background:color-mix(in srgb,var(--bg-raised) 72%,transparent);white-space:nowrap}.confidence-pill{text-transform:lowercase}.decoder-unlock-btn{margin-top:var(--space-5);padding:var(--space-4)}.decoder-read-block{margin-top:var(--space-5)}.decoder-read-block--ruled{padding-top:var(--space-4);border-top:1px solid var(--border)}.decoder-section-label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.decoder-detail-toggle{width:100%;margin-top:var(--space-4);padding:var(--space-3) 0 0;border:0;border-top:1px solid var(--border);background:transparent;color:var(--fg-muted);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;display:flex;align-items:center;justify-content:space-between}.decoder-detail-toggle:hover{color:var(--fg)}.decoder-detail-panel{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg-card) 72%,transparent)}.decoder-detail-section+.decoder-detail-section{margin-top:var(--space-4)}.decoder-detail-list{margin:var(--space-2) 0 0;padding-left:18px;color:var(--fg-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.decoder-detail-list li+li{margin-top:4px}.profile-prompt{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-5)}.profile-prompt .row-buttons{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.profile-prompt .skip-btn{background:none;border:none;color:var(--fg-subtle);text-decoration:underline;cursor:pointer;font:inherit;padding:var(--space-2);align-self:center}.profile-prompt .skip-btn:hover{color:var(--fg-muted)}.guidance-line{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);color:var(--fg-subtle)}.guidance-line .edit-link{background:none;border:none;color:var(--fg-muted);text-decoration:underline;cursor:pointer;font:inherit;padding:0}.privacy-note{font-size:var(--text-xs);color:var(--fg-subtle);line-height:var(--leading-normal)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}