@property --mood-color{syntax:"<color>";inherits:true;initial-value:oklch(80% .03 70)}:root{--bg:oklch(96.7% .011 75);--surface:oklch(99% .006 75/.72);--surface-solid:oklch(99% .006 75);--surface-2:oklch(93.5% .013 72);--ink:oklch(24% .018 50);--ink-2:oklch(43% .018 50);--ink-3:oklch(55% .014 55);--line:oklch(24% .02 50/.09);--accent:oklch(52% .12 40);--on-ink:oklch(97% .01 75);--danger:oklch(52% .17 25);--glow-neutral:oklch(86% .04 70);--shadow:0 1px 2px oklch(30% .03 50/.05), 0 12px 32px -12px oklch(30% .03 50/.14);--nav-bg:oklch(99% .006 75/.7);--scrim:oklch(15% .01 50/.45);--font-display:"Instrument Serif", "Iowan Old Style", Georgia, serif;--font-body:"Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--glass-blur:10px;--r-lg:28px;--r-md:18px;--gutter:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:oklch(16.5% .008 60);--surface:oklch(21.5% .01 60/.72);--surface-solid:oklch(21.5% .01 60);--surface-2:oklch(26% .011 60);--ink:oklch(94% .01 75);--ink-2:oklch(78% .012 70);--ink-3:oklch(64% .012 65);--line:oklch(100% 0 0/.08);--accent:oklch(74% .11 45);--on-ink:oklch(18% .01 60);--danger:oklch(70% .15 25);--glow-neutral:oklch(40% .03 60);--shadow:0 1px 2px oklch(0% 0 0/.3), 0 12px 32px -12px oklch(0% 0 0/.5);--nav-bg:oklch(24% .01 60/.7);--scrim:oklch(0% 0 0/.6);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:oklch(16.5% .008 60);--surface:oklch(21.5% .01 60/.72);--surface-solid:oklch(21.5% .01 60);--surface-2:oklch(26% .011 60);--ink:oklch(94% .01 75);--ink-2:oklch(78% .012 70);--ink-3:oklch(64% .012 65);--line:oklch(100% 0 0/.08);--accent:oklch(74% .11 45);--on-ink:oklch(18% .01 60);--danger:oklch(70% .15 25);--glow-neutral:oklch(40% .03 60);--shadow:0 1px 2px oklch(0% 0 0/.3), 0 12px 32px -12px oklch(0% 0 0/.5);--nav-bg:oklch(24% .01 60/.7);--scrim:oklch(0% 0 0/.6);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font-body);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:background-color .3s var(--ease-out);margin:0;font-size:16px;line-height:1.5}button,input,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:12px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.display{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(2.6rem,11vw,3.6rem);font-weight:400;line-height:.95}.display em{color:var(--ink-2);font-style:italic}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0 0 10px;font-size:12px;font-weight:500}.hint,.empty{color:var(--ink-2);margin:0 0 16px;font-size:15px}.empty a{color:var(--accent)}.shell{max-width:560px;padding:calc(env(safe-area-inset-top) + 28px) var(--gutter) calc(env(safe-area-inset-bottom) + 120px);margin:0 auto}.view{flex-direction:column;gap:14px;display:flex;position:relative}.view-enter{animation:view-in .45s var(--ease-out) both}@keyframes view-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.view-head{padding:8px 4px 22px;position:relative}.back-link{min-height:44px;color:var(--ink-2);align-items:center;gap:6px;margin:-10px 0 0 -8px;padding:10px 8px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.save-state{color:var(--ink-3);opacity:0;transition:opacity .25s var(--ease-out), transform .25s var(--ease-out);align-items:center;gap:4px;margin:0;font-size:13px;display:inline-flex;position:absolute;bottom:26px;right:4px;transform:translateY(4px)}.save-state.is-visible{opacity:1;transform:none}.card{background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);backdrop-filter:blur(var(--glass-blur)) saturate(1.4);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:22px 20px;position:relative}.card-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0 0 16px;font-size:13px;font-weight:500;display:block}.card-title-row{justify-content:space-between;align-items:baseline;display:flex}.text-link{color:var(--accent);margin:-10px -4px 0 0;padding:10px 4px;font-size:14px;font-weight:500;text-decoration:none}.mood-glow{transition:--mood-color .7s var(--ease-out)}.mood-glow,.login-glow{z-index:-1;pointer-events:none;height:80vh;position:fixed;inset:0 0 auto;overflow:hidden}.mood-glow:before,.login-glow:before{content:"";filter:blur(40px);position:absolute;inset:-25% -30%}.mood-glow:before{background:radial-gradient(40% 50% at 30% 40%, color-mix(in oklch, var(--mood-color) 55%, transparent), transparent 70%), radial-gradient(35% 45% at 75% 30%, color-mix(in oklch, var(--mood-color) 35%, transparent), transparent 70%);opacity:.8}.mood-readout{align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.mood-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;min-width:.6em;font-size:64px;line-height:.8}.mood-label{font-family:var(--font-display);color:var(--ink-2);font-size:26px;font-style:italic}.mood.is-unset .mood-num{color:var(--ink-3)}.mood.is-unset .mood-label{font-family:var(--font-body);color:var(--ink-3);font-size:15px;font-style:normal}.mood-range{appearance:none;cursor:pointer;--track:linear-gradient(90deg, oklch(62% .104 22), oklch(75% .1 61), oklch(88% .101 92), oklch(75% .1 134), oklch(60% .103 164));background:0 0;width:100%;height:44px;margin:0}.mood-range::-webkit-slider-runnable-track{background:var(--track);border-radius:99px;height:10px}.mood-range::-moz-range-track{background:var(--track);border-radius:99px;height:10px}.mood-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--surface-solid);border:3px solid var(--mood-color);width:30px;height:30px;transition:transform .2s var(--ease-spring), border-color .4s;border-radius:50%;margin-top:-10px;box-shadow:0 4px 14px oklch(20% .02 50/.25)}.mood-range::-moz-range-thumb{background:var(--surface-solid);border:3px solid var(--mood-color);border-radius:50%;width:24px;height:24px;box-shadow:0 4px 14px oklch(20% .02 50/.25)}.mood-range:active::-webkit-slider-thumb{transform:scale(1.15)}.mood.is-unset .mood-range{filter:saturate(.25);opacity:.7}.mood-range:focus-visible{outline-offset:2px}.mood-ticks{grid-template-columns:repeat(5,1fr);margin:4px -6px 0;display:grid}.mood-tick{min-height:44px;color:var(--ink-3);font-variant-numeric:tabular-nums;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:6px 0;font-size:13px;display:flex}.mood-tick .dot{opacity:.5;width:6px;height:6px;transition:transform .25s var(--ease-spring), opacity .25s;border-radius:50%}.mood-tick.is-active{color:var(--ink);font-weight:600}.mood-tick.is-active .dot{opacity:1;transform:scale(1.6)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface-2);min-height:44px;color:var(--ink);transition:background-color .2s var(--ease-out), color .2s, transform .2s var(--ease-spring);border:1px solid #0000;border-radius:99px;align-items:center;gap:6px;padding:0 16px;font-size:15px;font-weight:450;display:inline-flex}button.chip:active{transform:scale(.96)}.chip.is-on{background:var(--ink);color:var(--on-ink)}.chip.is-static{min-height:36px;padding:0 14px;font-size:14px}.note{resize:none;width:100%;min-height:120px;font-family:var(--font-display);background:0 0;border:0;outline:none;padding:0;font-size:22px;line-height:1.4}.note::placeholder{color:var(--ink-3);font-style:italic}.card:has(.note:focus-visible){border-color:color-mix(in oklch, var(--accent) 45%, transparent)}.icon-btn{width:44px;height:44px;color:var(--ink-2);transition:background-color .2s, transform .2s var(--ease-spring), opacity .2s;background:0 0;border:0;border-radius:50%;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--surface-2)}.icon-btn:active:not(:disabled){transform:scale(.92)}.icon-btn:disabled{opacity:.35}.icon-btn.round{border:1px solid var(--line);background:var(--surface)}.icon-btn.filled{background:var(--ink);color:var(--on-ink);flex:none}.icon-btn.filled:hover:not(:disabled){background:var(--ink);opacity:.88}.btn-primary,.btn-secondary,.btn-danger{min-height:52px;transition:transform .2s var(--ease-spring), opacity .2s, background-color .2s;border:0;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--ink);color:var(--on-ink);width:100%}.btn-primary:disabled{opacity:.4}.btn-primary:active:not(:disabled),.btn-secondary:active,.btn-danger:active{transform:scale(.97)}.btn-secondary{background:var(--surface-2);color:var(--ink);width:100%}.btn-danger{color:var(--danger);border:1px solid color-mix(in oklch, var(--danger) 30%, transparent);background:0 0}.nav-pill{left:50%;bottom:calc(env(safe-area-inset-bottom) + 16px);z-index:40;background:var(--nav-bg);width:min(360px,100vw - 32px);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.6);backdrop-filter:blur(var(--glass-blur)) saturate(1.6);border:1px solid var(--line);border-radius:99px;grid-template-columns:repeat(3,1fr);padding:6px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 10px 40px -10px oklch(20% .02 50/.3)}.nav-indicator{background:var(--ink);width:calc(33.3333% - 4px);transition:transform .45s var(--ease-spring);border-radius:99px;position:absolute;top:6px;bottom:6px;left:6px}.nav-item{letter-spacing:.01em;min-height:54px;color:var(--ink-2);transition:color .3s var(--ease-out);border-radius:99px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item.is-active{color:var(--on-ink)}.nav-item:focus-visible{outline-offset:-2px;border-radius:99px}.login{max-width:440px;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 12vh) var(--gutter) calc(env(safe-area-inset-bottom) + 32px);flex-direction:column;justify-content:space-between;gap:48px;margin:0 auto;display:flex;position:relative;overflow:hidden}.login-glow:before{background:radial-gradient(35% 45% at 25% 45%,oklch(75% .1 61/.4),#0000 70%),radial-gradient(30% 40% at 70% 35%,oklch(88% .101 92/.3),#0000 70%),radial-gradient(30% 40% at 55% 65%,oklch(60% .103 164/.3),#0000 70%);animation:18s ease-in-out infinite alternate drift}@keyframes drift{0%{transform:translate(0,0)rotate(0)}to{transform:translate(4vw,3vh)rotate(8deg)}}.login-brand .display{font-size:clamp(4rem,20vw,6rem)}.login-sub{color:var(--ink-2);margin:18px 0 0;font-size:17px}.login-form{animation:view-in .6s .15s var(--ease-out) both;flex-direction:column;gap:14px;display:flex}.field{background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--line);border-radius:var(--r-md);padding:12px 18px 10px;transition:border-color .2s;display:block}.field:focus-within{border-color:color-mix(in oklch, var(--ink) 40%, transparent)}.field-label{color:var(--ink-3);letter-spacing:.02em;font-size:12px;font-weight:500;display:block}.field input{background:0 0;border:0;outline:none;width:100%;min-height:30px;padding:4px 0 2px;font-size:17px}.field-row{align-items:center;margin-right:-10px;display:flex}.field-row .icon-btn{margin:-8px 0}.field-error{color:var(--danger);margin:0;padding:0 4px;font-size:14px}.login-form .btn-primary{margin-top:8px}.cal-head{justify-content:space-between;align-items:flex-end;display:flex}.cal-head .display em{text-transform:capitalize}.cal-nav{gap:8px;padding-bottom:4px;display:flex}.cal-card{padding:16px 8px 12px}.cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.cal-weekdays span{text-align:center;color:var(--ink-3);letter-spacing:.04em;padding-bottom:8px;font-size:12px;font-weight:500}.cal-day{aspect-ratio:1;font-variant-numeric:tabular-nums;width:100%;color:var(--ink);transition:transform .2s var(--ease-spring), background-color .2s;background:0 0;border:0;border-radius:50%;place-items:center;font-size:15px;display:grid;position:relative}.cal-day:hover:not(:disabled){background:var(--surface-2)}.cal-day:active:not(:disabled){transform:scale(.9)}.cal-day:disabled{color:var(--ink-3);opacity:.45;cursor:default}.cal-day.has-mood{background:color-mix(in oklab, var(--c) 35%, var(--surface-solid));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--c) 75%, transparent);color:var(--ink);font-weight:500}.cal-day.has-mood:hover:not(:disabled){background:color-mix(in oklab, var(--c) 45%, var(--surface-solid))}.cal-day.is-today{box-shadow:inset 0 0 0 2px var(--ink);font-weight:600}.cal-dot{background:var(--ink-3);border-radius:50%;width:4px;height:4px;position:absolute;bottom:6px}.stats{grid-template-columns:1fr 1fr;gap:14px;display:grid}.stat{border-radius:var(--r-lg);background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--line);flex-direction:column;gap:4px;padding:18px 20px;display:flex}.stat-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:40px;line-height:1}.stat-label{color:var(--ink-2);font-size:13px}.legend{color:var(--ink-2);flex-wrap:nowrap;justify-content:space-between;gap:4px;margin:-4px 0 2px;padding:0 6px;list-style:none;display:flex;container-type:inline-size}.legend li{white-space:nowrap;align-items:center;gap:.45em;font-size:clamp(10px,3.9cqi,13px);display:inline-flex}.legend i{border-radius:50%;flex:none;width:.75em;height:.75em}.sheet-root{z-index:100;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-scrim{background:var(--scrim);animation:fade-in .25s var(--ease-out) both;position:absolute;inset:0}.sheet{width:min(560px,100%);max-height:85dvh;padding:10px 22px calc(env(safe-area-inset-bottom) + 24px);background:var(--surface-solid);animation:sheet-up .45s var(--ease-out) both;border-radius:32px 32px 0 0;outline:none;position:relative;overflow-y:auto}@media (width>=600px){.sheet-root{align-items:center}.sheet{border-radius:32px;padding-bottom:24px}}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}}.sheet-grip{background:var(--line);border-radius:99px;width:40px;height:5px;margin:0 auto 12px}.sheet-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.sheet-head h2{font-family:var(--font-display);margin:6px 0 0;font-size:28px;font-weight:400;line-height:1.1}.sheet-head .icon-btn{background:var(--surface-2);flex:none}.detail{flex-direction:column;gap:22px;display:flex}.detail-mood{align-items:center;gap:14px;display:flex}.detail-mood .eyebrow{margin-bottom:2px}.detail-orb{background:radial-gradient(circle at 35% 30%, color-mix(in oklch, var(--c) 40%, white), var(--c));border-radius:50%;flex:none;width:48px;height:48px}.detail-mood-text{font-family:var(--font-display);margin:0;font-size:24px}.detail-note{font-family:var(--font-display);white-space:pre-wrap;margin:0;font-size:20px;line-height:1.45}.feel-list{flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.feel-item{padding-right:4px}.chip-remove{width:32px;height:32px;color:var(--ink-3);background:0 0;border:0;border-radius:50%;place-items:center;margin-left:2px;transition:background-color .2s,color .2s;display:grid}.chip-remove:hover{background:var(--line);color:var(--danger)}.add-row{align-items:center;gap:8px;display:flex}.add-row input{border:1px solid var(--line);background:var(--surface-2);border-radius:99px;outline:none;flex:1;min-width:0;min-height:48px;padding:0 18px;font-size:16px}.add-row input:focus{border-color:color-mix(in oklch, var(--ink) 40%, transparent)}.add-row .icon-btn{width:48px;height:48px}.add-row+.field-error{margin-top:10px}.segmented{background:var(--surface-2);border-radius:99px;grid-template-columns:repeat(3,1fr);padding:4px;display:grid}.segmented button{min-height:44px;color:var(--ink-2);transition:background-color .25s var(--ease-out), color .25s;background:0 0;border:0;border-radius:99px;font-size:15px}.segmented button.is-on{background:var(--surface-solid);color:var(--ink);box-shadow:var(--shadow);font-weight:500}.account{border-top:1px solid var(--line);color:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding:20px 4px 0;font-size:15px;display:flex}.account p{margin:0}.account strong{color:var(--ink);text-transform:capitalize;font-weight:500}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.save-state.is-error{color:var(--danger)}.loading{place-items:center;min-height:100dvh;display:grid}.loading-orb{background:radial-gradient(circle at 35% 30%,oklch(90% .05 60),oklch(75% .13 50));border-radius:50%;width:44px;height:44px;animation:1.6s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.6;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.dialog-root{z-index:110;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--surface-solid);width:min(400px,100%);animation:dialog-in .3s var(--ease-out) both;border-radius:28px;padding:26px 22px 20px;position:relative;box-shadow:0 24px 64px -16px oklch(15% .02 50/.45)}@keyframes dialog-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.dialog h2{font-family:var(--font-display);margin:0 0 10px;font-size:30px;font-weight:400;line-height:1.1}.dialog-body p{color:var(--ink-2);margin:0;font-size:15px}.dialog-body strong{color:var(--ink);font-weight:600}.dialog-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.dialog-actions .btn-secondary{width:auto}.btn-destructive{background:var(--danger);color:oklch(99% 0 0);min-height:52px;transition:transform .2s var(--ease-spring), opacity .2s;border:0;border-radius:99px;justify-content:center;align-items:center;padding:0 22px;font-size:16px;font-weight:500;display:inline-flex}.btn-destructive:active{transform:scale(.97)}.curve-card{padding:16px 12px 10px}.curve{position:relative}.curve svg{touch-action:pan-y;display:block;overflow:visible}.curve-grid{stroke:var(--line);stroke-width:1px;stroke-dasharray:2 4}.curve-base{stroke:var(--line);stroke-width:1px}.curve-area{opacity:.16}.curve-line{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:curve-draw .7s var(--ease-out) both}@keyframes curve-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.curve-dot{stroke:var(--surface-solid);stroke-width:1.5px;transition:r .2s var(--ease-spring)}.curve-cross{stroke:var(--ink-3);stroke-width:1px;stroke-dasharray:2 3}.curve-label{fill:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11px}.curve-empty{color:var(--ink-3);pointer-events:none;place-items:center;margin:0;font-size:13px;display:grid;position:absolute;inset:0 0 20px}.curve-head{align-items:center;min-height:22px;margin:0 8px 6px}.curve-head .card-title{margin:0}.curve-readout{color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:500;display:inline-flex}.curve-readout-dot{border-radius:50%;width:8px;height:8px}.cal-card-head{align-items:center;margin:-4px 4px 8px 8px}.cal-card-head .card-title{margin:0}.cal-toggle svg{transition:transform .4s var(--ease-out)}.cal-toggle.is-open svg{transform:rotate(180deg)}.cal-week{margin-block:1px}.cal-day:focus-visible{outline-offset:-2px;border-radius:50%}.fold{opacity:0;transition:grid-template-rows .4s var(--ease-out), opacity .25s var(--ease-out);grid-template-rows:0fr;display:grid}.fold.is-open{opacity:1;transition:grid-template-rows .4s var(--ease-out), opacity .35s 50ms var(--ease-out);grid-template-rows:1fr}.fold-inner{min-height:0;overflow:hidden}.detail-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.detail-actions .btn-secondary{width:auto}.delete-entry{align-self:center;margin-top:10px}.feelings{flex-direction:column;gap:10px;display:flex}.feel-count{color:var(--ink-2);letter-spacing:.02em}.feel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.feel-tile{background:var(--surface-2);text-align:left;min-height:64px;transition:background-color .25s var(--ease-out), border-color .25s var(--ease-out), transform .2s var(--ease-spring);border:1px solid #0000;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px;padding:11px 14px;display:flex}.feel-tile:active{transform:scale(.97)}.feel-tile:focus-visible{border-radius:20px}.feel-label{color:var(--ink);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:15px;font-weight:500;line-height:1.2}.feel-check{width:20px;height:20px;box-shadow:inset 0 0 0 1.5px color-mix(in oklch, var(--ink-3) 60%, transparent);color:#0000;transition:background-color .25s var(--ease-out), box-shadow .25s var(--ease-out), transform .3s var(--ease-spring);border-radius:50%;place-items:center;display:grid}.feel-check svg{opacity:0;transition:transform .3s var(--ease-spring), opacity .15s;transform:scale(.4)}.feel-tile.is-on{background:color-mix(in oklab, var(--tint) 35%, var(--surface-solid));border-color:color-mix(in oklab, var(--tint) 75%, transparent)}.feel-tile.is-on .feel-check{background:var(--tint);box-shadow:none;color:var(--on-tint);transform:scale(1.05)}.feel-tile.is-on .feel-check svg{opacity:1;transform:none}.feel-tile-top{justify-content:space-between;align-items:center;width:100%;display:flex}.feel-icon{color:var(--ink-2);transition:color .25s var(--ease-out), transform .3s var(--ease-spring)}.feel-tile.is-on .feel-icon{color:color-mix(in oklab, var(--tint) 75%, var(--ink));transform:scale(1.08)}.chip-icon{gap:6px;padding-left:10px}.chip-icon svg{color:var(--tint,var(--ink-2))}.feel-rows{flex-direction:column;gap:6px;margin:0 0 16px;padding:0;list-style:none;display:flex}.feel-row{background:var(--surface-2);border-radius:18px;align-items:center;gap:4px;padding-right:4px;display:flex}.feel-row-main{text-align:left;background:0 0;border:0;border-radius:18px;flex:1;align-items:center;gap:12px;min-width:0;min-height:52px;padding:6px 8px 6px 6px;display:flex}.feel-row-icon{background:var(--surface-solid);width:40px;height:40px;color:var(--ink);border-radius:13px;flex:none;place-items:center;display:grid;box-shadow:0 1px 2px oklch(30% .03 50/.08)}.feel-row-label{color:var(--ink);flex:1;font-size:16px;font-weight:500}.feel-row-edit{color:var(--ink-3);flex:none}.feel-row-main:hover .feel-row-edit{color:var(--ink)}.feel-row .chip-remove{width:44px;height:44px}.icon-search{z-index:1;background:var(--surface-2);min-height:48px;color:var(--ink-3);border-radius:16px;align-items:center;gap:10px;margin:0 0 18px;padding:0 16px;display:flex;position:sticky;top:-10px}.icon-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:16px}.icon-search:focus-within{box-shadow:inset 0 0 0 1.5px color-mix(in oklch, var(--ink) 35%, transparent)}.icon-group{margin-bottom:18px}.icon-group .eyebrow{margin-bottom:10px}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px;display:grid}.icon-cell{aspect-ratio:1;background:var(--surface-2);min-height:48px;color:var(--ink);transition:background-color .2s, transform .2s var(--ease-spring), border-color .2s;border:1.5px solid #0000;border-radius:16px;place-items:center;display:grid}.icon-cell:hover{background:color-mix(in oklab, var(--ink) 8%, var(--surface-2))}.icon-cell:active{transform:scale(.92)}.icon-cell.is-current{border-color:var(--ink);background:var(--surface-solid)}.icon-empty{margin-top:8px}.export-row{justify-content:flex-end;margin:-6px 0 0;display:flex}.export-link{letter-spacing:.04em;min-height:44px;color:var(--ink-3);transition:color .2s var(--ease-out);background:0 0;border:0;align-items:center;gap:5px;padding:0 6px;font-size:13px;font-weight:500;display:inline-flex}.export-link:hover:not(:disabled){color:var(--ink)}.export-link:disabled{cursor:progress}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.guide{flex-direction:column;gap:18px;display:flex}.guide-app{align-items:center;gap:14px;display:flex}.guide-app img{border-radius:14px;flex:none;box-shadow:0 6px 18px -6px oklch(15% .02 50/.45)}.guide-app-name{font-family:var(--font-display);margin:0;font-size:24px;line-height:1.1}.guide-app-sub{color:var(--ink-2);margin:2px 0 0;font-size:14px}.guide-tabs button{font-size:14px}.guide-or{color:var(--ink-3);text-align:center;margin:-6px 0 -8px;font-size:13px}.guide-steps{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.guide-steps li{align-items:flex-start;gap:14px;display:flex}.guide-steps p{margin:0;font-size:16px;line-height:1.6}.guide-num{background:var(--ink);width:28px;height:28px;color:var(--on-ink);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:13px;font-weight:600;display:grid}.guide-hint{color:var(--ink-3);margin-top:2px!important;font-size:13.5px!important;line-height:1.45!important}.guide-key{background:var(--surface-2);border:1px solid var(--line);white-space:nowrap;vertical-align:1px;border-radius:8px;align-items:center;gap:4px;margin:0 1px;padding:1px 8px;font-size:14.5px;font-weight:500;display:inline-flex}.guide-done{color:var(--ink-2);align-items:center;gap:8px;margin:0;display:flex}.guide-done svg{color:oklch(60% .103 164)}.guide-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.guide-actions .btn-secondary,.guide-actions .btn-primary{width:auto}.guide-actions>:only-child{grid-column:1/-1}.fold-pill{background:var(--surface-2);width:100%;min-height:52px;color:var(--ink);text-align:left;transition:transform .2s var(--ease-spring), background-color .2s;border:0;border-radius:99px;align-items:center;gap:12px;padding:0 8px 0 18px;font-size:16px;font-weight:500;display:flex}.fold-pill:active{transform:scale(.98)}.fold-pill:focus-visible{border-radius:99px}.fold-pill-label{white-space:nowrap;flex:1}.feel-summary-icons{color:var(--ink-2);flex:none;gap:5px;display:inline-flex}.fold-chevron{background:var(--surface-solid);width:36px;height:36px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;display:grid}.fold-chevron svg{transition:transform .4s var(--ease-out)}.fold-chevron.is-open svg{transform:rotate(180deg)}.feel-panel{padding-top:14px}.setting-pill{background:var(--surface-2);width:100%;min-height:52px;color:var(--ink);text-align:left;border:0;border-radius:99px;justify-content:space-between;align-items:center;gap:12px;padding:0 8px 0 18px;font-size:16px;font-weight:500;display:flex}button.setting-pill:disabled{cursor:progress}.setting-pill:focus-visible,.setting-pill:focus-within{border-radius:99px}.setting-pill-label{flex:1}.switch{background:color-mix(in oklab, var(--ink-3) 45%, var(--surface-solid));width:52px;height:32px;transition:background-color .25s var(--ease-out);border-radius:99px;flex:none;position:relative}.switch span{background:var(--surface-solid);width:26px;height:26px;transition:transform .3s var(--ease-spring);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px oklch(15% .02 50/.3)}.switch.is-on{background:oklch(60% .103 164)}.switch.is-on span{transform:translate(20px)}.time-input{background:var(--surface-solid);min-height:36px;color:var(--ink);font-variant-numeric:tabular-nums;color-scheme:inherit;border:0;border-radius:99px;flex:none;padding:0 12px;font-size:16px;font-weight:500}.reminder-extra{flex-direction:column;gap:4px;padding-top:10px;display:flex}.reminder-test{align-self:flex-end}.reminder-msg{margin:12px 0 0}
