@import"https://fonts.googleapis.com/css2?family=Literata:opsz,wght@7..72,500;7..72,650&family=Onest:wght@400;500;600&display=swap";:root{font-family:Onest,sans-serif;color:#f1ebdd;background:#12110f;font-synthesis:none;--accent:#c8893b;--surface:#1b1916;--muted:#aaa293}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 82% 7%,#342719 0,transparent 32%),linear-gradient(180deg,#12110f,#171410 72%,#12110f)}button,input{font:inherit}button{color:inherit}.buddy-home{width:min(100%,390px);min-height:900px;margin:0 auto;padding:56px 16px 0;background:#000;color:#222428;position:relative;overflow:hidden}.buddy-hero{position:relative;width:100%;height:423px;padding:0;border:0;border-radius:80px;overflow:hidden;background:linear-gradient(180deg,#fff 0% 39%,#fffce3 50%,#ffe919 72%,#f2ac00);color:#000;display:flex;flex-direction:column;align-items:center;cursor:pointer}.buddy-hero:disabled{cursor:wait}.buddy-hero:before{content:"";position:absolute;z-index:0;width:598px;height:598px;left:50%;top:93px;transform:translate(-50%);background:url(/figma/hookahbot/logo.png) center/contain no-repeat;opacity:.075;filter:grayscale(1)}.buddy-brand{position:relative;z-index:1;width:130px;height:132px;display:flex;flex-direction:column;align-items:center;padding-top:38px}.buddy-brand b{font:900 italic 42px/1 Arial,sans-serif;letter-spacing:-5px;transform:skew(-10deg);text-transform:lowercase}.buddy-brand small{font:500 6px/1 Arial,sans-serif;letter-spacing:4px;margin-top:28px;white-space:nowrap}.buddy-kicker{position:relative;z-index:1;margin-top:20px;font:500 16px/1 Arial,sans-serif;letter-spacing:12px;padding-left:12px}.buddy-hero>strong{position:relative;z-index:1;margin-top:16px;max-width:92%;font:800 24px/1.05 Arial,sans-serif;letter-spacing:8px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buddy-ingredients{position:relative;z-index:1;margin-top:27px;display:flex;flex-direction:column;align-items:center;font:500 10px/1 Arial,sans-serif;letter-spacing:5px;text-transform:uppercase}.buddy-ingredients span{display:flex;flex-direction:column;align-items:center;min-height:20px}.buddy-ingredients i{font-style:normal;line-height:18px}.buddy-actions{height:132px;margin-top:8px;border-radius:66px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.buddy-actions button,.buddy-nav button{padding:0;border:0;background:transparent;color:#222428;display:grid;place-items:center;cursor:pointer}.buddy-actions svg{width:48px;height:48px;fill:#222428;stroke:#222428;stroke-width:3}.buddy-actions .heart-cut{fill:#fff;stroke:#fff}.buddy-actions button:active,.buddy-nav button:active{transform:scale(.94)}.buddy-nav{height:128px;margin-top:49px;padding:0 27px 0 23px;display:flex;align-items:center;justify-content:space-between}.buddy-nav button{color:#fff;width:50px;height:50px}.buddy-nav svg{width:32px;height:32px;fill:#fff;stroke:#fff;stroke-width:3;stroke-linecap:round}.buddy-nav svg.small-heart{width:24px;height:24px}.buddy-nav-main{border-radius:12px!important;background:#fff!important}.buddy-nav-main svg{width:50px;height:50px;fill:#000;stroke:#000;stroke-width:1}.buddy-nav-main svg circle{fill:#000;stroke:#fff;stroke-width:2}@media(min-width:391px){.buddy-home{margin-top:20px;margin-bottom:20px;border-radius:42px;box-shadow:0 30px 90px #0009}}.app-shell{width:min(100%,680px);min-height:100vh;margin:auto;padding:env(safe-area-inset-top) 18px calc(92px + env(safe-area-inset-bottom))}.masthead{height:70px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff14}.masthead strong{font-family:Literata,serif;font-size:18px;margin-right:auto}.masthead .eyebrow{display:none}.age{border:1px solid #ffffff2a;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:11px;color:var(--muted)}h1,h2,p{margin-top:0}h1,h2{font-family:Literata,serif}h1{font-size:clamp(34px,10vw,58px);line-height:1.02;letter-spacing:-.035em}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:600}.quiz-intro,.section-head{padding:34px 4px 20px}.quiz-intro p,.section-head p,.state p,.gate p,.description{color:var(--muted);line-height:1.55}.profile-stage{position:relative;min-height:0;overflow:visible;padding:2px 0 18px}.compass{position:relative;width:176px;height:176px;border:1px solid #c8893b33;border-radius:50%;margin:10px auto 58px;transform:rotate(45deg)}.compass:before,.compass:after{content:"";position:absolute;inset:50% -12%;height:1px;background:#c8893b22}.compass:after{transform:rotate(90deg)}.compass i{position:absolute;width:70px;height:70px;border:1px solid #c8893b55;border-radius:50% 50% 50% 12%;background:#c8893b0c}.compass i:nth-child(1){left:-20px;top:-20px}.compass i:nth-child(2){right:-20px;top:-20px}.compass i:nth-child(3){right:-20px;bottom:-20px}.compass i:nth-child(4){left:-20px;bottom:-20px}.profile-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0}.profile-choice{min-height:92px;padding:15px 14px;border:1px solid #ffffff16;border-radius:3px;background:linear-gradient(135deg,#ffffff07,#ffffff02);text-align:left}.profile-choice:nth-child(2n){text-align:left}.profile-choice strong{display:block;font:500 20px Literata,serif}.profile-choice span{display:block;color:var(--muted);font-size:11px;line-height:1.35;margin-top:7px}.choices{display:grid;gap:10px}.choices button,.search-result{min-height:72px;padding:16px 18px;background:#ffffff05;border:1px solid #ffffff14;border-radius:4px;display:flex;justify-content:space-between;align-items:center;text-align:left}.choices button:active,.profile-choice:active{border-color:var(--accent);transform:scale(.99)}.choices span,.search-result span{color:var(--muted);font-size:11px}.back-link,.text-button,.source{border:0;background:none;color:var(--accent);padding:14px 0;text-decoration:none}.section-head{position:relative}.section-head .text-button{position:absolute;right:4px;top:24px;font-size:12px}.mix-list{display:grid;gap:10px}.mix-card{width:100%;display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:start;padding:18px 14px;background:#ffffff05;border:1px solid #ffffff12;border-radius:4px;text-align:left}.mix-card.featured{padding:24px 14px;background:linear-gradient(135deg,#c8893b1c,#ffffff05);border-color:#c8893b55}.mix-card h2{font-size:20px;margin:5px 0 8px}.mix-card p{font-size:12px;line-height:1.45;color:var(--muted);margin:0}.mix-card small{display:block;color:#d6c5a9;margin-top:9px}.rank{font:500 18px Literata,serif;color:var(--accent)}.match{font:500 17px Literata,serif}.match.ai small{font:600 8px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-top:3px}.ai-note{margin-top:-12px;color:var(--muted);font-size:11px}.detail{padding:20px 2px}.detail h1{margin-top:8px}.score-row{display:flex;gap:10px;align-items:baseline;padding:12px 0 22px}.score-row strong{font:600 38px Literata,serif}.score-row span{color:var(--muted);font-size:12px}.composition{border-top:1px solid #ffffff20}.ingredient{display:grid;grid-template-columns:64px 1fr auto;gap:12px;padding:17px 0;border-bottom:1px solid #ffffff14;align-items:center}.ingredient>strong{font:600 25px Literata,serif;color:var(--accent)}.ingredient span,.ingredient b{display:block}.ingredient span{color:var(--muted);font-size:10px}.ingredient b{margin-top:3px}.ingredient em{font-size:10px;color:var(--muted);font-style:normal}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff18;margin:24px 0}.metrics span{background:var(--surface);padding:14px 8px;font-size:10px;color:var(--muted)}.metrics b{display:block;color:#fff;font-size:15px;margin-top:4px}.primary{min-height:52px;width:100%;border:1px solid var(--accent);background:var(--accent);color:#17120d;font-weight:600;border-radius:3px}.primary:disabled{opacity:.45}.secondary{min-height:52px;width:100%;border:1px solid #c8893b88;background:#c8893b0b;color:var(--accent);font-weight:600;border-radius:3px}.compact{width:auto;min-height:44px;padding:0 14px}.detail-actions,.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.share-status{display:block;color:var(--muted);font-size:10px;margin:8px 2px 0}.rating{padding:24px 0;border-bottom:1px solid #ffffff14}.rating>span{display:block;margin-bottom:12px}.rating div{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.rating button{height:42px;background:#ffffff06;border:1px solid #ffffff18;border-radius:2px}.search-box{height:56px;display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid #c8893b66;background:#ffffff05;margin-bottom:12px}.search-box span{color:var(--accent);font-size:24px}.search-box input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:16px}.search-result{width:100%;margin-bottom:8px}.search-mixes{margin-top:20px}.muted{color:var(--muted)}.top-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 10px}.top-filters label{display:grid;gap:6px}.top-filters label>span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.top-filters select{width:100%;height:44px;padding:0 9px;border:1px solid #ffffff20;border-radius:3px;background:var(--surface);color:#f1ebdd;outline:0}.top-filters select:focus{border-color:#c8893b88}.result-count{margin:8px 0 14px;color:var(--muted);font-size:11px}.collection-section{margin:8px 0 30px}.collection-title{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #ffffff18;margin-bottom:12px;padding:0 2px 9px}.collection-title h2{font-size:22px;margin:0}.collection-title span{color:var(--accent);font:500 18px Literata,serif}.empty-inline{padding:20px 2px;color:var(--muted);border-bottom:1px solid #ffffff12;line-height:1.5}.profile-head{padding-bottom:18px}.create-mix form{display:grid;gap:13px}.field{display:grid;gap:7px;position:relative}.field>span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.field input,.field select,.field textarea{width:100%;border:1px solid #ffffff20;border-radius:3px;background:#ffffff05;color:#f1ebdd;outline:0;padding:0 13px}.field input,.field select{height:50px}.field textarea{min-height:92px;padding-top:13px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#c8893b88}.ingredient-builder{display:grid;gap:9px;margin-top:5px}.ingredient-editor{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:13px 12px;background:#ffffff04;border:1px solid #ffffff14;border-radius:3px}.ingredient-editor-head{display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:var(--accent);font:500 16px Literata,serif}.ingredient-editor-head button{width:30px;height:30px;border:0;background:none;color:var(--muted);font-size:22px}.ingredient-fields{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:9px}.percent-field>div{display:flex;align-items:center;border:1px solid #ffffff20;border-radius:3px;background:#ffffff05}.percent-field input{border:0;background:transparent;padding:0 6px 0 10px}.percent-field b{padding-right:10px;color:var(--accent)}.picker-results{display:grid;position:absolute;z-index:5;left:0;right:0;top:74px;background:#1b1916;border:1px solid #c8893b66;box-shadow:0 12px 30px #0008}.picker-results button{min-height:44px;padding:9px 12px;border:0;border-bottom:1px solid #ffffff12;background:transparent;text-align:left;font-size:12px}.picker-results button:last-child{border-bottom:0}.add-ingredient{min-height:46px;border:1px dashed #c8893b66;background:transparent;color:var(--accent);border-radius:3px}.total{display:flex;align-items:baseline;justify-content:space-between;padding:14px 2px;border-top:1px solid #ffffff18;color:var(--muted)}.total strong{font:600 26px Literata,serif;color:#d27b68}.total.valid strong{color:var(--accent)}.form-error{color:#d27b68;font-size:12px}.state,.gate{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px 6px}.state h1,.gate h1{max-width:520px;margin:10px 0 16px}.state .primary{width:auto;padding:0 22px}.loader{width:42px;height:42px;border:1px solid #c8893b44;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:28px}.gate .compass.small{position:relative;left:0;top:0;transform:rotate(45deg);width:110px;height:110px;margin:0 0 40px 20px}.gate .compass.small i{width:36px;height:36px}.gate .compass.small i:nth-child(1){left:-10px;top:-10px}.gate .compass.small i:nth-child(2){right:-10px;top:-10px}.gate .compass.small i:nth-child(3){right:-10px;bottom:-10px}.gate .compass.small i:nth-child(4){left:-10px;bottom:-10px}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,680px);height:calc(70px + env(safe-area-inset-bottom));padding:8px 8px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#151310ed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid #ffffff18;z-index:10}.tabbar button{border:0;background:none;color:#77716a;font-size:9px;display:grid;place-items:center;gap:3px;min-height:52px}.tabbar .tab-icon{width:30px;height:25px;display:grid;place-items:center;font-size:23px;line-height:1}.tabbar .tab-icon.search{position:relative}.tabbar .tab-icon.search:before{content:"";position:absolute;width:14px;height:14px;border:2px solid currentColor;border-radius:50%;left:5px;top:2px}.tabbar .tab-icon.search:after{content:"";position:absolute;width:10px;height:2px;background:currentColor;transform:rotate(-45deg);transform-origin:left center;left:17px;top:17px;border-radius:2px}.tabbar .histogram{display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:3px 4px}.tabbar .histogram i{display:block;width:5px;border:1px solid currentColor;background:currentColor}.tabbar .histogram i:nth-child(1){height:8px}.tabbar .histogram i:nth-child(2){height:15px}.tabbar .histogram i:nth-child(3){height:20px}.tabbar button.active{color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:700px){.app-shell{padding-left:28px;padding-right:28px}.masthead .eyebrow{display:block}.masthead strong{margin-left:auto}.profile-grid{gap:12px}.compass{width:210px;height:210px;margin-bottom:62px}.mix-card:hover,.choices button:hover,.profile-choice:hover{border-color:#c8893b66}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:480px){.top-filters{grid-template-columns:1fr 1fr}.top-filters label:nth-child(3){grid-column:1/-1}.detail-actions,.profile-actions{grid-template-columns:1fr}.ingredient-editor{grid-template-columns:28px 1fr;padding:11px 9px}.ingredient-fields{grid-template-columns:minmax(0,1fr) 78px}.profile-choice{min-height:96px;padding:13px 12px}.profile-choice strong{font-size:18px}}