.tabbar{position:fixed;left:0;right:0;bottom:0;max-width:560px;margin:0 auto;height:calc(var(--tabbar-height) + var(--safe-bottom));display:flex;justify-content:space-around;align-items:flex-start;padding:var(--space-2) var(--space-3) var(--safe-bottom);background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);z-index:40}.tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding-top:var(--space-1);min-height:var(--tap-min);color:var(--text-muted);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:color var(--dur-base) var(--ease)}.tabbar__icon{display:flex;align-items:center;justify-content:center;width:52px;height:30px;border-radius:var(--radius-full);transition:background-color var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.tabbar__item--active{color:var(--accent-strong)}.tabbar__item--active .tabbar__icon{background:color-mix(in srgb,var(--accent) 20%,transparent)}.tabbar__item:active .tabbar__icon{transform:scale(.9)}.tabbar__label{font-size:11px;font-weight:500;letter-spacing:.01em}@media (prefers-reduced-motion: reduce){.tabbar__icon{transition:none}}.home{justify-content:center;align-items:center;text-align:center;gap:var(--space-7)}.home__hero{display:flex;flex-direction:column;gap:var(--space-2)}.home__greeting{font-size:var(--text-xl);font-weight:600;margin:0}.home__invite{margin:0;max-width:26ch}.home__begin{position:relative;width:168px;height:168px;border:none;border-radius:var(--radius-full);background:var(--accent);color:var(--accent-contrast);font-size:var(--text-md);font-weight:500;box-shadow:var(--shadow-cta);transition:transform var(--dur-fast) var(--ease)}.home__begin:active{transform:scale(.97)}.home__begin-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-full);border:2px solid var(--accent);animation:breathe 4s var(--ease) infinite}.home__meta{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);min-height:2.5em}@keyframes breathe{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.18);opacity:0}}@media (prefers-reduced-motion: reduce){.home__begin-pulse{animation:none;opacity:0}}.checkin{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:var(--bg);display:flex;flex-direction:column;max-width:560px;margin:0 auto;padding:calc(var(--safe-top) + var(--space-3)) var(--space-5) calc(var(--safe-bottom) + var(--space-5));animation:checkin-enter var(--dur-base) var(--ease)}@keyframes checkin-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.checkin__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.checkin__close{width:var(--tap-min);height:var(--tap-min);border:none;background:none;color:var(--text-muted);font-size:22px;border-radius:var(--radius-full)}.checkin__body{flex:1;display:flex;flex-direction:column;overflow-y:auto}.checkin__step{display:flex;flex-direction:column;flex:1}.checkin__step--forward{animation:slide-in-right var(--dur-base) var(--ease)}.checkin__step--back{animation:slide-in-left var(--dur-base) var(--ease)}@keyframes slide-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.checkin__nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-5)}.checkin__nav-right{display:flex;align-items:center;gap:var(--space-2)}.progress-dots{display:flex;gap:var(--space-2)}.progress-dots__dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--border);transition:background-color var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.progress-dots__dot--filled{background:var(--accent)}.progress-dots__dot--current{transform:scale(1.35)}.prompt{display:flex;flex-direction:column}.prompt__label{color:var(--text-muted);font-weight:500;margin:0 0 var(--space-2)}.prompt__question{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-5)}.prompt__field{min-height:var(--textarea-min)}.mood-grid{display:flex;flex-wrap:wrap;gap:var(--space-3)}.mood-chip{min-height:var(--tap-min);padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-full);background:color-mix(in srgb,var(--chip-color) 22%,var(--surface));color:var(--text);font-weight:500;transition:transform var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-base) var(--ease)}.mood-chip--active{background:var(--chip-color);border-color:var(--chip-color);transform:scale(1.04);box-shadow:0 0 0 4px color-mix(in srgb,var(--chip-color) 30%,transparent)}.mood-chip:active{transform:scale(.97)}.history__group{margin-bottom:var(--space-6)}.history__day{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);margin:0 0 var(--space-3);padding-left:var(--space-1)}.history__list{display:flex;flex-direction:column;gap:var(--space-3)}.entry-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-soft);text-decoration:none;color:var(--text);transition:transform var(--dur-fast) var(--ease);animation:rise-fade var(--dur-base) var(--ease) both}.history__list .entry-card:nth-child(2){animation-delay:50ms}.history__list .entry-card:nth-child(3){animation-delay:.1s}.history__list .entry-card:nth-child(4){animation-delay:.15s}.history__list .entry-card:nth-child(n+5){animation-delay:.2s}.entry-card:active{transform:scale(.99)}.entry-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.entry-card__time{font-size:var(--text-sm);color:var(--text-muted)}.entry-card__mood{font-size:12px;font-weight:500;padding:3px var(--space-3);border-radius:var(--radius-full);background:color-mix(in srgb,var(--chip-color) 30%,var(--surface))}.entry-card__snippet{margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.detail__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.detail__meta{display:flex;flex-direction:column;gap:var(--space-1)}.detail__date{font-size:var(--text-lg);font-weight:600}.detail__section{margin-bottom:var(--space-5);animation:rise-fade var(--dur-base) var(--ease) both}.detail__section:nth-child(2){animation-delay:60ms}.detail__section:nth-child(3){animation-delay:.12s}.detail__section:nth-child(n+4){animation-delay:.18s}.detail__label{color:var(--text-muted);font-weight:500;margin:0 0 var(--space-1);font-size:var(--text-sm)}.detail__answer{margin:0;white-space:pre-wrap}.detail__mood-tag{align-self:flex-start;font-size:13px;font-weight:500;padding:4px var(--space-3);border-radius:var(--radius-full);background:color-mix(in srgb,var(--chip-color) 30%,var(--surface))}.settings__group{margin-bottom:var(--space-6)}.settings__group-title{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--space-3) var(--space-1)}.settings__panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);overflow:hidden}.settings__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);min-height:56px}.settings__row+.settings__row{border-top:1px solid var(--border)}.settings__row-label{font-weight:500}.settings__row-sub{font-size:var(--text-sm);color:var(--text-muted);margin:2px 0 0}.settings__time-input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text);padding:var(--space-2) var(--space-3);min-height:var(--tap-min)}.settings__note{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-3) var(--space-1) 0;line-height:var(--leading-body)}.settings__install-steps{margin:0;padding:0 0 0 var(--space-5);color:var(--text-muted);line-height:var(--leading-body)}.settings__install-steps li{margin-bottom:var(--space-2)}.settings__row-action{color:var(--accent-strong);font-weight:500;background:none;border:none;min-height:var(--tap-min);padding:0 var(--space-2)}.settings__remove{color:var(--text-muted);background:none;border:none;font-size:20px;width:var(--tap-min);height:var(--tap-min);border-radius:var(--radius-full)}.switch{position:relative;width:50px;height:30px;flex-shrink:0}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch__track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:var(--radius-full);transition:background-color var(--dur-base) var(--ease)}.switch__thumb{position:absolute;top:3px;left:3px;width:24px;height:24px;background:var(--surface);border-radius:var(--radius-full);box-shadow:var(--shadow-soft);transition:transform var(--dur-base) var(--ease)}.switch input:checked~.switch__track{background:var(--accent)}.switch input:checked~.switch__thumb{transform:translate(20px)}.settings__data-actions{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 999px;--text-sm: 14px;--text-md: 18px;--text-lg: 22px;--text-xl: 26px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--leading-body: 1.6;--leading-heading: 1.35;--shadow-soft: 0 4px 16px rgba(0, 0, 0, .06);--shadow-cta: 0 8px 24px rgba(138, 168, 145, .35);--ease: cubic-bezier(.22, 1, .36, 1);--dur-fast: .18s;--dur-base: .3s;--dur-slow: .5s;--tap-min: 44px;--btn-height: 56px;--textarea-min: 120px;--tabbar-height: 64px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--bg: #faf7f2;--surface: #ffffff;--text: #2e2a26;--text-muted: #7a736b;--accent: #8aa891;--accent-strong: #6e8f77;--accent-contrast: #ffffff;--border: #ece6dd;--overlay: rgba(46, 42, 38, .32)}@media (prefers-color-scheme: dark){:root{--bg: #1b1917;--surface: #24211e;--text: #ede7df;--text-muted: #9c948b;--accent: #7f9e88;--accent-strong: #93b29b;--accent-contrast: #1b1917;--border: #322e2a;--shadow-soft: 0 4px 16px rgba(0, 0, 0, .32);--shadow-cta: 0 8px 24px rgba(0, 0, 0, .45);--overlay: rgba(0, 0, 0, .5)}}:root{--mood-calm: #a8c3b0;--mood-anxious: #e3c08a;--mood-sad: #a3b1c6;--mood-angry: #d3987e;--mood-numb: #bfb8ae;--mood-joyful: #ebcf8e;--mood-tender: #e0b7be;--mood-tired: #b9b2c4;--mood-restless: #d8a98c;--mood-peaceful: #9ec4c0}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}html{scroll-padding-bottom:calc(var(--safe-bottom) + var(--tabbar-height) + var(--space-4))}body{margin:0;font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}#root{display:flex;flex-direction:column;min-height:100%;max-width:560px;margin:0 auto}h1,h2,h3{line-height:var(--leading-heading);font-weight:600;margin:0}button{font-family:inherit;font-size:inherit;cursor:pointer}input,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--accent-strong)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.screen{flex:1;display:flex;flex-direction:column;padding:calc(var(--safe-top) + var(--space-5)) var(--space-5) calc(var(--safe-bottom) + var(--space-5));min-height:100dvh;animation:fade-in var(--dur-base) var(--ease)}.screen--with-tabbar{padding-bottom:calc(var(--safe-bottom) + var(--tabbar-height) + var(--space-6))}.screen__title{font-size:var(--text-xl);margin-bottom:var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-5);border:none;border-radius:var(--radius-full);background:transparent;color:var(--text);font-weight:500;transition:transform var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;pointer-events:none}.btn--primary{background:var(--accent);color:var(--accent-contrast);height:var(--btn-height);box-shadow:var(--shadow-cta);letter-spacing:.01em}.btn--primary:active{background:var(--accent-strong)}.btn--ghost{color:var(--text-muted)}.btn--link{color:var(--text-muted);padding:0 var(--space-3);min-height:var(--tap-min);background:none}.btn--danger{color:#c0574a}.btn--danger-solid{background:#c0574a;color:#fff}.btn--block{width:100%}.field{width:100%;min-height:var(--textarea-min);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);line-height:var(--leading-body);resize:none;outline:none;transition:border-color var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.field:focus{border-color:var(--accent);box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 18%,transparent);transform:translateY(-1px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-soft)}.muted{color:var(--text-muted)}.reminder-banner{width:100%;text-align:left;border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--text);padding:var(--space-4);margin-bottom:var(--space-5);line-height:var(--leading-body);animation:rise-fade var(--dur-slow) var(--ease)}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3);color:var(--text-muted);padding:var(--space-6);animation:rise-fade var(--dur-slow) var(--ease)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:flex-end;justify-content:center;z-index:50;animation:fade-in var(--dur-base) var(--ease)}.sheet{width:100%;max-width:560px;background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-5) var(--space-5) calc(var(--safe-bottom) + var(--space-5));animation:slide-up var(--dur-base) var(--ease)}.sheet__title{font-size:var(--text-lg);margin-bottom:var(--space-2)}.sheet__actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-5)}.toast{position:fixed;left:50%;bottom:calc(var(--safe-bottom) + 96px);transform:translate(-50%);background:var(--text);color:var(--bg);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);z-index:60;animation:bloom var(--dur-base) var(--ease)}.toast--out{animation:toast-out var(--dur-base) var(--ease) forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rise-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bloom{0%{opacity:0;transform:translate(-50%) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(.96)}}