@layer reset,tokens,base,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}img{display:block;max-width:100%}}@layer tokens{:root{color-scheme:light;--bg: #fbfbfb;--surface: #ffffff;--surface-soft: #f3f3f3;--surface-muted: #e7e7e7;--surface-chip: #ebebeb;--surface-border: #e0e0e0;--surface-divider: #d9d9d9;--text: #000000;--text-subtle: rgb(0 0 0 / .6);--text-muted: rgb(0 0 0 / .5);--text-on-dark: #ffffff;--brand: #4eac46;--cookidoo: #00a760;--font-ui: "SF Pro Text", "SF Pro Display", "Inter", system-ui, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", ui-monospace, monospace;--radius-phone: 60px;--radius-pill: 999px;--radius-card: .625rem;--radius-bubble: 1.5rem;--shadow-soft: 0 2px 8px rgb(0 0 0 / .1);--shadow-overlay: 0 0 10px 2px rgb(0 0 0 / .1)}}@layer base{body{font-family:var(--font-ui);color:var(--text);background:radial-gradient(circle at 20% 0%,oklch(.96 .01 240) 0%,transparent 35%),radial-gradient(circle at 80% 100%,oklch(.97 .02 120) 0%,transparent 40%),var(--bg);padding:clamp(.5rem,2vw,2rem);display:grid;place-items:center;overflow-x:hidden}h1,h2,h3,p{margin:0}}@layer components{.phone{inline-size:min(100%,25.125rem);min-inline-size:19rem;block-size:min(90dvh,54rem);border-radius:var(--radius-phone);overflow:clip;border:1px solid color-mix(in oklab,var(--surface-border),black 6%);box-shadow:0 24px 42px #0000001f,0 2px 10px #00000014;background:var(--bg);position:relative;container-type:inline-size;container-name:screen}.status-bar{block-size:3.375rem;display:flex;align-items:end;justify-content:space-between;padding:.25rem 1rem .35rem;font-weight:590;font-size:1.0625rem;letter-spacing:-.02em;position:absolute;inset-block-start:0;inset-inline:0;z-index:20;color:var(--text-on-dark);pointer-events:none}.hero{position:relative;min-block-size:32.875rem;display:flex;align-items:end;padding:1.5rem;color:var(--text-on-dark);overflow:clip;margin-inline:-1rem}.hero>*{position:relative;z-index:1}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,#0000,rgb(0 0 0 / var(--hero-vignette, .2))),var(--hero-image);background-size:cover;background-position:center;z-index:0;transform:scale(1.02)}.hero-tag{display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:.25rem .5rem;background:#ffffff80;font-size:.75rem;letter-spacing:-.02em}.hero-title{margin-top:.25rem;font-size:1.5rem;font-weight:510;letter-spacing:-.02em;text-wrap:balance}.hero-subtitle{margin-top:.125rem;font-size:1.25rem;opacity:.8;letter-spacing:-.02em;text-wrap:balance}.hero-pager{margin-top:1rem;display:inline-flex;gap:.5rem;align-items:center}.dot{block-size:.5rem;inline-size:.5rem;border-radius:var(--radius-pill);background:#ffffff80}.dot[aria-current=true]{inline-size:1.25rem;background:#fff}.home-scroll{block-size:100%;overflow-y:auto;overflow-x:clip;scrollbar-width:thin;padding:0 1rem 8rem}.section,.section:first-child{margin-block-start:3rem}.section-title{font-size:1.375rem;font-weight:400;line-height:1;letter-spacing:-.02em;margin-block-end:2.6875rem}.category-row{display:grid;grid-auto-flow:column;grid-auto-columns:4.5625rem;gap:.8125rem;overflow:auto;scroll-snap-type:inline mandatory;padding-block-end:.4rem}.category{scroll-snap-align:start;display:grid;justify-items:center;gap:.625rem;font-size:.75rem;font-weight:700;letter-spacing:-.02em}.category-emoji{inline-size:4.5625rem;block-size:4.5625rem;display:grid;place-items:center;background:var(--surface-border);border-radius:50%;font-size:2rem}.card-rail{display:grid;grid-auto-flow:column;grid-auto-columns:10rem;gap:.5rem;overflow:auto;scroll-snap-type:inline mandatory;padding-block-end:.4rem}.skill-card{scroll-snap-align:start;display:grid;gap:1.5rem}.skill-card>div{display:grid;gap:.5rem}.skill-image{inline-size:10rem;aspect-ratio:160 / 178;border-radius:var(--radius-card);object-fit:cover;background:#cecece}.skill-title{font-size:.9375rem;font-weight:700;line-height:1.47;letter-spacing:-.02em;text-wrap:pretty}.skill-meta{font-size:.75rem;line-height:1.25;color:var(--text-muted);letter-spacing:-.02em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.skill-rating{margin-top:.2rem;font-size:.875rem;letter-spacing:-.02em;display:flex;gap:.125rem;align-items:center}.chip-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.plan-chip{border:1px solid var(--surface-border);min-block-size:3rem;border-radius:var(--radius-card);display:grid;place-items:center;padding:.5rem;font-size:.875rem;font-weight:510;line-height:1.2;letter-spacing:-.02em;text-align:center;background:color-mix(in oklab,var(--surface),var(--bg) 55%)}.glass-nav{position:absolute;inset-inline:1rem;inset-block-end:calc(2.375rem + env(safe-area-inset-bottom));display:flex;gap:.5rem;justify-content:space-between;align-items:center;z-index:30}.pill-nav,.profile-nav,.floating-cta,.floating-icon{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;box-shadow:var(--shadow-soft);border-radius:var(--radius-pill)}.pill-nav{inline-size:12.25rem;block-size:3.5rem;padding:.25rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.25rem}.nav-item{border-radius:var(--radius-pill);display:grid;place-items:center;color:#0009}.nav-item[aria-current=page]{background:var(--brand);color:#fff}.profile-nav,.floating-icon{inline-size:3.5rem;block-size:3.5rem;display:grid;place-items:center;font-size:1.125rem;color:#000000b8}.conversation-shell{block-size:100%;display:block;background:var(--bg);overflow:hidden;position:relative}.conversation-shell:before{content:none}.top-fade{display:none}.top-controls{position:absolute;inset-block-start:3.625rem;inset-inline:1rem;display:flex;justify-content:space-between;z-index:22;pointer-events:none}.back-btn{inline-size:2.75rem;block-size:2.75rem;border-radius:50%;border:0;padding:0;display:grid;place-items:center;background:#ffffff1a;box-shadow:var(--shadow-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.ui-icon{inline-size:1.5rem;block-size:1.5rem;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;flex:none}.icon-slot{inline-size:1.5rem;block-size:1.5rem;display:grid;place-items:center;line-height:1}.asset-icon{inline-size:1.5rem;block-size:1.5rem;display:block;object-fit:contain;flex:none}.chat-scroll{position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:50%;transform:translate(-50%);inline-size:min(22.125rem,calc(100% - 2rem));padding:4.125rem 0 calc(7.5rem + env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;display:grid;align-content:start;gap:1.5rem}.chat-scroll>*{min-inline-size:0}.msg-user{justify-self:end;max-inline-size:82%;background:var(--surface-muted);border-radius:var(--radius-bubble);padding:.875rem;font-size:1.0625rem;line-height:1.3;letter-spacing:-.02em;text-wrap:pretty;overflow-wrap:anywhere}.msg-agent{inline-size:100%;font-size:1.0625rem;line-height:1.3;letter-spacing:-.02em;text-wrap:pretty;overflow-wrap:anywhere}.msg-agent p+p{margin-top:.625rem}.msg-agent ul{margin:.625rem 0;padding-inline-start:1.6rem}.msg-agent li{margin-block-end:.25rem}.msg-agent strong{font-weight:700}.cookidoo{color:var(--cookidoo);font-weight:700}.concept-chip{display:inline-flex;align-items:center;gap:.25rem;border-radius:var(--radius-card);background:var(--surface-muted);padding:.25rem .5rem;color:#606060;font-size:.8125rem;font-weight:510;letter-spacing:-.02em;margin-top:.4rem;text-decoration:none}.concept-chip-icon{inline-size:1rem;block-size:1rem;object-fit:contain;flex:none}.recipe-row{display:grid;grid-auto-flow:column;grid-auto-columns:10rem;gap:.5rem;overflow:auto;scroll-snap-type:inline mandatory;margin-top:.8rem;padding-bottom:.1rem}.recipe-card{scroll-snap-align:start;display:grid;gap:.5rem}.recipe-image{inline-size:10rem;aspect-ratio:1;border-radius:var(--radius-card);object-fit:cover;background:#cecece}.recipe-title{font-size:.875rem;font-weight:590;letter-spacing:-.02em;line-height:1.2}.recipe-sub{font-size:.75rem;color:var(--text-subtle);letter-spacing:-.02em;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.chip-row{display:flex;flex-wrap:wrap;gap:.25rem}.meta-chip{border-radius:.25rem;background:var(--surface-chip);padding:.25rem .5rem .25rem .25rem;font-size:.75rem;display:inline-flex;gap:.125rem;align-items:center;letter-spacing:-.02em}.meta-chip-icon{inline-size:1rem;block-size:1rem;object-fit:contain;flex:none}.bottom-fade{display:none}.prompt-wrap{position:absolute;inset-inline:.75rem;inset-block-end:calc(.875rem + env(safe-area-inset-bottom));display:grid;place-items:center;z-index:35;pointer-events:none}.prompt{pointer-events:auto;inline-size:100%;max-inline-size:24.125rem;min-block-size:6rem;background:var(--surface);border:.5px solid rgb(0 0 0 / .2);border-radius:1.5rem;box-shadow:var(--shadow-soft);padding:1rem;display:grid;grid-template-rows:1fr auto;gap:.8rem}.prompt-placeholder{font-size:.9375rem;letter-spacing:-.02em;color:#00000080}.prompt-actions{display:flex;justify-content:space-between;align-items:end;font-size:1.8rem;line-height:1}.project-cta-wrap{position:absolute;inset-inline:1rem;inset-block-end:calc(2.2rem + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;z-index:34}.floating-cta{inline-size:18.125rem;block-size:3.5rem;background:var(--brand);color:#fff;font-size:.9375rem;font-weight:510;letter-spacing:-.02em;display:grid;place-items:center}.device-legend{margin-top:1rem;text-align:center;color:#4a4a4a;font-size:.875rem;letter-spacing:-.01em}.device-legend code{font-family:var(--font-mono);font-size:.78rem;padding:.18rem .34rem;border-radius:.3rem;background:var(--surface-soft)}@container screen (max-width: 22rem){.section-title{font-size:1.18rem}.skill-title{font-size:.88rem}.msg-user,.msg-agent{font-size:1rem}.phone{min-inline-size:0}.profile-nav,.floating-icon{inline-size:3.25rem;block-size:3.25rem}}}.summary-card{background:var(--surface-soft);border-radius:var(--radius-card);padding:0 .75rem;margin-top:.625rem}@layer utilities{.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}}html,body,#root{height:100dvh;overflow:hidden;overscroll-behavior-y:none}body{display:block!important;place-items:unset!important;padding:0!important;background:var(--bg)!important;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden}.app-shell{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg);container-type:inline-size;container-name:screen}.screen{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);overflow:hidden;display:flex;flex-direction:column;will-change:transform,opacity}.screen__scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 1rem 8rem;scrollbar-width:none}.screen__scroll::-webkit-scrollbar{display:none}.screen__scroll--flush{padding:0}.home-scroll{padding-top:0!important;padding-right:1rem!important;padding-bottom:8rem!important;padding-left:1rem!important;overflow-x:clip!important}.screen__scroll .category-row,.screen__scroll .card-rail,.screen__scroll .recipe-row{margin-inline:-1rem;width:calc(100% + 2rem);padding-inline:1rem;scroll-padding-inline:1rem}.safe-top{padding-top:calc(env(safe-area-inset-top) + 3.5rem)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.screen .glass-nav{position:absolute;inset-inline:1rem;inset-block-end:calc(max(var(--vvh-offset, 0px),env(safe-area-inset-bottom)) + 1.25rem)}.screen .prompt-wrap{inset-block-end:calc(max(var(--vvh-offset, 0px),env(safe-area-inset-bottom)) + .875rem)}.screen .chat-scroll{position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;inline-size:min(100%,50rem);margin-inline:auto;transform:none;padding:calc(env(safe-area-inset-top) + 6rem) 1rem calc(7.5rem + env(safe-area-inset-bottom));overflow-y:auto;overflow-x:clip;overscroll-behavior-x:none;touch-action:pan-y;display:grid;align-content:start;gap:1.5rem;scrollbar-width:none}.screen .chat-scroll::-webkit-scrollbar{display:none}.chat-scroll>.msg-agent,.chat-scroll>.status-row{inline-size:100%;justify-self:stretch}.chat-scroll>.msg-agent,.chat-scroll>.msg-agent p{overflow-wrap:anywhere;word-break:break-word}.msg-agent--error p{color:var(--text-muted, #6b6b6b)}.msg-agent__error-detail{margin-block-start:.35rem;font-size:.8125rem;color:var(--text-muted, #9a9a9a);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.65}.chat-scroll .recipe-row{--chat-max-inline: 50rem;inline-size:100vw;margin-inline-start:calc(50% - 50vw);padding-inline-start:max(1rem,calc((100vw - var(--chat-max-inline)) / 2 + 1rem));padding-inline-end:max(1rem,calc((100vw - var(--chat-max-inline)) / 2 + 1rem));scroll-padding-inline:1rem;touch-action:pan-x}.screen .top-controls{inset-block-start:calc(env(safe-area-inset-top) + 1.5rem);inset-inline:1rem}.screen .top-controls .back-btn{inline-size:2.75rem;block-size:2.75rem;border-radius:50%;background:#ffffff1a;box-shadow:0 0 10px 2px #0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.screen--has-hero .top-controls .back-btn{color:var(--text-on-dark)}.screen--light .top-controls .back-btn{background:#ffffffb8;color:#000000d9}.pressable{transition:transform .16s cubic-bezier(.23,1,.32,1);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.pressable:active{transform:scale(.97)}.selectable{-webkit-user-select:text;user-select:text}.card-rail::-webkit-scrollbar,.category-row::-webkit-scrollbar,.recipe-row::-webkit-scrollbar{display:none}.card-rail,.category-row,.recipe-row{scrollbar-width:none}@media(prefers-reduced-motion:reduce){.pressable:active{transform:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.tab-bar{width:100%;height:3.75rem;border-bottom:1px solid var(--surface-border);display:flex;align-items:stretch;margin-block-end:1rem}.tab{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;padding:0 .5rem;font-size:.875rem;font-weight:510;letter-spacing:-.02em;color:var(--text-subtle);white-space:nowrap;background:transparent;border:0;border-bottom:3px solid transparent;margin-bottom:-1px}.tab[data-state=active]{color:var(--text);border-bottom-color:#6a6a6a}.prompt-input{border:none;background:transparent;resize:none;outline:none;font:inherit;font-size:.9375rem;line-height:1.35;letter-spacing:-.02em;color:var(--text);overflow-y:auto;scrollbar-width:none;-webkit-user-select:text;user-select:text;padding:0;align-self:start}.prompt-input::-webkit-scrollbar{display:none}.prompt-input::placeholder{color:#00000080}.prompt-action{background:transparent;border:0;padding:0;color:var(--text);display:grid;place-items:center;line-height:1}.prompt-action[disabled]{opacity:.4}.stream-caret{display:inline-block;inline-size:.5ch;block-size:1em;background:var(--text);margin-inline-start:1px;vertical-align:-.1em;animation:caret-blink 1.1s steps(2,end) infinite}@keyframes caret-blink{50%{opacity:0}}.status-row{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-subtle);font-size:.875rem;letter-spacing:-.02em}.status-row__dots{display:inline-flex;gap:.2rem;align-items:center}.status-row__dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:status-dot 1.2s cubic-bezier(.77,0,.175,1) infinite}.status-row__dot:nth-child(2){animation-delay:.2s}.status-row__dot:nth-child(3){animation-delay:.4s}@keyframes status-dot{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.recipe-image--emoji,.skill-image--emoji{display:grid;place-items:center;font-size:2.5rem}.skill-image--emoji{font-size:2.75rem}.archive-empty{padding:3rem 1rem;text-align:center;color:var(--text-subtle);font-size:.9375rem;line-height:1.4}.page-title{font-size:1.75rem;font-weight:590;letter-spacing:-.02em;line-height:1.15;color:var(--text);margin:0 0 1.5rem}.segmented{display:inline-flex;align-items:center;gap:.25rem;background:transparent;margin-block-end:1rem}.segment{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:.5rem 1rem;border-radius:var(--radius-pill);font:inherit;font-size:.9375rem;font-weight:510;letter-spacing:-.02em;color:var(--text-subtle);cursor:pointer;white-space:nowrap;transition:background-color .12s ease,color .12s ease}.segment[data-state=active]{background:var(--surface-muted);color:var(--text)}.archive-list{display:flex;flex-direction:column}.archive-list>.archive-row+.archive-row{border-top:1px solid var(--surface-border)}.archive-row{display:grid;grid-template-columns:7rem 1fr auto;gap:1rem;align-items:center;padding-block:1rem;cursor:pointer}.archive-row__image{inline-size:7rem;block-size:7rem;border-radius:var(--radius-card);background:var(--surface-muted);display:grid;place-items:center;overflow:hidden}.archive-row__emoji{font-size:2rem;line-height:1}.archive-row__body{min-width:0;display:flex;flex-direction:column;gap:.5rem}.archive-row__title{margin:0;font-size:1rem;font-weight:590;letter-spacing:-.02em;line-height:1.25;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.archive-row__subtitle{margin:0;font-size:.8125rem;letter-spacing:-.01em;line-height:1.3;color:var(--text-subtle);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.archive-row__chips{flex-wrap:wrap;gap:.375rem}.archive-row__actions{display:flex;flex-direction:column;gap:.375rem;align-self:center}.archive-row__action{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-block-size:2rem;min-inline-size:2rem;padding-inline:.5rem;background:var(--surface-muted);color:var(--text-subtle);border:none;border-radius:var(--radius-pill);font-size:.75rem;font-weight:510;letter-spacing:-.01em;cursor:pointer;transition:background-color .15s ease,color .15s ease}.archive-row__action[data-confirming=true]{padding-inline:.75rem;font-weight:590}.archive-row__action--status[data-confirming=true]{background:var(--brand, #ff5b13);color:var(--text-on-dark, #fff)}.archive-row__action--delete[data-confirming=true]{background:#e5484d;color:#fff}.archive-row__action-label{white-space:nowrap}.archive-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding-block:3rem 2rem;gap:1rem}.archive-empty-state__placeholder{inline-size:8rem;block-size:8rem;border-radius:var(--radius-card);background:var(--surface-muted);margin-block-end:.5rem}.archive-empty-state__heading{margin:0;font-size:1.125rem;font-weight:590;letter-spacing:-.02em;color:var(--text)}.archive-empty-state__body{margin:0;font-size:.9375rem;line-height:1.4;color:var(--text-subtle);max-inline-size:18rem}.cta-pill{display:inline-flex;align-items:center;justify-content:center;margin-block-start:1.5rem;inline-size:min(100%,290px);block-size:56px;border-radius:var(--radius-pill);background:var(--brand);color:var(--text-on-dark);font-size:.9375rem;font-weight:510;letter-spacing:-.02em;cursor:pointer;box-shadow:var(--shadow-soft)}.hero--compact{min-block-size:18rem}.ingredients{display:grid;gap:0}.ingredients__row{display:grid;grid-template-columns:1fr auto;padding:.6rem 0;border-bottom:.5px solid var(--surface-border);font-size:.9375rem;letter-spacing:-.02em}.ingredients__amt{color:var(--text-subtle);font-variant-numeric:tabular-nums}.steps{display:grid;gap:1rem}.step-row{display:grid;grid-template-columns:1.5rem 1fr;gap:.5rem;font-size:.9375rem;line-height:1.4;letter-spacing:-.02em}.step-row__n{font-variant-numeric:tabular-nums;color:var(--text-muted);font-weight:590}.a2hs{position:absolute;left:.75rem;right:.75rem;bottom:calc(env(safe-area-inset-bottom) + .75rem);padding:1rem 1.125rem;background:var(--surface);border-radius:1.25rem;box-shadow:var(--shadow-overlay);border:.5px solid var(--surface-border);z-index:50;font-size:.875rem;line-height:1.45}.a2hs__title{font-weight:590;margin-bottom:.25rem}.a2hs__body{color:var(--text-subtle)}.a2hs__dismiss{margin-top:.625rem;background:none;border:none;color:var(--brand);font:inherit;font-weight:510;padding:.25rem 0}:root{--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1)}.screen:has(.composer-drawer) .chat-scroll,.screen:has(.prompt) .chat-scroll{padding-block-end:calc(var(--prompt-height, 22rem) + 2rem + env(safe-area-inset-bottom))}.prompt{display:flex;flex-direction:column;gap:1rem;overflow:hidden;transition:padding-block-start .15s ease}.prompt.is-overflowing{padding-block-start:0}.prompt-body{display:grid;grid-template-rows:1fr auto;gap:.8rem;flex:1 1 auto}.reply-card{display:flex;flex-direction:column;gap:1rem;animation:reply-list-enter .26s var(--ease-drawer) both}.reply-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.reply-card__title{margin:0;font-family:var(--font-ui);font-size:.9375rem;line-height:1.467;letter-spacing:-.02em;font-weight:600;color:var(--text)}.reply-card__counter{flex-shrink:0;font-family:var(--font-ui);font-size:.9375rem;line-height:1.467;letter-spacing:-.02em;color:var(--text);opacity:.5;font-variant-numeric:tabular-nums}.reply-card__skip{flex-shrink:0;background:none;border:none;padding:0;font-family:var(--font-ui);font-size:.9375rem;line-height:1.467;letter-spacing:-.02em;color:var(--text);opacity:.5;cursor:pointer}.reply-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.reply-row{animation:reply-row-enter .2s var(--ease-out) both}.reply-row__btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:0;background:none;border:none;font-family:var(--font-ui);font-size:.9375rem;line-height:1.467;letter-spacing:-.02em;color:var(--text);text-align:left;cursor:pointer}.reply-row__n{display:grid;place-items:center;inline-size:1.5rem;block-size:1.5rem;flex-shrink:0;border:.5px solid #909090;border-radius:.375rem;font-family:var(--font-ui);font-size:.875rem;line-height:1;font-weight:500;color:#909090}.reply-row__n--icon{border:none;color:#909090}.reply-row__label{font-weight:500;letter-spacing:-.02em;color:var(--text)}.reply-row__label--muted{font-weight:400;opacity:.5}.reply-row__desc{margin-inline-start:auto;text-align:end;color:var(--text);opacity:.5;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.reply-row__freeform{display:flex;align-items:center;gap:.5rem;width:100%}.reply-row__input{flex:1 1 auto;min-width:0;border:none;background:transparent;outline:none;font-family:var(--font-ui);font-size:.9375rem;line-height:1.467;letter-spacing:-.02em;color:var(--text);padding:0}.reply-row__input::placeholder{color:#00000080}@keyframes reply-list-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes reply-row-enter{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.reply-card,.reply-row{animation:none}}.time-dial{width:100%;max-width:100%;min-width:0}.time-dial__stage{display:flex;justify-content:center;padding-block-start:.25rem}.time-dial__svg-wrap{position:relative;width:100%;max-width:13.5rem}.time-dial__svg{width:100%;height:auto;display:block;touch-action:none;user-select:none;-webkit-user-select:none}.dial-handle{position:absolute;width:30px;height:30px;border-radius:50%;background:#fff;border:.5px solid rgba(0,0,0,.2);box-shadow:0 1.778px 7.111px #0000001a;transform:translate(-50%,-50%);pointer-events:none}.time-dial__readout-anchor{position:absolute;left:calc(50% + .5px);top:calc(50% + 10.5px);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;font-variant-numeric:tabular-nums}.time-dial__readout-num{min-width:6rem;text-align:center;font-family:var(--font-ui);font-size:3rem;font-weight:400;line-height:1;letter-spacing:-.02em;color:var(--text)}.time-dial__readout-unit{margin-block-start:.125rem;font-family:var(--font-ui);font-size:.875rem;font-weight:400;letter-spacing:-.02em;color:#909090}.time-dial__commit-bar{display:flex;align-items:center;gap:.5rem;width:100%;max-width:100%;min-width:0;height:3rem;padding:.5rem .5rem .5rem 1rem;border:1px solid rgba(0,0,0,.1);border-radius:12px;background:#fff;cursor:pointer;font:inherit;color:inherit;text-align:left;transition:border-color .2s ease,background .2s ease}.time-dial__commit-bar:hover{border-color:#0000002e;background:#00000005}.time-dial__commit-text{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;line-height:1.2}.time-dial__commit-headline{font-family:var(--font-ui);font-size:.9375rem;font-weight:510;letter-spacing:-.02em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-dial__commit-examples{font-family:var(--font-ui);font-size:.75rem;font-weight:400;letter-spacing:-.02em;color:var(--text);opacity:.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-dial__commit-check{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:8px;background:#00a760;color:#fff}.budget-dial{width:100%;max-width:100%;min-width:0}.budget-dial__stage{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-inline:.8125rem}.budget-dial__readout{display:flex;flex-direction:column;align-items:center;font-variant-numeric:tabular-nums}.budget-dial__readout-num{font-family:var(--font-ui);font-size:3rem;font-weight:400;line-height:1;letter-spacing:-.02em;color:var(--text)}.budget-dial__readout-unit{margin-block-start:.125rem;font-family:var(--font-ui);font-size:.875rem;font-weight:400;letter-spacing:-.02em;color:#909090}.budget-dial__svg-wrap{position:relative;width:100%;max-width:22rem}.budget-dial__svg{width:100%;height:auto;display:block;touch-action:none;user-select:none;-webkit-user-select:none;overflow:visible}.budget-dial__commit-bar{display:flex;align-items:center;gap:.5rem;width:100%;max-width:100%;min-width:0;height:3rem;padding:.5rem .5rem .5rem 1rem;border:1px solid rgba(0,0,0,.1);border-radius:12px;background:#fff;cursor:pointer;font:inherit;color:inherit;text-align:left;transition:border-color .2s ease,background .2s ease}.budget-dial__commit-bar:hover{border-color:#0000002e;background:#00000005}.budget-dial__commit-text{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;line-height:1.2}.budget-dial__commit-headline{font-family:var(--font-ui);font-size:.9375rem;font-weight:510;letter-spacing:-.02em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.budget-dial__commit-examples{font-family:var(--font-ui);font-size:.75rem;font-weight:400;letter-spacing:-.02em;color:var(--text);opacity:.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.budget-dial__commit-check{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:8px;background:#00a760;color:#fff}@media(prefers-reduced-motion:reduce){.budget-dial__phrase--out,.budget-dial__phrase--in{animation:none}}.playground{min-height:100vh;padding:2rem 1.25rem 4rem;display:flex;flex-direction:column;gap:2rem;background:var(--surface, #fbfbfb);font-family:var(--font-ui);color:var(--text)}.playground__header{display:flex;flex-direction:column;gap:.25rem}.playground__title{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.playground__subtitle{margin:0;font-size:.875rem;color:#909090}.playground__station{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px}.playground__station-head{display:flex;align-items:center;justify-content:space-between}.playground__station-title{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#909090}.playground__reset{border:1px solid rgba(0,0,0,.12);background:transparent;color:var(--text);padding:.25rem .75rem;border-radius:999px;font:inherit;font-size:.8125rem;cursor:pointer}.playground__reset:hover{background:#0000000a}.playground__stage{background:#fff;border:.5px solid rgba(0,0,0,.2);border-radius:24px;padding:.75rem 1rem 1rem;box-shadow:0 2px 4px #0000001a}.playground__dial-wrap{display:flex;flex-direction:column}.playground__result{display:flex;align-items:baseline;gap:.5rem;padding:.5rem .75rem;border-radius:8px;background:#00000008;font-size:.875rem}.playground__result--has{background:#def7e7}.playground__result-label{font-size:.6875rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#909090}.playground__result-value{color:var(--text);font-variant-numeric:tabular-nums}@media(min-width:760px){.playground{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem 2rem;max-width:1100px;margin-inline:auto}.playground__header{grid-column:1 / -1}.playground__station{align-self:start;min-width:0}}.match-drawer{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;padding-block:.5rem .25rem;animation:reply-list-enter .26s var(--ease-drawer) both}.match-action--primary{height:3rem;background:var(--brand);color:var(--text-on-dark);border-radius:var(--radius-pill);font-family:var(--font-ui);font-size:.9375rem;font-weight:510;letter-spacing:-.01em;border:none;width:100%}.match-action--secondary{height:2.75rem;background:none;border:none;color:var(--text-subtle);font-family:var(--font-ui);font-size:.9375rem;font-weight:510;letter-spacing:-.01em;width:100%}@media(prefers-reduced-motion:reduce){.match-drawer{animation:none}}.msg-steps{list-style:none;padding:0;margin:.625rem 0 0}.msg-step{display:grid;grid-template-columns:1.5rem 1fr;gap:.5rem;padding:.625rem 0;border-top:.5px solid var(--surface-divider)}.msg-step:last-child{border-bottom:.5px solid var(--surface-divider)}.msg-step__n{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);padding-top:.2rem}.msg-step__text{font-size:.9375rem;line-height:1.4;letter-spacing:-.01em}.summary-card{background:var(--surface-soft);border-radius:var(--radius-card);padding:0 .75rem;margin-bottom:.75rem}.summary-row{display:grid;grid-template-columns:4.5rem 1fr;gap:.5rem;align-items:baseline;padding:.5rem 0;border-bottom:.5px solid var(--surface-border)}.summary-row:last-child{border-bottom:none}.summary-row__label{font-size:.75rem;font-weight:510;color:var(--text-muted);letter-spacing:-.01em}.summary-row__value{font-size:.9375rem;letter-spacing:-.02em;line-height:1.3}.shopping-progress{margin-block-start:.75rem;padding:.875rem 1rem;background:var(--surface-soft);border-radius:var(--radius-card);display:flex;flex-direction:column;gap:.375rem}.shopping-progress__head{display:inline-flex;align-items:center;gap:.625rem}.shopping-progress__dots{display:inline-flex;gap:.1875rem}.shopping-progress__title{font-size:.9375rem;font-weight:510;letter-spacing:-.01em;color:var(--text)}.shopping-progress__step{font-size:.8125rem;color:var(--text-muted);letter-spacing:-.01em;padding-inline-start:1.375rem;animation:shopping-progress-step-in .24s ease-out}@keyframes shopping-progress-step-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.shopping-progress__step{animation:none}}.shopping-inline{position:relative;margin-block-start:.75rem;padding:1rem 1rem 0;background:var(--surface-soft);border-radius:var(--radius-card);cursor:pointer;overflow:hidden;max-block-size:14rem}.shopping-inline__head{display:grid;grid-template-columns:1fr auto;align-items:start;gap:.75rem}.shopping-inline__head-text{min-inline-size:0}.shopping-inline__title{font-size:1rem;font-weight:510;letter-spacing:-.015em;color:var(--text);margin:0}.shopping-inline__meta{font-size:.8125rem;color:var(--text-muted);letter-spacing:-.01em;margin:.125rem 0 0}.shopping-inline__expand{inline-size:2rem;block-size:2rem;border-radius:999px;background:var(--surface);display:grid;place-items:center;color:var(--text);flex-shrink:0;box-shadow:0 1px 2px #0000000f}.shopping-inline__preview{margin:.875rem 2rem 0;padding:.875rem 1rem 1rem;background:var(--surface);border-radius:var(--radius-card);border:.5px solid var(--surface-border);transform:rotate(-3deg);transform-origin:top center;box-shadow:0 6px 20px -10px #0000002e;will-change:transform}.shopping-inline__preview-header{font-size:.9375rem;font-weight:510;letter-spacing:-.01em;color:var(--brand);margin:0 0 .5rem}.shopping-inline__section+.shopping-inline__section{margin-block-start:.625rem}.shopping-inline__station{font-size:.75rem;font-weight:510;letter-spacing:-.01em;color:var(--text-muted);margin:0 0 .25rem}.shopping-inline__items{list-style:none;margin:0;padding:0}.shopping-inline__item{display:grid;grid-template-columns:1.125rem 1fr;gap:.5rem;align-items:center;padding-block:.25rem}.shopping-inline__check{inline-size:1.125rem;block-size:1.125rem;border:1.5px solid var(--surface-border);border-radius:.25rem;background:var(--surface);display:grid;place-items:center}.shopping-inline__check[data-checked=true]{background:var(--brand);border-color:var(--brand);color:var(--text-on-dark)}.shopping-inline__check svg{inline-size:.75rem;block-size:.75rem}.shopping-inline__item-name{font-size:.875rem;letter-spacing:-.01em;color:var(--text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopping-inline__item[data-state=checked] .shopping-inline__item-name{opacity:.55}.shopping-inline__item[data-state=have]{opacity:.5}.shopping-pill-wrap{position:sticky;top:.5rem;z-index:5;display:flex;justify-content:center;pointer-events:none}.shopping-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:.5rem;padding:.4375rem .875rem;background:var(--surface);color:var(--text);border:1px solid var(--surface-border);box-shadow:0 6px 24px -8px #0000002e;border-radius:var(--radius-pill);font-size:.8125rem;font-weight:510;letter-spacing:-.01em;cursor:pointer}.shopping-pill__icon{font-size:.9375rem;line-height:1}.shopping-pill__count{color:var(--text-muted);font-variant-numeric:tabular-nums}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f0c0a6b;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;animation:sheet-backdrop-in .22s ease-out}@keyframes sheet-backdrop-in{0%{opacity:0}to{opacity:1}}.shopping-sheet{position:relative;inline-size:min(100%,32rem);block-size:88vh;block-size:88dvh;background:var(--bg);border-radius:1.25rem 1.25rem 0 0;display:grid;grid-template-rows:auto auto auto 1fr auto;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);animation:sheet-in .26s cubic-bezier(.16,1,.3,1)}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.sheet-backdrop,.shopping-sheet{animation:none}}.sheet-grabber{margin:.5rem auto 0;inline-size:2.5rem;block-size:.25rem;border-radius:.125rem;background:var(--surface-border)}.shopping-sheet__header{display:grid;grid-template-columns:1fr auto;align-items:start;gap:.75rem;padding:.75rem 1rem 0}.shopping-sheet__title{font-family:var(--font-display);font-size:1.375rem;font-weight:460;letter-spacing:-.025em;line-height:1.15;margin:0 0 .5rem;color:var(--text)}.sheet-close{inline-size:2.25rem;block-size:2.25rem;display:grid;place-items:center;background:var(--surface-soft);border:none;border-radius:999px;font-size:1.25rem;color:var(--text-subtle);cursor:pointer}.headcount-stepper{display:inline-flex;align-items:center;gap:.75rem;background:var(--surface-soft);border-radius:var(--radius-pill);padding:.25rem .5rem;outline:1px solid transparent;transition:outline-color .14s ease}.headcount-stepper[data-dirty=true]{outline-color:var(--brand)}.headcount-commit{display:inline-flex;align-items:center;gap:.375rem;margin-block-start:.5rem;animation:headcount-commit-in .18s ease-out}@keyframes headcount-commit-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.headcount-commit__primary{padding:.4375rem .875rem;background:var(--brand);color:var(--text-on-dark);border:none;border-radius:var(--radius-pill);font-size:.8125rem;font-weight:510;letter-spacing:-.01em;cursor:pointer}.headcount-commit__primary:disabled{opacity:.5;cursor:not-allowed}.headcount-commit__revert{inline-size:2rem;block-size:2rem;border-radius:999px;background:var(--surface-soft);color:var(--text-subtle);border:none;font-size:1rem;display:grid;place-items:center}@media(prefers-reduced-motion:reduce){.headcount-commit{animation:none}}.headcount-btn{inline-size:1.75rem;block-size:1.75rem;border-radius:999px;background:var(--surface);border:none;font-size:1rem;font-weight:510;color:var(--text);display:grid;place-items:center}.headcount-btn:disabled{opacity:.35;cursor:not-allowed}.headcount-value{display:inline-flex;align-items:baseline;gap:.25rem;font-size:.875rem;letter-spacing:-.01em}.headcount-value__n{font-weight:510;font-variant-numeric:tabular-nums}.headcount-value__label{color:var(--text-muted)}.shopping-sheet__trip{display:inline-flex;align-items:center;gap:.25rem;margin:.75rem 1rem .25rem;align-self:start}.shopping-sheet__body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.5rem 1rem 1rem;scrollbar-width:none}.shopping-sheet__body::-webkit-scrollbar{display:none}.shopping-sheet__empty{text-align:center;color:var(--text-muted);font-size:.875rem;margin:2rem 0}.shopping-section+.shopping-section{margin-block-start:1.25rem}.shopping-section__title{font-size:.75rem;font-weight:510;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .375rem}.shopping-rows{list-style:none;margin:0;padding:0}.shopping-row{display:grid;grid-template-columns:2.25rem 1fr auto;gap:.75rem;align-items:center;padding:.625rem 0;border-top:.5px solid var(--surface-divider);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:opacity .18s ease}.shopping-row:first-child{border-top:none}.shopping-row:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:.375rem}.shopping-row__tile{inline-size:2.25rem;block-size:2.25rem;border-radius:var(--radius-card);background:var(--surface-muted);display:grid;place-items:center;overflow:hidden;flex-shrink:0}.shopping-row__emoji{font-size:1.375rem;line-height:1}.shopping-row__avatar{font-size:.875rem;font-weight:510;color:var(--text-muted);letter-spacing:-.01em}.shopping-row__main{display:flex;flex-direction:column;gap:.125rem;min-inline-size:0}.shopping-row__name-wrap{position:relative;display:inline-block;align-self:flex-start;max-inline-size:100%}.shopping-row__name{font-size:.9375rem;font-weight:510;letter-spacing:-.01em;color:var(--text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.shopping-row__sub{font-size:.8125rem;color:var(--text-muted);letter-spacing:-.01em;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopping-row__check{inline-size:1.5rem;block-size:1.5rem;border-radius:999px;border:1.5px solid var(--surface-border);background:var(--surface);display:grid;place-items:center;transition:background-color .14s ease,border-color .14s ease;flex-shrink:0}.shopping-row__check[data-checked=true]{background:var(--brand);border-color:var(--brand)}.shopping-row__check-icon{inline-size:.875rem;block-size:.875rem;stroke:var(--text-on-dark)}.shopping-row__have-chip{padding:.1875rem .5rem;background:var(--surface-soft);color:var(--text-muted);border-radius:var(--radius-pill);font-size:.6875rem;font-weight:510;letter-spacing:.02em;text-transform:lowercase;flex-shrink:0;white-space:nowrap}.charcoal-strike{position:absolute;inset-inline-start:-.125rem;inset-block-start:50%;inline-size:calc(100% + .25rem);transform:translateY(-50%);block-size:.625rem;pointer-events:none;opacity:0}.charcoal-strike path{fill:none;stroke:var(--text);stroke-width:2;stroke-linecap:round;stroke-dasharray:220;stroke-dashoffset:220}.shopping-row[data-strike=on] .charcoal-strike{opacity:.78}.shopping-row[data-strike=on] .charcoal-strike path{stroke-dashoffset:0}.shopping-row[data-strike=on][data-strike-fresh=true] .charcoal-strike path{animation:charcoal-strike-in .22s ease-out}@keyframes charcoal-strike-in{0%{stroke-dashoffset:220}to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.shopping-row[data-strike=on][data-strike-fresh=true] .charcoal-strike path{animation:none}}.shopping-row[data-state=checked] .shopping-row__name,.shopping-row[data-state=checked] .shopping-row__sub,.shopping-row[data-state=checked] .shopping-row__tile{opacity:.55}.shopping-row[data-state=have]{opacity:.6}.shopping-sheet__footer{display:flex;gap:.5rem;align-items:center;padding:.75rem 1rem;border-top:.5px solid var(--surface-divider)}.shopping-share{flex:1;block-size:2.75rem;background:var(--brand);color:var(--text-on-dark);border:none;border-radius:var(--radius-pill);font-size:.9375rem;font-weight:510;letter-spacing:-.01em}.shopping-discard{block-size:2.75rem;padding-inline:.875rem;background:none;border:none;color:var(--text-subtle);font-size:.8125rem;letter-spacing:-.01em}.shopping-discard[data-confirming=true]{color:var(--brand);font-weight:510}