:root{--bg: #07090a;--bg-deep: #050606;--ink: #f4f6f1;--ink-2: #cad0c0;--ink-3: #8a9285;--ink-4: #4e564b;--line: rgba(255, 255, 255, .1);--line-2: rgba(255, 255, 255, .16);--accent: #c8f060;--accent-2: #8fd84a;--accent-deep: #6ba530;--accent-ink: #0a1004;--glow-1: oklch(.84 .18 130);--glow-2: oklch(.55 .16 145);--glow-3: oklch(.7 .14 120);--glass-bg: rgba(255, 255, 255, .06);--glass-bg-2: rgba(255, 255, 255, .1);--glass-bg-3: rgba(255, 255, 255, .16);--glass-blur: blur(28px) saturate(1.4);--pad-pg: 20px;--r-card: 28px;--r-pill: 999px;--spring: cubic-bezier(.34, 1.56, .64, 1);--ease: cubic-bezier(.2, .7, .3, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overscroll-behavior:none}body{background:var(--bg);font-family:Onest,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-feature-settings:"ss01","cv11";color:var(--ink);min-height:100vh;position:relative;overflow:hidden}#root{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.app-shell{position:relative;flex:1;isolation:isolate;overflow:hidden;background:var(--bg)}.hh-ambient{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.hh-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.7;will-change:transform}.hh-blob-1{width:70%;height:45%;top:-8%;right:-15%;background:var(--glow-1);opacity:.55;animation:blob-1 14s ease-in-out infinite alternate}.hh-blob-2{width:65%;height:50%;bottom:-10%;left:-20%;background:var(--glow-2);opacity:.45;animation:blob-2 18s ease-in-out infinite alternate}.hh-blob-3{width:50%;height:30%;top:35%;left:20%;background:var(--glow-3);opacity:.25;animation:blob-3 22s ease-in-out infinite alternate}@keyframes blob-1{0%{transform:translate(0) scale(1)}to{transform:translate(-12%,10%) scale(1.15)}}@keyframes blob-2{0%{transform:translate(0) scale(1)}to{transform:translate(15%,-10%) scale(1.1)}}@keyframes blob-3{0%{transform:translate(0) scale(1)}to{transform:translate(-8%,-12%) scale(1.2)}}.hh-generating .hh-blob-1{opacity:.8;animation-duration:4s}.hh-generating .hh-blob-2{opacity:.7;animation-duration:5s}.hh-generating .hh-blob-3{opacity:.5;animation-duration:6s}.hh-grain{position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.5;mix-blend-mode:overlay;z-index:1;pointer-events:none}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--line);border-radius:var(--r-card)}.glass-2{background:var(--glass-bg-2);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--line-2);border-radius:var(--r-card)}.glass-pill{background:var(--glass-bg-2);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--line-2);border-radius:var(--r-pill)}.btn{appearance:none;border:none;outline:none;font-family:inherit;cursor:pointer;transition:transform .15s var(--spring),box-shadow .2s var(--ease),background .2s var(--ease);-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.96)}.btn:disabled{cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-ink);border-radius:var(--r-pill);padding:16px 24px;font-weight:600;font-size:16px;letter-spacing:-.01em;box-shadow:0 10px 30px -10px #c8f06073,inset 0 1px #ffffff59}.btn-primary:hover{background:var(--accent-2)}.btn-ghost{background:var(--glass-bg-2);color:var(--ink);border:1px solid var(--line-2);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--r-pill);padding:16px 24px;font-weight:500;font-size:15px}.btn-circle{width:56px;height:56px;border-radius:50%;background:var(--glass-bg-2);border:1px solid var(--line-2);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);display:inline-flex;align-items:center;justify-content:center;color:var(--ink);cursor:pointer;font-family:inherit}.t-eyebrow{font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--ink-3)}.t-display{font-size:32px;font-weight:600;letter-spacing:-.015em;line-height:1.05;color:var(--ink)}.t-display-xl{font-size:40px;font-weight:600;letter-spacing:-.02em;line-height:1.1;color:var(--ink)}.t-h2{font-size:22px;font-weight:600;letter-spacing:-.015em;line-height:1.15}.t-body{font-size:15px;font-weight:400;line-height:1.4;color:var(--ink)}.t-muted{color:var(--ink-3)}.t-quote{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:19px;line-height:1.35;color:var(--ink-2);letter-spacing:0}.hh-screen{position:absolute;inset:0;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;z-index:2;isolation:isolate}.hh-screen>*{position:relative;z-index:1;isolation:isolate}.t-eyebrow,.t-display,.t-display-xl,.t-h2,.t-body,.t-quote{position:relative;z-index:1}.hh-sheet-scrim{position:absolute;inset:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10}.hh-sheet{position:absolute;left:0;right:0;bottom:0;z-index:11;background:#141912d9;backdrop-filter:blur(40px) saturate(1.3);-webkit-backdrop-filter:blur(40px) saturate(1.3);border-top:1px solid var(--line-2);border-radius:32px 32px 0 0;padding:12px 20px max(36px,env(safe-area-inset-bottom));box-shadow:0 -30px 60px #0006;display:flex;flex-direction:column;max-height:85%}.hh-sheet-handle{width:40px;height:4px;border-radius:99px;background:#fff3;margin:0 auto 14px}.hh-family-card{position:relative;padding:16px 14px;background:var(--glass-bg);border:1px solid var(--line);border-radius:22px;transition:all .2s var(--ease);cursor:pointer;text-align:left;color:inherit;font-family:inherit;overflow:hidden}.hh-family-card:active{transform:scale(.97)}.hh-family-card.selected{background:#c8f06024;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 8px 24px #c8f0602e}.hh-fire{font-size:30px;display:inline-block;cursor:pointer;transition:transform .25s var(--spring);filter:grayscale(1) brightness(.7);opacity:.5}.hh-fire.filled{filter:none;opacity:1}.hh-fire.justClicked{animation:fire-pop .5s var(--spring)}@keyframes fire-pop{0%{transform:scale(1)}40%{transform:scale(1.4) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.hh-loading-blob{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--glow-1) 0%,var(--glow-3) 40%,var(--glow-2) 70%,transparent 100%);filter:blur(8px);animation:blob-breath 2.4s ease-in-out infinite}@keyframes blob-breath{0%,to{transform:scale(.85) rotate(0);opacity:.85}50%{transform:scale(1.1) rotate(180deg);opacity:1}}.hh-loading-text{margin-top:28px;font-size:18px;font-weight:500;letter-spacing:-.01em;text-align:center}.hh-loading-text .dot{display:inline-block;animation:dot-bounce 1.2s ease-in-out infinite}.hh-loading-text .dot:nth-child(2){animation-delay:.15s}.hh-loading-text .dot:nth-child(3){animation-delay:.3s}@keyframes dot-bounce{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.hh-result-name,.hh-result-desc,.hh-result-ingredients>*{opacity:1}.hh-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--glass-bg-2);border:1px solid var(--line-2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:99px;font-size:13px;font-weight:500;color:var(--ink);cursor:pointer;transition:all .15s var(--ease);-webkit-user-select:none;user-select:none;font-family:inherit}.hh-chip:hover{background:var(--glass-bg-3)}.hh-chip.active{background:var(--ink);color:var(--accent-ink);border-color:var(--ink)}.hh-chip.accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.hh-progress-dots{display:flex;gap:5px}.hh-progress-dot{flex:1;height:5px;border-radius:99px;background:#ffffff1a;transition:background .3s var(--ease)}.hh-progress-dot.on{background:var(--accent);box-shadow:0 0 8px #c8f06099}.hh-screen *::-webkit-scrollbar{display:none}.hh-screen *{scrollbar-width:none}.hh-bottom-nav{position:absolute;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:5;display:flex;gap:4px;padding:6px;background:#0f120e99;backdrop-filter:blur(28px) saturate(1.5);-webkit-backdrop-filter:blur(28px) saturate(1.5);border:1px solid var(--line-2);border-radius:99px}.hh-bottom-nav-btn{width:64px;height:44px;border-radius:99px;border:none;background:transparent;color:var(--ink-3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s var(--ease);font-family:inherit}.hh-bottom-nav-btn.active{background:var(--accent);color:var(--accent-ink)}