html{background:#061116;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100%;margin:0}button,a,input{font-family:inherit}:root{--bg:#061116;--panel:#09171d;--panel-2:#0c1b22;--panel-3:#102129;--border:#28434e;--border-soft:#1a333d;--text:#f3f7f4;--muted:#95a8af;--muted-2:#788f97;--accent:#9dff75;--accent-contrast:#102010;--cyan:#78ddff;--input-bg:#09171d;--control-bg:#0a171d;--highlight-wash:#9dff7517;--shadow:#00000038}:root[data-theme=light]{--bg:#eef1ec;--panel:#fbfcf8;--panel-2:#f5f8f3;--panel-3:#eef4ee;--border:#b8c8c9;--border-soft:#d8e2df;--text:#17262b;--muted:#52666c;--muted-2:#5b7076;--accent:#347325;--accent-contrast:#f8fff6;--cyan:#286d82;--input-bg:#f9fbf8;--control-bg:#f4f7f3;--highlight-wash:#61b7481f;--shadow:#30413e14}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--bg);min-width:320px}button,input,a{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit}.site-shell{width:100vw;height:100svh;color:var(--text);background:radial-gradient(circle at 88% 0%, #1f535638, transparent 32%), radial-gradient(circle at 10% 100%, #13363d29, transparent 35%), var(--bg);place-items:center;padding:14px;display:grid;overflow:hidden}.app-frame{aspect-ratio:4/3;border:1px solid var(--border);background:var(--panel);width:min(100vw - 28px,133.333svh - 37.3333px,1480px);min-width:0;min-height:0;box-shadow:0 22px 70px var(--shadow);border-radius:13px;grid-template-rows:9.3% 61.2% 24.7% 4.8%;display:grid;overflow:hidden;container-type:inline-size}.kooheji-corner{z-index:50;outline:none;width:52px;height:52px;text-decoration:none;display:block;position:fixed;top:0;right:0}.kooheji-corner-triangle{border-top:46px solid var(--cyan);opacity:.72;border-left:46px solid #0000;width:0;height:0;transition:opacity .16s,border-top-color .16s;position:absolute;top:0;right:0}.kooheji-corner-triangle:after{content:"◈";color:var(--bg);font-size:12px;font-weight:700;position:absolute;top:-42px;right:6px}.kooheji-corner-label{border:1px solid var(--border);background:var(--panel-3);width:max-content;color:var(--text);letter-spacing:.08em;opacity:0;pointer-events:none;direction:ltr;unicode-bidi:isolate;border-radius:5px;padding:7px 10px;font-size:10px;transition:opacity .15s,transform .15s;position:absolute;top:10px;right:42px;transform:translate(8px)}.kooheji-corner:hover .kooheji-corner-label,.kooheji-corner:focus-visible .kooheji-corner-label{opacity:1;transform:translate(0)}.kooheji-corner:hover .kooheji-corner-triangle,.kooheji-corner:focus-visible .kooheji-corner-triangle{opacity:1}.topbar{border-bottom:1px solid var(--border);grid-template-columns:minmax(225px,1.05fr) minmax(420px,1.45fr) minmax(390px,1.15fr);grid-template-areas:"brand nav actions";align-items:center;gap:18px;min-width:0;padding:0 20px;display:grid}.brand{direction:ltr;grid-area:brand;align-items:center;gap:13px;min-width:0;text-decoration:none;display:flex}.cube-logo{width:52px;height:47px;color:var(--cyan);flex:none}.brand-copy{direction:ltr;min-width:0}.brand strong{letter-spacing:.16em;white-space:nowrap;font-size:clamp(18px,2.05cqw,29px);line-height:1;display:block}.brand small{color:var(--muted);letter-spacing:.22em;white-space:nowrap;margin-top:6px;font-size:clamp(7px,.66cqw,10px);line-height:1;display:block}.desktop-nav{grid-area:nav;justify-content:center;align-items:center;gap:5px;min-width:0;display:flex}.desktop-nav a{white-space:nowrap;border:1px solid #0000;border-radius:6px;padding:9px 11px;font-size:clamp(10px,.86cqw,13px);text-decoration:none}.desktop-nav a.active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 58%, var(--border));background:color-mix(in srgb, var(--accent) 8%, transparent)}.header-actions{grid-area:actions;justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex}.searchbox{border:1px solid var(--border);background:var(--input-bg);border-radius:7px;align-items:center;gap:8px;width:min(260px,20cqw);min-width:0;height:38px;padding:0 11px;display:flex}.searchbox svg{color:var(--muted);flex:none}.searchbox input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.searchbox input::placeholder{color:var(--muted-2)}.icon-button{width:32px;height:32px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.icon-button.selected{color:var(--accent)}.theme-switch{border:1px solid color-mix(in srgb, var(--accent) 55%, var(--border));background:var(--control-bg);border-radius:20px;width:48px;height:26px;padding:3px;position:relative}.theme-switch span{background:var(--text);border-radius:50%;width:18px;height:18px;margin-left:0;transition:transform .18s;display:block}.theme-switch.light span{transform:translate(22px)}.language-switch{border:1px solid var(--border);background:var(--control-bg);border-radius:7px;flex:none;align-items:center;height:34px;padding:2px 7px;display:flex}.language-switch button{min-width:31px;color:var(--muted);background:0 0;border:0;padding:5px 7px;font-size:11px}.language-switch button.selected{color:var(--text)}.language-switch span{background:var(--border);width:1px;height:15px}.main-grid{grid-template-columns:112px minmax(0,46%) minmax(0,1fr);grid-template-areas:"diet visual recipe";min-width:0;min-height:0;display:grid}.diet-panel{border-right:1px solid var(--border);flex-direction:column;grid-area:diet;justify-content:space-evenly;align-items:center;min-height:0;padding:10px 8px;display:flex}.diet-item{width:100%;color:var(--text);text-align:center;flex-direction:column;align-items:center;gap:5px;font-size:clamp(8px,.72cqw,11px);display:flex}.diet-item svg{border:1px solid color-mix(in srgb, var(--accent) 75%, var(--border));width:40px;height:40px;color:var(--accent);fill:none;stroke:currentColor;border-radius:50%;padding:8px}.visual-panel{border-right:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--panel-2) 35%, transparent), transparent 50%);grid-area:visual;min-width:0;min-height:0;position:relative;overflow:hidden}.drink-stage{width:100%;height:100%;position:relative;overflow:hidden}.three-drink{z-index:1;position:absolute;inset:1.5% 24% 10.5% 5%}.three-drink canvas{cursor:grab;display:block;width:100%!important;height:100%!important}.drink-canvas-host{min-width:1px;min-height:1px;position:absolute;inset:0;overflow:hidden}.three-drink canvas:active{cursor:grabbing}.stage-arrow{z-index:7;border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 92%, transparent);width:43px;height:43px;color:var(--text);border-radius:50%;place-items:center;padding:0;font-size:26px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.diagram-label{z-index:5;pointer-events:none;white-space:nowrap;direction:ltr;align-items:center;gap:8px;width:37%;font-size:clamp(8px,.72cqw,11px);transition:top .22s,opacity .16s,color .16s;display:flex;position:absolute;right:45px}.diagram-label span{opacity:.66;border-top:1px dashed;flex:1;min-width:24px}.rotation-guide{z-index:5;border-top:1px solid var(--border);width:50%;color:var(--muted);pointer-events:none;direction:ltr;justify-content:space-between;align-items:center;padding-top:10px;font-size:clamp(8px,.7cqw,10px);display:flex;position:absolute;bottom:3%;left:24%}.rotation-guide span{font-size:19px}.recipe-panel{grid-area:recipe;min-width:0;min-height:0;padding:22px 23px 17px;overflow:hidden}.recipe-heading{grid-template-columns:minmax(0,1fr) 164px;align-items:start;gap:20px;min-width:0;display:grid}.eyebrow{color:var(--accent);text-transform:uppercase;font-size:11px;font-weight:750}.title-line{align-items:center;gap:11px;min-width:0;display:flex}.title-line h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:7px 0;font-size:clamp(25px,2.6cqw,39px);line-height:1;overflow:hidden}.title-line svg{color:var(--muted);flex:none}.recipe-heading p{max-width:640px;color:var(--muted);margin:0;font-size:clamp(9px,.77cqw,12px);line-height:1.45}.recipe-controls{min-width:0}.control-label{color:var(--muted);margin-bottom:6px;font-size:10px}.stepper,.unit-switch{border:1px solid var(--border);background:var(--control-bg);border-radius:5px;display:flex;overflow:hidden}.stepper{margin-bottom:8px}.stepper button,.stepper span,.unit-switch button{border:0;border-right:1px solid var(--border-soft);text-align:center;background:0 0;min-width:42px;padding:7px 9px;font-size:11px}.stepper>:last-child,.unit-switch>:last-child{border-right:0}.stepper button:disabled{opacity:.35;cursor:default}.unit-switch button{color:var(--muted);flex:1}.unit-switch button.selected{color:var(--accent-contrast);background:var(--accent)}.tabs{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;margin-top:20px;display:grid}.tabs button{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--panel-2) 80%, transparent);min-width:0;color:var(--muted);white-space:nowrap;border-bottom:0;padding:11px 8px;font-size:clamp(9px,.8cqw,12px)}.tabs button.active{color:var(--text);border-bottom:2px solid var(--accent)}.tab-content{border-left:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border);height:min(264px,23cqw);min-height:0;animation:.18s both tab-content-in;overflow:hidden}@keyframes tab-content-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ingredients-table,.method-list{height:100%;display:grid}.ingredients-table{grid-auto-rows:minmax(0,1fr)}.ingredient-row{border:0;border-bottom:1px solid var(--border-soft);width:100%;min-width:0;min-height:0;color:inherit;text-align:left;background:0 0;grid-template-columns:18px minmax(0,1fr) 108px 116px;align-items:center;gap:9px;padding:7px 12px;transition:opacity .15s,background .15s,box-shadow .15s;display:grid}.ingredient-row:last-child{border-bottom:0}.ingredient-row:hover,.ingredient-row.active,.method-step:hover,.method-step.active{background:linear-gradient(90deg, var(--highlight-wash), transparent 72%)}.ingredient-row.active,.method-step.active{box-shadow:inset 2px 0 0 var(--accent)}.ingredient-row.dimmed,.method-step.dimmed{opacity:.32}.ingredient-row:hover,.method-step:hover{opacity:1}.ingredient-row:focus-visible,.method-step:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.ingredient-dot{border-radius:50%;width:10px;height:10px}.ingredient-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(9px,.82cqw,12px);font-weight:550;overflow:hidden}.ingredient-row span{color:var(--text);font-size:clamp(9px,.76cqw,11px)}.ingredient-row .ingredient-equivalent{color:var(--muted)}.ingredient-amount,.ingredient-equivalent{animation:.15s both amount-in}@keyframes amount-in{0%{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.method-list{grid-auto-rows:minmax(0,1fr)}.method-step{border:0;border-bottom:1px solid var(--border-soft);min-width:0;min-height:0;color:var(--text);text-align:left;background:0 0;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;padding:8px 12px;display:grid}.method-step:last-child{border-bottom:0}.method-number{border:1px solid var(--border);width:27px;height:27px;color:var(--accent);border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}.method-copy{color:var(--text);font-size:clamp(9px,.76cqw,11px);line-height:1.35}.notes-panel,.nutrition-panel{height:100%;padding:13px;overflow:hidden}.recipe-facts,.nutrition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.recipe-facts>div,.nutrition-grid>div{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--panel-2) 72%, transparent);min-width:0;padding:9px 10px}.recipe-facts span,.nutrition-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:9px;display:block}.notes-list{border:1px solid var(--border-soft);margin:0;padding:0;list-style:none}.notes-list li{border-bottom:1px solid var(--border-soft);color:var(--text);padding:9px 11px 9px 30px;font-size:10px;line-height:1.35;position:relative}.notes-list li:last-child{border-bottom:0}.notes-list li:before{content:"—";color:var(--accent);position:absolute;left:11px}.empty-tab-state{text-align:center;place-content:center;justify-items:center;height:100%;padding:24px;display:grid}.empty-tab-state strong{margin-bottom:7px;font-size:13px}.empty-tab-state p{max-width:350px;color:var(--muted);margin:0;font-size:10px;line-height:1.5}.recipe-actions{gap:10px;margin-top:14px;display:flex}.recipe-actions button{border:1px solid var(--border);background:var(--control-bg);min-width:0;color:var(--text);border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:10px 17px;font-size:11px;display:flex}.drink-browser{border-top:1px solid var(--border);min-width:0;min-height:0;padding:10px 25px 12px;overflow:hidden}.browser-heading{justify-content:space-between;align-items:center;height:24px;display:flex}.browser-heading h2{margin:0;font-size:clamp(12px,1.05cqw,16px)}.browser-heading button{color:var(--text);background:0 0;border:0;align-items:center;padding:0;font-size:10px;display:flex}.drink-carousel{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:10px;min-width:0;height:calc(100% - 24px);display:grid;overflow:hidden}.drink-card{border:1px solid var(--border);background:var(--input-bg);text-align:center;border-radius:6px;grid-template-rows:minmax(0,1fr) auto auto;place-items:center;min-width:0;padding:8px;transition:border-color .15s,background .15s,box-shadow .15s;display:grid}.drink-card:hover{border-color:color-mix(in srgb, var(--cyan) 45%, var(--border))}.drink-card.active{border:2px solid var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent)}.drink-card strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(9px,.82cqw,12px);overflow:hidden}.drink-card small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--muted);margin-top:3px;font-size:clamp(8px,.65cqw,10px);overflow:hidden}.mini-drink{border:1px solid color-mix(in srgb, var(--text) 72%, transparent);clip-path:polygon(7% 0,93% 0,81% 100%,19% 100%);width:42px;height:74px;position:relative;overflow:hidden}.mini-drink:before{content:"";border-left:1px solid #ffffff1f;position:absolute;inset:6px 4px 3px}.mini-drink span{background:color-mix(in srgb, var(--drink-color) 72%, transparent);height:73%;position:absolute;inset:auto 0 0}.footer{border-top:1px solid var(--border);min-width:0;color:var(--muted);letter-spacing:.11em;justify-content:space-between;align-items:center;padding:0 18px;font-size:9px;display:flex}.footer>div{align-items:center;gap:11px;display:flex}.footer strong{color:var(--text);letter-spacing:.14em}.kofi{color:var(--text);letter-spacing:normal;align-items:center;gap:7px;font-size:10px;text-decoration:none;display:flex}.kofi span{color:#ff6575}.footer-legal{letter-spacing:normal;align-items:center;gap:9px;display:flex}.footer-legal a{color:var(--muted);font-size:9.5px;text-decoration:none}.footer-legal a:hover,.footer-legal a:focus-visible{color:var(--text);text-underline-offset:3px;text-decoration:underline}.legal-page{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:var(--border) transparent;overflow:hidden auto}.app-subpage.legal-page{overflow:hidden auto}.legal-page:focus-visible{outline:2px solid var(--cyan);outline-offset:-3px}.legal-page-inner{width:min(900px,100%);margin:0 auto;padding-bottom:24px}.legal-page-head{border-bottom:1px solid var(--border);padding-bottom:clamp(18px,2cqw,28px)}.legal-page-head h1{color:var(--text);margin:7px 0 9px;font-size:clamp(28px,3.3cqw,46px);line-height:1}.legal-page-head p{max-width:760px;color:var(--muted);margin:0;font-size:clamp(11px,.95cqw,14px);line-height:1.65}.legal-page-head small{color:var(--muted-2);margin-top:12px;font-size:9px;display:block}.legal-section{border-bottom:1px solid var(--border-soft);padding:clamp(17px,1.8cqw,26px) 0}.legal-section h2{color:var(--text);margin:0 0 8px;font-size:clamp(14px,1.25cqw,18px)}.legal-section p{max-width:820px;color:var(--muted);margin:0;font-size:clamp(10.5px,.88cqw,13px);line-height:1.75}.license-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.license-grid>div{border:1px solid var(--border-soft);background:var(--panel-2);justify-content:space-between;align-items:center;gap:16px;min-height:42px;padding:8px 11px;display:flex}.license-grid strong{color:var(--text);font-size:11px}.license-grid span{color:var(--accent);font-size:10px;font-weight:800}.legal-download{color:var(--cyan);text-underline-offset:3px;margin-top:16px;font-size:11px;font-weight:700;display:inline-flex}.legal-storage-control{border:1px solid var(--border);background:var(--panel-2);justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:14px;display:flex}.legal-storage-control span{color:var(--muted);font-size:11px}.legal-storage-control button{border:1px solid var(--accent);min-height:34px;color:var(--accent);background:0 0;border-radius:5px;padding:7px 11px;font-size:10px;font-weight:800}.storage-consent{inset-inline:max(14px,50vw - 490px);z-index:1000;border:1px solid var(--accent);background:color-mix(in srgb, var(--panel) 96%, transparent);color:var(--text);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding:15px 17px;display:grid;position:fixed;bottom:14px;box-shadow:0 16px 48px #00000057}.storage-consent>div:first-child{min-width:0}.storage-consent strong{font-size:13px;display:block}.storage-consent p{max-width:680px;color:var(--muted);margin:4px 0 0;font-size:10.5px;line-height:1.5}.storage-consent-actions{align-items:center;gap:8px;display:flex}.storage-consent-actions button{white-space:nowrap;min-height:36px;font-size:10px}@media (width<=700px){.footer-legal{order:3;width:100%}.license-grid{grid-template-columns:1fr}.legal-storage-control{flex-direction:column;align-items:flex-start}.storage-consent{inset-inline:10px;grid-template-columns:1fr;gap:12px;padding:14px;bottom:10px}.storage-consent-actions{grid-template-columns:1fr;display:grid}.storage-consent-actions button{width:100%}}@media print{.storage-consent{display:none!important}}.site-shell[dir=rtl] .topbar{grid-template-columns:minmax(390px,1.15fr) minmax(420px,1.45fr) minmax(225px,1.05fr);grid-template-areas:"actions nav brand"}.site-shell[dir=rtl] .brand{direction:ltr;justify-self:end}.site-shell[dir=rtl] .brand small{text-align:left;letter-spacing:0;direction:rtl}.site-shell[dir=rtl] .desktop-nav{direction:rtl}.site-shell[dir=rtl] .header-actions{direction:ltr;justify-content:flex-start}.site-shell[dir=rtl] .searchbox input{text-align:right}.site-shell[dir=rtl] .main-grid{grid-template-columns:minmax(0,1fr) minmax(0,46%) 112px;grid-template-areas:"recipe visual diet"}.site-shell[dir=rtl] .diet-panel,.site-shell[dir=rtl] .visual-panel{border-right:0;border-left:1px solid var(--border)}.site-shell[dir=rtl] .diagram-label{text-align:right;direction:rtl;flex-direction:row-reverse;left:45px;right:auto}.site-shell[dir=rtl] .recipe-panel,.site-shell[dir=rtl] .recipe-heading p,.site-shell[dir=rtl] .control-label{text-align:right}.site-shell[dir=rtl] .recipe-heading{grid-template-columns:minmax(0,1fr) 164px}.site-shell[dir=rtl] .recipe-controls{grid-area:1/2}.site-shell[dir=rtl] .recipe-heading>div:first-child{grid-area:1/1}.site-shell[dir=rtl] .title-line{flex-direction:row;justify-content:flex-start}.site-shell[dir=rtl] .ingredient-row{text-align:right;grid-template-columns:18px minmax(0,1fr) 108px 116px}.site-shell[dir=rtl] .ingredient-row:hover,.site-shell[dir=rtl] .ingredient-row.active,.site-shell[dir=rtl] .method-step:hover,.site-shell[dir=rtl] .method-step.active{background:linear-gradient(270deg, var(--highlight-wash), transparent 72%)}.site-shell[dir=rtl] .ingredient-row.active,.site-shell[dir=rtl] .method-step.active{box-shadow:inset -2px 0 0 var(--accent)}.site-shell[dir=rtl] .method-step{text-align:right;grid-template-columns:32px minmax(0,1fr)}.site-shell[dir=rtl] .notes-list li{text-align:right;padding:9px 30px 9px 11px}.site-shell[dir=rtl] .notes-list li:before{left:auto;right:11px}.site-shell[dir=rtl] .recipe-facts span,.site-shell[dir=rtl] .nutrition-grid span{letter-spacing:0}.site-shell[dir=rtl] .browser-heading{flex-direction:row-reverse}.site-shell[dir=rtl] .footer>div{flex-direction:row-reverse}.site-shell[dir=rtl] .footer strong,.site-shell[dir=rtl] .kofi{direction:ltr}@container (width<=1080px){.topbar{grid-template-columns:200px 1fr 330px;gap:10px;padding-inline:14px}.site-shell[dir=rtl] .topbar{grid-template-columns:330px 1fr 200px}.desktop-nav a{padding-inline:7px}.searchbox{width:190px}.main-grid{grid-template-columns:90px minmax(0,45%) minmax(0,1fr)}.site-shell[dir=rtl] .main-grid{grid-template-columns:minmax(0,1fr) minmax(0,45%) 90px}.diet-item svg{width:34px;height:34px;padding:7px}.recipe-panel{padding:17px 16px 12px}.ingredient-row{grid-template-columns:15px minmax(0,1fr) 88px 92px;gap:6px;padding-inline:9px}.site-shell[dir=rtl] .ingredient-row{grid-template-columns:15px minmax(0,1fr) 88px 92px}.recipe-heading{grid-template-columns:minmax(0,1fr) 145px;gap:12px}.site-shell[dir=rtl] .recipe-heading{grid-template-columns:minmax(0,1fr) 145px}.recipe-actions{gap:6px}.recipe-actions button{padding-inline:11px}}@container (width<=820px){.desktop-nav{gap:0}.desktop-nav a{padding-inline:5px;font-size:9px}.searchbox{display:none}.topbar{grid-template-columns:185px 1fr 210px}.site-shell[dir=rtl] .topbar{grid-template-columns:210px 1fr 185px}.cube-logo{width:42px;height:38px}.brand strong{font-size:18px}.main-grid{grid-template-columns:72px minmax(0,44%) minmax(0,1fr)}.site-shell[dir=rtl] .main-grid{grid-template-columns:minmax(0,1fr) minmax(0,44%) 72px}.diet-item svg{width:30px;height:30px}.diet-item{font-size:7px}.stage-arrow{width:35px;height:35px}.diagram-label{width:39%;font-size:7px;right:29px}.site-shell[dir=rtl] .diagram-label{left:29px}.recipe-heading,.site-shell[dir=rtl] .recipe-heading{grid-template-columns:minmax(0,1fr) 116px}.title-line h1{font-size:22px}.recipe-heading p{font-size:8px}.stepper button,.stepper span,.unit-switch button{min-width:34px;padding:5px 6px;font-size:9px}.tabs{margin-top:12px}.tabs button{padding-block:8px;font-size:8px}.tab-content{height:160px}.ingredient-row,.site-shell[dir=rtl] .ingredient-row{grid-template-columns:11px minmax(0,1fr) 64px}.ingredient-row .ingredient-equivalent{display:none}.recipe-actions{margin-top:8px}.recipe-actions button{padding:7px 8px;font-size:9px}.drink-browser{padding:7px 15px 8px}.browser-heading{height:18px}.mini-drink{width:31px;height:54px}.drink-card{padding:5px}.footer{font-size:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.site-shell{background:radial-gradient(circle at 88% 0%, #1f535626, transparent 30%), var(--bg);padding:10px}.app-frame{width:min(96vw,133.333svh - 26.6667px,1540px);max-height:calc(100svh - 20px);box-shadow:none;border-radius:8px;grid-template-rows:8.8% 62% 24.6% 4.6%}.kooheji-corner{width:30px;height:30px}.kooheji-corner-triangle{opacity:.58;border-top-width:26px;border-left-width:26px}.kooheji-corner-triangle:after{font-size:7px;top:-24px;right:4px}.kooheji-corner-label{padding:5px 8px;font-size:9px;top:7px;right:24px}.topbar{direction:ltr;grid-template-columns:minmax(245px,1.05fr) minmax(410px,1.45fr) minmax(390px,1.2fr);grid-template-areas:"brand nav actions";gap:12px;padding:0 18px}.cube-logo{width:49px;height:44px}.brand strong{font-size:clamp(20px,2.15cqw,30px)}.brand small{margin-top:5px}.desktop-nav{gap:3px}.desktop-nav a{padding:8px 10px}.header-actions{gap:6px}.searchbox{width:min(255px,20cqw);height:36px}.main-grid{direction:ltr;grid-template-columns:104px minmax(0,46.5%) minmax(0,1fr);grid-template-areas:"diet visual recipe"}.diet-panel{justify-content:space-around;padding:13px 7px}.diet-item{gap:5px}.diet-item svg{width:39px;height:39px}.visual-panel{background:0 0}.three-drink{inset:1.5% 19.5% 9.5% 4.5%}.diagram-label{width:35.5%;font-size:clamp(8px,.74cqw,11px);right:27px}.stage-arrow-left{left:14px}.stage-arrow-right{right:11px}.rotation-guide{width:52%;bottom:2.3%;left:23%}.recipe-panel{padding:18px 18px 13px}.recipe-heading{grid-template-columns:minmax(0,1fr) 150px;gap:15px}.recipe-heading p{max-width:560px}.tabs{margin-top:17px}.tabs button{padding:10px 7px}.tab-content{height:min(252px,23.4cqw)}.ingredient-row{grid-template-columns:17px minmax(0,1fr) 102px 108px;gap:8px;padding:7px 11px}.recipe-actions{gap:8px;margin-top:12px}.recipe-actions button{padding:9px 14px}.drink-browser{padding:8px 20px 10px}.browser-heading{height:22px}.drink-carousel{gap:8px;height:calc(100% - 22px)}.drink-card{border-radius:5px;grid-template-rows:minmax(0,1fr) auto auto 17px;padding:6px 7px}.mini-drink{display:none}.mini-drink-svg{width:min(72px,5.6cqw);height:min(96px,7.5cqw);color:color-mix(in srgb, var(--text) 82%, transparent);overflow:visible}.mini-dietary{width:100%;color:var(--accent);justify-content:center;align-items:center;gap:8px;display:flex}.mini-dietary svg{fill:none;stroke:currentColor;width:13px;height:13px}.drink-card strong{margin-top:1px}.footer{padding-inline:16px}.site-shell[dir=rtl] .topbar{direction:ltr;grid-template-columns:minmax(390px,1.2fr) minmax(410px,1.45fr) minmax(245px,1.05fr);grid-template-areas:"actions nav brand"}.site-shell[dir=rtl] .brand{direction:ltr;grid-area:brand;justify-self:end}.site-shell[dir=rtl] .desktop-nav{direction:rtl;grid-area:nav}.site-shell[dir=rtl] .header-actions{direction:ltr;flex-direction:row-reverse;grid-area:actions;justify-content:flex-end}.site-shell[dir=rtl] .searchbox{direction:rtl}.site-shell[dir=rtl] .language-switch{direction:ltr}.site-shell[dir=rtl] .main-grid{direction:ltr;grid-template-columns:minmax(0,1fr) minmax(0,46.5%) 104px;grid-template-areas:"recipe visual diet"}.site-shell[dir=rtl] .diet-panel{border-right:0;border-left:1px solid var(--border);direction:rtl;grid-area:diet}.site-shell[dir=rtl] .visual-panel{border-right:0;border-left:1px solid var(--border);grid-area:visual}.site-shell[dir=rtl] .recipe-panel{text-align:right;direction:rtl;grid-area:recipe}.site-shell[dir=rtl] .recipe-heading{direction:ltr;grid-template-columns:150px minmax(0,1fr)}.site-shell[dir=rtl] .recipe-controls{text-align:right;direction:rtl;grid-area:1/1}.site-shell[dir=rtl] .recipe-heading>div:first-child{text-align:right;direction:rtl;grid-area:1/2}.site-shell[dir=rtl] .title-line{direction:rtl;flex-direction:row;justify-content:flex-start}.site-shell[dir=rtl] .recipe-heading p{text-align:right}.site-shell[dir=rtl] .stepper,.site-shell[dir=rtl] .unit-switch{direction:ltr}.site-shell[dir=rtl] .tabs{direction:rtl}.site-shell[dir=rtl] .ingredient-row{text-align:right;direction:rtl;grid-template-columns:17px minmax(0,1fr) 102px 108px}.site-shell[dir=rtl] .method-step{text-align:right;direction:rtl}.site-shell[dir=rtl] .browser-heading{direction:rtl;flex-direction:row}.site-shell[dir=rtl] .drink-carousel,.site-shell[dir=rtl] .drink-card{direction:rtl}.site-shell[dir=rtl] .footer{letter-spacing:0;direction:rtl}.site-shell[dir=rtl] .footer>div{direction:rtl;flex-direction:row}.site-shell[dir=rtl] .footer strong,.site-shell[dir=rtl] .kofi{direction:ltr}@container (width<=1080px){.topbar{grid-template-columns:205px 1fr 330px}.site-shell[dir=rtl] .topbar{grid-template-columns:330px 1fr 205px}.main-grid{grid-template-columns:86px minmax(0,45.5%) minmax(0,1fr)}.site-shell[dir=rtl] .main-grid{grid-template-columns:minmax(0,1fr) minmax(0,45.5%) 86px}.recipe-heading{grid-template-columns:minmax(0,1fr) 136px}.site-shell[dir=rtl] .recipe-heading{grid-template-columns:136px minmax(0,1fr)}.ingredient-row,.site-shell[dir=rtl] .ingredient-row{grid-template-columns:14px minmax(0,1fr) 84px 88px}}@container (width<=820px){.topbar{grid-template-columns:176px 1fr 202px}.site-shell[dir=rtl] .topbar{grid-template-columns:202px 1fr 176px}.main-grid{grid-template-columns:68px minmax(0,44.5%) minmax(0,1fr)}.site-shell[dir=rtl] .main-grid{grid-template-columns:minmax(0,1fr) minmax(0,44.5%) 68px}.recipe-heading{grid-template-columns:minmax(0,1fr) 108px}.site-shell[dir=rtl] .recipe-heading{grid-template-columns:108px minmax(0,1fr)}.mini-drink-svg{width:34px;height:49px}.mini-dietary{gap:4px}.mini-dietary svg{width:9px;height:9px}}.site-shell[dir=rtl] .brand{flex-direction:row-reverse;gap:12px}.site-shell[dir=rtl] .brand-copy{text-align:right;direction:rtl}.site-shell[dir=rtl] .brand strong{text-align:right;direction:ltr}.site-shell[dir=rtl] .brand small{text-align:right;direction:rtl}.site-shell[dir=rtl] .three-drink{inset:1.5% 24% 10.5% 5%}.site-shell[dir=rtl] .diagram-label{text-align:right;direction:rtl;flex-direction:row;width:35.5%;left:auto;right:27px}.site-shell[dir=rtl] .diagram-label span{order:2}.site-shell[dir=rtl] .stage-arrow-left{left:14px;right:auto}.site-shell[dir=rtl] .stage-arrow-right{left:auto;right:11px}.rotation-guide{border-top:0;padding-top:0;bottom:2.2%}.rotation-guide:before{content:"";border-top:1px solid var(--border);opacity:.9;border-radius:50% 50% 0 0;height:25px;position:absolute;top:-13px;left:8%;right:8%}.rotation-guide .rotate-arrow{z-index:1;font-size:19px;line-height:1;position:relative}.rotation-guide .rotate-arrow-left,.rotation-guide .rotate-arrow-right{transform:translateY(-5px)}.site-shell[dir=rtl] .recipe-heading{grid-template-columns:minmax(0,1fr) 132px;gap:10px}.site-shell[dir=rtl] .recipe-controls{min-width:132px}.site-shell[dir=rtl] .recipe-heading>div:first-child{min-width:0}.site-shell[dir=rtl] .title-line h1{font-size:clamp(24px,2.45cqw,36px)}.site-shell[dir=rtl] .recipe-heading p{max-width:none}.drink-card{row-gap:2px;padding:8px 10px 11px}.drink-card.active{padding:7px 9px 10px}.site-shell[dir=rtl] .drink-card strong,.site-shell[dir=rtl] .drink-card small{padding-inline:4px}.site-shell[dir=rtl] .browser-heading{padding-inline:3px}.footer{gap:14px}.kofi{border:1px solid color-mix(in srgb, var(--border) 78%, transparent);background:color-mix(in srgb, var(--control-bg) 72%, transparent);white-space:nowrap;border-radius:4px;min-height:24px;padding:3px 7px}.kofi span{place-items:center;width:14px;height:14px;line-height:1;display:inline-grid}.site-shell[dir=rtl] .kofi{letter-spacing:0;direction:rtl}.site-shell[dir=rtl] .footer>div{flex-direction:row;align-items:center}.visual-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 34%, color-mix(in srgb, var(--cyan) 8%, transparent), transparent 38%), radial-gradient(circle at 50% 76%, color-mix(in srgb, var(--accent) 5%, transparent), transparent 34%);position:absolute;inset:7% 11% 12%}@container (width<=1080px){.site-shell[dir=rtl] .recipe-heading{grid-template-columns:minmax(0,1fr) 118px}.site-shell[dir=rtl] .recipe-controls{min-width:118px}.site-shell[dir=rtl] .diagram-label{right:23px}}@container (width<=820px){.site-shell[dir=rtl] .recipe-heading{grid-template-columns:minmax(0,1fr) 102px}.site-shell[dir=rtl] .recipe-controls{min-width:102px}.site-shell[dir=rtl] .diagram-label{right:18px}}.stage-arrow{direction:ltr;unicode-bidi:isolate}.site-shell[dir=ltr] .theme-switch.light span{transform:translate(0)}.site-shell[dir=ltr] .theme-switch.dark span,.site-shell[dir=rtl] .theme-switch.light span{transform:translate(22px)}.site-shell[dir=rtl] .theme-switch.dark span{transform:translate(0)}.theme-icon,.theme-switch{transition:color .16s,border-color .16s,background-color .16s}.theme-icon.selected{color:var(--accent)}.theme-switch:focus-visible,.theme-icon:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.site-shell[dir=rtl] .recipe-heading{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.site-shell[dir=rtl] .recipe-heading>div:first-child{grid-area:1/1;width:100%;min-width:0}.site-shell[dir=rtl] .recipe-controls{direction:rtl;grid-area:2/1;grid-template-columns:auto minmax(108px,1fr) minmax(126px,1fr);align-items:center;gap:7px;width:min(100%,320px);min-width:0;margin-left:auto;margin-right:0;display:grid}.site-shell[dir=rtl] .recipe-controls .control-label{white-space:nowrap;margin:0}.site-shell[dir=rtl] .recipe-controls .stepper,.site-shell[dir=rtl] .recipe-controls .unit-switch{direction:ltr;margin:0}.site-shell[dir=rtl] .title-line{direction:rtl;justify-content:flex-start;align-items:center;width:100%;min-width:0}.site-shell[dir=rtl] .title-line h1{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;letter-spacing:0;flex:0 auto;max-width:calc(100% - 38px);margin:5px 0;font-family:Geeza Pro,Tahoma,Arial,Segoe UI,sans-serif;font-size:clamp(23px,2.25cqw,34px);line-height:1.16;overflow:visible}.site-shell[dir=rtl] .title-line svg{flex:none}.site-shell[dir=rtl] .recipe-heading p{max-width:100%;line-height:1.55}.site-shell[dir=rtl] .tabs{margin-top:11px}@media (width<=1380px){.site-shell[dir=rtl] .recipe-controls{grid-template-columns:auto minmax(96px,1fr) minmax(112px,1fr);width:min(100%,286px)}.site-shell[dir=rtl] .title-line h1{font-size:clamp(21px,2.1cqw,31px)}}@media (width<=1180px){.site-shell[dir=rtl] .recipe-controls{grid-template-columns:auto 1fr 1fr;width:100%}.site-shell[dir=rtl] .title-line h1{font-size:21px}}.theme-switch{box-sizing:border-box;flex:0 0 48px;width:48px;height:26px;padding:0;position:relative;overflow:hidden}.theme-switch span{width:18px;height:18px;margin:0;transition:left .18s,background-color .16s;position:absolute;top:3px;left:3px;transform:none!important}.site-shell[dir=ltr] .theme-switch.light span{left:3px}.site-shell[dir=ltr] .theme-switch.dark span,.site-shell[dir=rtl] .theme-switch.light span{left:25px}.site-shell[dir=rtl] .theme-switch.dark span{left:3px}.stage-arrow{display:none!important}.listing-frame{grid-template-rows:8.8% minmax(0,1fr) 4.6%}.listing-frame .topbar{grid-row:1}.listing-frame .app-subpage{grid-row:2}.listing-frame .footer{grid-row:3}.app-subpage{background:var(--panel);min-width:0;min-height:0;padding:clamp(18px,2.1cqw,30px);overflow:hidden}.subpage-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;gap:26px;min-height:92px;padding-bottom:18px;display:flex}.subpage-head.compact{min-height:82px}.subpage-head h1,.home-copy h1,.simple-page h1{color:var(--text);margin:5px 0 7px;font-size:clamp(26px,3.1cqw,44px);line-height:.98}.subpage-head p,.home-copy p,.simple-page p{max-width:720px;color:var(--muted);margin:0;font-size:clamp(10px,.9cqw,13px);line-height:1.55}.catalogue-search{border:1px solid var(--border);background:var(--input-bg);width:min(330px,31%);min-width:220px;height:42px;color:var(--muted);border-radius:6px;align-items:center;gap:9px;padding:0 13px;display:flex}.catalogue-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.catalogue-filters{border-bottom:1px solid var(--border-soft);align-items:center;gap:7px;height:54px;display:flex;overflow:hidden}.catalogue-filters button{border:1px solid var(--border);background:var(--control-bg);color:var(--muted);border-radius:5px;flex:none;padding:8px 12px;font-size:10px}.catalogue-filters button.active{border-color:var(--accent);color:var(--accent);background:var(--highlight-wash)}.catalogue-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1cqw,14px);height:calc(100% - 146px);padding-top:14px;display:grid}.catalogue-grid.category-results{height:calc(100% - 106px)}.catalogue-card{border:1px solid var(--border);background:var(--panel-2);min-width:0;min-height:0;color:var(--text);text-align:start;border-radius:7px;grid-template-columns:42% 58%;align-items:center;padding:14px;transition:border-color .15s,background .15s,transform .15s;display:grid;overflow:hidden}.catalogue-card:hover,.catalogue-card:focus-visible{border-color:var(--accent);background:var(--panel-3);outline:none}.catalogue-card-visual{min-width:0;height:100%;color:var(--text);place-items:center;display:grid}.catalogue-card-visual .mini-drink-svg{width:min(92px,72%);height:auto;max-height:126px}.catalogue-card-copy{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.catalogue-card-copy .catalogue-category{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}.catalogue-card-copy strong{overflow-wrap:anywhere;width:100%;font-size:clamp(14px,1.4cqw,20px);line-height:1.08}.catalogue-card-copy small{color:var(--muted);font-size:9px}.catalogue-card .mini-dietary{color:var(--accent);gap:7px;margin-top:5px;display:flex}.catalogue-card .mini-dietary svg{width:14px;height:14px}.mini-country-flags{border-inline-start:1px solid var(--border);color:var(--text);align-items:center;gap:3px;margin-inline-start:2px;padding-inline-start:7px;font-size:14px;line-height:1;display:inline-flex}.mini-country-flags>span{line-height:1;display:inline-block}.catalogue-empty{height:calc(100% - 146px);color:var(--muted);align-content:center;place-items:center;gap:14px;display:grid}.catalogue-empty button,.primary-action,.secondary-action{border:1px solid var(--accent);background:var(--accent);color:var(--accent-contrast);border-radius:5px;padding:10px 16px;font-weight:700}.secondary-action{color:var(--text);border-color:var(--border);background:0 0}.category-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(9px,1.1cqw,15px);height:calc(100% - 100px);padding-top:15px;display:grid}.category-card{border:1px solid var(--border);background:var(--panel-2);text-align:start;border-radius:7px;grid-template-columns:40% 60%;align-items:center;min-width:0;min-height:0;padding:15px;display:grid;overflow:hidden}.category-card:hover,.category-card:focus-visible{border-color:var(--accent);outline:none}.category-card-visual{height:100%;color:var(--text);place-items:center;display:grid}.category-card-visual .mini-drink-svg{width:min(86px,70%);height:auto}.category-card-copy{flex-direction:column;gap:6px;min-width:0;display:flex}.category-card-copy>span{color:var(--accent);font-size:9px}.category-card-copy small{min-height:28px;color:var(--muted);font-size:8px;line-height:1.45}.category-card-copy em{color:var(--text);margin-top:5px;font-size:9px;font-style:normal}.home-page{grid-template-rows:minmax(0,1fr) 31%;gap:14px;display:grid}.home-hero{border:1px solid var(--border);background:var(--panel-2);grid-template-columns:1.35fr .65fr;min-height:0;display:grid}.home-copy{border-inline-end:1px solid var(--border);flex-direction:column;justify-content:center;min-width:0;padding:clamp(25px,4cqw,58px);display:flex}.home-copy h1{max-width:720px;font-size:clamp(34px,4.4cqw,64px)}.home-copy p{max-width:620px}.home-actions{gap:9px;margin-top:22px;display:flex}.featured-panel{min-width:0;color:var(--text);background:0 0;border:0;grid-template-rows:auto minmax(0,1fr) auto auto;place-items:center;gap:5px;padding:22px;display:grid}.featured-panel>span{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:9px}.featured-panel .mini-drink-svg{width:auto;height:min(220px,24cqw)}.featured-panel small{color:var(--muted)}.home-category-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:0;display:grid}.home-category-strip button{border:1px solid var(--border);background:var(--panel-2);text-align:start;border-radius:6px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:10px 15px;display:grid}.home-category-strip button:hover{border-color:var(--accent)}.home-category-strip .mini-drink-svg{width:52px;height:72px}.home-category-strip span{font-weight:700}.simple-page{flex-direction:column;justify-content:center;align-items:flex-start;padding-inline:10%;display:flex}.simple-page p{max-width:650px}.breadcrumb-button,.detail-breadcrumb{color:var(--muted);background:0 0;border:0;padding:0;font-size:9px}.detail-breadcrumb{margin-bottom:3px}.site-shell[dir=rtl] .subpage-head,.site-shell[dir=rtl] .catalogue-card,.site-shell[dir=rtl] .category-card,.site-shell[dir=rtl] .home-copy,.site-shell[dir=rtl] .simple-page{text-align:right}.site-shell[dir=rtl] .catalogue-card-copy{align-items:flex-start}.site-shell[dir=rtl] .catalogue-filters,.site-shell[dir=rtl] .catalogue-search{direction:rtl}.site-shell[dir=rtl] .home-copy{border-inline-end:0;border-inline-start:1px solid var(--border)}.site-shell[dir=rtl] .home-actions{flex-direction:row-reverse;justify-content:flex-start}.site-shell[dir=rtl] .category-card-copy em{direction:rtl}@container (width<=900px){.catalogue-grid,.category-grid{gap:7px}.catalogue-card,.category-card{padding:9px}.catalogue-card-copy strong,.category-card-copy strong{font-size:12px}.catalogue-card-copy small,.category-card-copy small{font-size:7px}.catalogue-search{min-width:170px;height:34px}.home-copy{padding:25px}.home-copy h1{font-size:34px}}.all-drinks-page{grid-template-rows:auto auto minmax(0,1fr) 36px;display:grid}.all-drinks-page .catalogue-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));align-content:stretch;height:auto;min-height:0;padding-top:12px}.all-drinks-page .catalogue-card{grid-template-columns:35% 65%;min-height:0;padding:10px 12px}.all-drinks-page .catalogue-card-visual .mini-drink-svg{width:min(72px,66%);max-height:96px}.all-drinks-page .catalogue-card-copy{gap:4px}.all-drinks-page .catalogue-card-copy strong{font-size:clamp(12px,1.15cqw,17px)}.catalogue-pager{justify-content:center;align-items:end;gap:9px;min-height:0;padding-top:7px;display:flex}.catalogue-pager button{border:1px solid var(--border);background:var(--control-bg);width:28px;height:28px;color:var(--muted);border-radius:5px;place-items:center;padding:0;font-size:10px;display:grid}.catalogue-pager button:hover:not(:disabled),.catalogue-pager button:focus-visible,.catalogue-pager button.active{border-color:var(--accent);color:var(--accent);outline:none}.catalogue-pager button.active{background:var(--highlight-wash)}.catalogue-pager button:disabled{opacity:.3;cursor:default}.pager-pages{align-items:center;gap:5px;display:flex}.category-grid{grid-template-rows:repeat(3,minmax(0,1fr))}.drink-carousel{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:unset;overflow:hidden}.drink-card{grid-template-rows:minmax(0,1fr) auto auto 17px}.stepper{direction:ltr;grid-template-columns:32px minmax(42px,1fr) 32px;height:32px;margin-bottom:8px;display:grid}.stepper button{aspect-ratio:1;place-items:center;width:32px;min-width:32px;height:32px;padding:0;line-height:1;display:grid}.stepper span{place-items:center;min-width:42px;height:32px;padding:0 7px;display:grid}.stepper button,.stepper span{border-right:1px solid var(--border-soft)}.stepper>:last-child{border-right:0}@container (width<=900px){.all-drinks-page .catalogue-grid{gap:6px}.all-drinks-page .catalogue-card{grid-template-columns:32% 68%;padding:7px 8px}.all-drinks-page .catalogue-card-copy strong{font-size:11px}.drink-carousel{gap:6px}}.catalogue-grid.category-results{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));align-content:stretch;gap:clamp(9px,1cqw,14px);height:calc(100% - 106px);padding-top:14px;display:grid}.catalogue-grid.category-results>.catalogue-card{flex:none;grid-template-columns:39% 61%;width:auto;height:auto;min-height:0;padding:12px}.catalogue-grid.category-results .catalogue-card-visual .mini-drink-svg{width:min(78px,72%);max-height:116px}.catalogue-grid.category-results .catalogue-card-copy strong{font-size:clamp(13px,1.15cqw,18px)}.catalogue-grid.category-results .catalogue-card-copy small{font-size:8px}@media (width<=760px){.catalogue-grid.category-results{align-content:flex-start;height:auto}.catalogue-grid.category-results>.catalogue-card{flex-basis:calc(50% - 4.5px);height:170px}}.detail-breadcrumbs{color:var(--muted);align-items:center;gap:5px;margin-bottom:5px;font-size:9px;line-height:1;display:flex}.detail-breadcrumbs button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.detail-breadcrumbs button:hover,.detail-breadcrumbs button:focus-visible{color:var(--accent)}.site-shell[dir=rtl] .detail-breadcrumbs{direction:rtl;justify-content:flex-start}.footer-links{align-items:center;gap:8px;min-width:0;display:flex}.tool-signature{border:1px solid color-mix(in srgb, var(--border) 78%, transparent);background:color-mix(in srgb, var(--control-bg) 72%, transparent);min-height:24px;color:var(--muted);white-space:nowrap;letter-spacing:.025em;border-radius:4px;align-items:center;padding:3px 8px;font-size:10.5px;text-decoration:none;display:inline-flex}.tool-signature:hover,.tool-signature:focus-visible,.kofi:hover,.kofi:focus-visible{border-color:var(--accent);color:var(--text);outline:none}.site-shell[dir=rtl] .footer-links{direction:ltr}.recipe-actions{gap:9px}.recipe-actions button{min-height:39px;padding:9px 17px;font-size:12px}.recipe-actions svg{width:18px;height:18px}.desktop-nav a{font-size:clamp(11px,.9cqw,13px)}.searchbox input,.catalogue-search input{font-size:12px}.language-switch button{font-size:11px}.brand small{font-size:clamp(8.5px,.72cqw,10.5px)}.diet-item,.diagram-label{font-size:clamp(9.5px,.78cqw,11px)}.rotation-guide{font-size:10px}.eyebrow{font-size:12px}.recipe-heading p{font-size:clamp(10.5px,.86cqw,12.5px)}.control-label{font-size:11px}.stepper button,.stepper span,.unit-switch button{font-size:11.5px}.tabs button{font-size:clamp(10px,.85cqw,12px)}.ingredient-row strong{font-size:clamp(10.5px,.88cqw,12.5px)}.ingredient-row span{font-size:clamp(10px,.82cqw,12px)}.method-number{font-size:11px}.method-copy{font-size:clamp(10.5px,.82cqw,12px);line-height:1.45}.recipe-facts span,.nutrition-grid span{font-size:10px}.recipe-facts strong,.nutrition-grid strong{font-size:12px}.notes-list li{font-size:11px;line-height:1.45}.empty-tab-state p{font-size:11px}.browser-heading h2{font-size:clamp(13px,1.1cqw,16px)}.browser-heading button{font-size:11px}.drink-card strong{font-size:clamp(10.5px,.88cqw,12.5px)}.drink-card small{font-size:clamp(9px,.73cqw,10.5px)}.footer{font-size:9.5px}.kofi{font-size:10.5px}.subpage-head p,.home-copy p,.simple-page p{font-size:clamp(11px,.95cqw,13.5px)}.catalogue-filters button{font-size:11px}.catalogue-card-copy .catalogue-category{font-size:10px}.catalogue-card-copy strong{font-size:clamp(15px,1.45cqw,20px)}.catalogue-card-copy small{font-size:10px;line-height:1.4}.category-card-copy>span{font-size:10px}.category-card-copy strong{font-size:clamp(16px,1.65cqw,22px)}.category-card-copy small{font-size:9.5px;line-height:1.5}.category-card-copy em,.featured-panel>span{font-size:10px}.featured-panel strong{font-size:19px}.site-shell[dir=rtl]{font-family:Tahoma,Arial,Segoe UI,sans-serif}.site-shell[dir=rtl] .desktop-nav a{font-size:12px}.site-shell[dir=rtl] .brand small{font-size:10px}.site-shell[dir=rtl] .diet-item,.site-shell[dir=rtl] .diagram-label{font-size:10.5px}.site-shell[dir=rtl] .recipe-heading p{font-size:12px;line-height:1.65}.site-shell[dir=rtl] .control-label,.site-shell[dir=rtl] .tabs button{font-size:11.5px}.site-shell[dir=rtl] .ingredient-row strong{font-size:12px}.site-shell[dir=rtl] .ingredient-row span{font-size:11.5px}.site-shell[dir=rtl] .method-copy,.site-shell[dir=rtl] .notes-list li{font-size:11.5px;line-height:1.6}.site-shell[dir=rtl] .drink-card strong{font-size:11.5px}.site-shell[dir=rtl] .drink-card small{font-size:10px}.site-shell[dir=rtl] .subpage-head p,.site-shell[dir=rtl] .home-copy p,.site-shell[dir=rtl] .simple-page p{font-size:12px;line-height:1.65}.site-shell[dir=rtl] .catalogue-filters button{font-size:11.5px}.site-shell[dir=rtl] .catalogue-card-copy .catalogue-category{font-size:10.5px}.site-shell[dir=rtl] .catalogue-card-copy strong{font-size:clamp(16px,1.5cqw,21px)}.site-shell[dir=rtl] .catalogue-card-copy small,.site-shell[dir=rtl] .category-card-copy>span{font-size:10.5px}.site-shell[dir=rtl] .category-card-copy strong{font-size:clamp(17px,1.7cqw,23px)}.site-shell[dir=rtl] .category-card-copy small{font-size:10px}.site-shell[dir=rtl] .category-card-copy em{font-size:10.5px}.print-recipe{display:none}@media print{@page{margin:14mm}html,body,#root{background:#fff!important;width:auto!important;height:auto!important;overflow:visible!important}body{color:#111!important}.site-shell{color:#111!important;background:#fff!important;width:auto!important;height:auto!important;padding:0!important;display:block!important;overflow:visible!important}.app-frame{aspect-ratio:auto!important;width:auto!important;height:auto!important;box-shadow:none!important;background:#fff!important;border:0!important;border-radius:0!important;display:block!important;overflow:visible!important}.topbar,.main-grid,.drink-browser,.footer,.kooheji-corner,.app-subpage{display:none!important}.print-recipe{direction:inherit;font-family:Arial,Tahoma,sans-serif;color:#111!important;background:#fff!important;display:block!important}.print-recipe-head{border-bottom:2px solid #111;padding-bottom:14px}.print-recipe-head>div:first-child{color:#555;text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;gap:16px;font-size:10pt;display:flex}.print-brand{color:#111;letter-spacing:.12em;font-weight:800}.print-recipe h1{margin:10px 0 5px;font-size:26pt;line-height:1.1}.print-recipe-head p{color:#444;max-width:165mm;margin:0;font-size:10.5pt;line-height:1.45}.print-meta{gap:18px;margin-top:10px;font-size:9.5pt;font-weight:700;display:flex}.print-recipe-grid{grid-template-columns:.9fr 1.1fr;gap:12mm;margin-top:8mm;display:grid}.print-recipe h2{border-bottom:1px solid #bbb;margin:0 0 8px;padding-bottom:5px;font-size:14pt}.print-recipe table{border-collapse:collapse;width:100%;font-size:10pt}.print-recipe th,.print-recipe td{text-align:start;vertical-align:top;border-bottom:1px solid #ddd;padding:6px 0}.print-recipe th{padding-inline-end:16px;font-weight:600}.print-recipe td{white-space:nowrap}.print-recipe ol,.print-recipe ul{margin:0;padding-inline-start:22px;font-size:10pt;line-height:1.5}.print-recipe li{margin-bottom:7px}.print-notes{break-inside:avoid;margin-top:8mm}.print-footer{color:#666;border-top:1px solid #bbb;justify-content:space-between;gap:16px;margin-top:10mm;padding-top:5mm;font-size:8.5pt;display:flex}}.recipe-source{border:1px solid var(--border-soft);min-height:30px;color:var(--muted);background:color-mix(in srgb, var(--control-bg) 72%, transparent);border-radius:5px;align-items:center;gap:7px;margin-top:10px;padding:5px 9px;font-size:10.5px;text-decoration:none;display:inline-flex}.recipe-source strong{color:var(--text);font-size:11px}.recipe-source:hover,.recipe-source:focus-visible{border-color:var(--accent);outline:none}.site-shell[dir=rtl] .recipe-source{font-size:11.5px}.site-shell[dir=rtl] .recipe-source strong{font-size:12px}@media print{.print-source{color:#555;overflow-wrap:anywhere;margin:7mm 0 0;font-size:8.5pt}}.drink-edition{color:var(--muted);margin-top:-1px;font-size:9.5px;line-height:1.25;display:block}.detail-edition{border:1px solid var(--border-soft);color:var(--muted);white-space:nowrap;border-radius:4px;align-self:flex-end;margin-bottom:4px;padding:3px 7px;font-size:10px;font-weight:600}.site-shell[dir=rtl] .drink-edition{font-size:10.5px}.site-shell[dir=rtl] .detail-edition{font-size:11px}.fictional-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:10.5px;line-height:1.35;display:flex}.fictional-meta i{opacity:.45;font-style:normal}.fictional-meta strong{color:var(--accent);font-weight:650}.fictional-disclaimer{border-inline-start:2px solid var(--accent);background:color-mix(in srgb, var(--accent) 5%, transparent);color:var(--muted);margin:10px 0 0;padding:9px 10px;font-size:10.5px;line-height:1.5}.site-shell[dir=rtl] .fictional-meta,.site-shell[dir=rtl] .fictional-disclaimer{font-size:11.5px;line-height:1.6}@media print{.print-fictional-meta{color:#555;flex-wrap:wrap;gap:8px 14px;margin-top:8px;font-size:8.5pt;display:flex}.print-fictional-note{color:#444;border-inline-start:1.5pt solid #777;margin:7mm 0 0;padding-inline-start:4mm;font-size:8.5pt;line-height:1.45}}.category-grid{flex-wrap:wrap;place-content:stretch center;gap:clamp(8px,.9cqw,12px);display:flex}.category-grid>.category-card{flex:0 0 calc(25% - clamp(8px,.9cqw,12px)/1.33333);height:calc(33.3333% - clamp(8px,.9cqw,12px)/1.5)}.catalogue-page .category-results+.catalogue-pager{margin-top:7px}@media (width<=1100px){.category-grid>.category-card{flex-basis:calc(33.3333% - 5.33333px)}}.detail-edition-row{margin-top:4px}.detail-edition{white-space:normal;overflow-wrap:anywhere;align-self:flex-start;align-items:center;max-width:100%;display:inline-flex}.site-shell[dir=rtl] .detail-edition-row{text-align:right}.all-drinks-page{grid-template-rows:auto auto minmax(0,1fr) 44px}.catalogue-pager{align-items:center;min-height:34px;padding-top:8px;padding-bottom:2px;overflow:visible}.catalogue-pager button{width:30px;height:30px;font-size:11px;line-height:1}.pager-pages{gap:6px}.app-frame{position:relative}.three-drink,.site-shell[dir=rtl] .three-drink{inset:0 0 8.5%!important}.diagram-label,.site-shell[dir=rtl] .diagram-label{z-index:6;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--panel) 68%, transparent) 42%);text-shadow:0 1px 2px var(--panel);border-radius:3px;padding:2px 5px;width:min(39%,235px)!important;left:auto!important;right:14px!important}.site-shell[dir=rtl] .diagram-label{text-align:right;background:linear-gradient(270deg, transparent, color-mix(in srgb, var(--panel) 68%, transparent) 42%);direction:rtl}.rotation-guide{z-index:7}.diet-panel{justify-content:space-between;gap:8px}.diet-icons{flex-direction:column;flex:auto;justify-content:space-evenly;align-items:center;gap:7px;width:100%;min-height:0;display:flex}.icon-guide-trigger{border:0;border-top:1px solid var(--border-soft);width:100%;color:var(--muted);text-align:center;background:0 0;flex-direction:column;flex:none;align-items:center;gap:5px;padding:9px 5px 2px;font-size:clamp(8px,.68cqw,10px);line-height:1.25;display:flex}.icon-guide-trigger:hover,.icon-guide-trigger:focus-visible{color:var(--accent);outline:none}.icon-guide-trigger svg{width:20px;height:20px}.icon-guide-backdrop{z-index:80;background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:center;padding:22px;display:grid;position:absolute;inset:0}.icon-guide-modal{border:1px solid var(--border);background:var(--panel-2);width:min(620px,92%);max-height:82%;box-shadow:0 20px 60px var(--shadow);border-radius:10px;overflow:auto}.icon-guide-modal header{z-index:2;border-bottom:1px solid var(--border);background:var(--panel-2);justify-content:space-between;align-items:center;gap:15px;padding:15px 17px;display:flex;position:sticky;top:0}.icon-guide-modal h2{margin:0;font-size:18px}.icon-guide-modal header button{border:1px solid var(--border);background:var(--control-bg);border-radius:6px;place-items:center;width:36px;height:36px;display:grid}.icon-guide-modal header button svg{width:18px;height:18px}.icon-guide-list{background:var(--border-soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.icon-guide-item{background:var(--panel-2);grid-template-columns:48px minmax(0,1fr);align-items:start;gap:12px;min-width:0;padding:15px;display:grid}.icon-guide-symbol{border:1px solid var(--accent);width:44px;height:44px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.icon-guide-symbol svg{fill:none;stroke:currentColor;width:23px;height:23px}.icon-guide-item strong{margin-bottom:4px;font-size:12px;display:block}.icon-guide-item p{color:var(--muted);margin:0;font-size:10.5px;line-height:1.5}.site-shell[dir=rtl] .icon-guide-item,.site-shell[dir=rtl] .icon-guide-modal{text-align:right}.origin-chip{border:1px solid var(--border-soft);background:var(--control-bg);width:fit-content;max-width:100%;color:var(--muted);border-radius:999px;align-items:center;gap:6px;margin-top:8px;padding:4px 8px;font-size:10px;line-height:1;display:inline-flex}.origin-chip svg{width:12px;height:12px;color:var(--accent)}.origin-flag{font-size:15px;line-height:1}.site-shell[dir=rtl] .origin-chip{direction:rtl}.origin-panel{height:100%;padding:12px;overflow:auto}.origin-card{border:1px solid var(--border);background:var(--panel-2);grid-template-columns:92px minmax(0,1fr);align-items:center;gap:18px;min-height:100%;padding:18px;display:grid}.origin-card-flag{border:1px solid var(--border);background:var(--control-bg);border-radius:9px;place-items:center;width:82px;height:82px;font-size:42px;display:grid}.origin-card span,.fiction-source-copy>span{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:9px;font-weight:750;display:block}.origin-card strong,.fiction-source-copy strong{font-size:clamp(17px,1.8cqw,25px);display:block}.origin-status{margin-top:10px}.origin-status span{margin-bottom:2px}.origin-status b{color:var(--text);font-size:11px;font-weight:700}.origin-adaptation-badge{border:1px solid var(--accent);width:fit-content;color:var(--accent);letter-spacing:.08em;border-radius:999px;margin-top:10px;padding:4px 7px;font-size:8px;font-weight:800}.origin-version-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.origin-version-grid>div{border:1px solid var(--border-soft);background:var(--control-bg);padding:8px}.origin-version-grid span{margin-bottom:3px}.origin-version-grid b{color:var(--text);font-size:11px;display:block}.origin-card p,.fiction-source-copy p{color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.55}.site-shell[dir=rtl] .origin-card{text-align:right;direction:rtl;grid-template-columns:minmax(0,1fr) 92px}.site-shell[dir=rtl] .origin-card-flag{grid-column:2}:is(.origin-card:has(.origin-country-list),.origin-card:has(.origin-country-fallback)){min-height:100%;padding:12px;display:block}.origin-country-list{gap:9px;display:grid}.origin-country-entry{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--control-bg) 68%, transparent);grid-template-columns:64px minmax(0,1fr);align-items:start;gap:12px;min-width:0;padding:10px;display:grid}.origin-country-entry .origin-card-flag{width:58px;height:58px;font-size:30px}.origin-country-copy{min-width:0}.origin-country-copy>strong{font-size:clamp(14px,1.3cqw,19px)}.origin-mapping-meta{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.origin-mapping-meta b{border:1px solid var(--border-soft);color:var(--text);background:var(--panel-2);border-radius:3px;padding:3px 6px;font-size:9px;font-weight:650}.origin-country-copy p{color:var(--muted);margin:7px 0 0;font-size:10.5px;line-height:1.45}.origin-sources{margin-top:8px}.origin-sources a{color:var(--cyan);margin-inline-end:8px;font-size:10px;display:inline-block}.origin-adaptation{margin-top:10px}.site-shell[dir=rtl] .origin-country-entry{text-align:right;direction:rtl;grid-template-columns:minmax(0,1fr) 64px}.site-shell[dir=rtl] .origin-country-entry .origin-card-flag{grid-area:1/2}.site-shell[dir=rtl] .origin-country-copy{grid-area:1/1}.fiction-source-card{border:1px solid var(--border);background:var(--panel-2);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(150px,36%) minmax(0,1fr);align-items:center;gap:14px 18px;min-height:100%;padding:14px;display:grid}.fiction-source-logo{border:1px dashed var(--border);background:color-mix(in srgb, var(--control-bg) 70%, transparent);border-radius:7px;place-items:center;min-width:0;min-height:94px;padding:10px;display:grid}.fiction-source-logo img{object-fit:contain;width:100%;max-height:105px}.fiction-source-copy{min-width:0}.rights-note{border-top:1px solid var(--border-soft);color:var(--muted);grid-column:1/-1;margin:0;padding-top:10px;font-size:9.5px;line-height:1.5}.site-shell[dir=rtl] .fiction-source-card{text-align:right;direction:rtl}@media (width<=900px){html,body,#root{width:100%;height:auto;min-height:100%;overflow:hidden auto}body{-webkit-overflow-scrolling:touch;position:static}#root{min-height:100svh;overflow:visible}.site-shell{width:100%;height:auto;min-height:100svh;padding:0;display:block;overflow:visible}.app-frame,.listing-frame{aspect-ratio:auto;border-inline:0;border-radius:0;width:100%;height:auto;min-height:100svh;max-height:none;display:block;overflow:visible}.topbar,.site-shell[dir=rtl] .topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions""nav nav";gap:9px 10px;height:auto;min-height:0;padding:10px 12px;display:grid}.brand{grid-area:brand;min-width:0}.cube-logo{width:40px;height:36px}.brand strong{font-size:19px}.brand small{font-size:8px}.header-actions{grid-area:actions;min-width:0}.searchbox{display:none}.desktop-nav,.site-shell[dir=rtl] .desktop-nav{scrollbar-width:none;white-space:nowrap;direction:ltr;grid-area:nav;justify-content:flex-start;gap:5px;width:100%;display:flex;overflow-x:auto}.site-shell[dir=rtl] .desktop-nav{direction:rtl}.desktop-nav::-webkit-scrollbar{display:none}.desktop-nav a{flex:none;padding:7px 9px;font-size:10px}.main-grid,.site-shell[dir=rtl] .main-grid{grid-template-columns:1fr;grid-template-areas:"visual""recipe""diet";display:grid}.visual-panel,.site-shell[dir=rtl] .visual-panel{border-inline:0;border-bottom:1px solid var(--border);height:clamp(390px,78vw,560px)}.three-drink,.site-shell[dir=rtl] .three-drink{inset:0 0 10%!important}.diagram-label,.site-shell[dir=rtl] .diagram-label{font-size:9px;width:min(42%,210px)!important;right:10px!important}.recipe-panel,.site-shell[dir=rtl] .recipe-panel{border-bottom:1px solid var(--border);padding:18px 14px;overflow:visible}.recipe-heading,.site-shell[dir=rtl] .recipe-heading{grid-template-columns:1fr;gap:12px}.recipe-controls,.site-shell[dir=rtl] .recipe-controls{grid-area:auto/1;grid-template-columns:auto minmax(130px,220px) minmax(160px,260px);align-items:center;gap:8px;min-width:0;display:grid}.tabs{scrollbar-width:none;margin-top:14px;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:0 0 120px}.tab-content{height:auto;min-height:250px;max-height:none}.ingredients-table,.method-list,.notes-panel,.origin-panel{max-height:none;overflow:visible}.recipe-actions{flex-wrap:wrap}.diet-panel,.site-shell[dir=rtl] .diet-panel{border-inline:0;border-bottom:1px solid var(--border);flex-direction:row;align-items:stretch;gap:8px;width:100%;min-height:0;padding:10px 12px;overflow-x:auto}.diet-icons{flex-direction:row;flex:none;justify-content:flex-start;gap:9px;width:auto}.diet-item{width:78px;min-width:78px}.diet-item svg{width:35px;height:35px}.icon-guide-trigger{border-top:0;border-inline-start:1px solid var(--border-soft);justify-content:center;width:105px;min-width:105px;padding:6px 9px}.drink-browser{height:auto;min-height:0;padding:12px}.drink-carousel{grid-auto-columns:minmax(150px,42vw);height:auto;padding-bottom:7px;overflow-x:auto}.drink-card{min-height:180px}.footer{flex-wrap:wrap;gap:8px;min-height:52px;padding:10px 12px}.app-subpage{min-height:calc(100svh - 120px);padding:18px 14px;overflow:visible}.subpage-head{flex-direction:column;align-items:flex-start;gap:12px;min-height:0}.catalogue-search{width:100%;min-width:0}.catalogue-filters{height:auto;min-height:48px;padding:8px 0;overflow-x:auto}.catalogue-grid,.all-drinks-page .catalogue-grid,.catalogue-grid.category-results{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;height:auto;padding-top:12px;display:grid}.all-drinks-page{display:block}.catalogue-card,.all-drinks-page .catalogue-card,.catalogue-grid.category-results>.catalogue-card{grid-template-columns:38% 62%;height:auto;min-height:170px;padding:10px}.catalogue-pager{min-height:42px;padding:10px 0 0}.category-grid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;height:auto;display:grid}.category-grid>.category-card,.category-card{flex:none;width:auto;height:180px}.home-page{display:block}.home-hero{grid-template-columns:1fr}.home-copy{border-inline-end:0;border-bottom:1px solid var(--border);padding:28px 20px}.featured-panel{min-height:320px}.home-category-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}}@media (width<=560px){.header-actions .theme-icon{display:none}.language-switch{padding-inline:3px}.brand small{display:none}.recipe-controls,.site-shell[dir=rtl] .recipe-controls{grid-template-columns:1fr}.recipe-controls .control-label{margin-bottom:0}.stepper,.unit-switch{width:100%}.ingredient-row,.site-shell[dir=rtl] .ingredient-row{grid-template-columns:14px minmax(0,1fr) auto;gap:7px;padding:9px}.ingredient-equivalent{display:none}.diagram-label,.site-shell[dir=rtl] .diagram-label{font-size:8.5px;width:44%!important}.icon-guide-list{grid-template-columns:1fr}.icon-guide-backdrop{padding:10px}.origin-card{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:12px}.site-shell[dir=rtl] .origin-card{grid-template-columns:minmax(0,1fr) 64px}.origin-card-flag{width:58px;height:58px;font-size:30px}.origin-version-grid,.fiction-source-card{grid-template-columns:1fr}.fiction-source-logo{min-height:80px}.catalogue-grid,.all-drinks-page .catalogue-grid,.catalogue-grid.category-results,.category-grid,.home-category-strip{grid-template-columns:1fr}.catalogue-card,.all-drinks-page .catalogue-card,.catalogue-grid.category-results>.catalogue-card{min-height:150px}.home-actions{flex-direction:column}}.category-drinks-page{grid-template-rows:auto minmax(0,1fr) 44px;min-height:0;display:grid;overflow:hidden}.category-drinks-page .catalogue-grid.category-results{height:auto;min-height:0;padding-top:12px;padding-bottom:4px;overflow:hidden}.category-drinks-page .catalogue-pager{justify-content:center;align-self:end;align-items:center;height:44px;min-height:44px;margin:0;padding:5px 0 0;overflow:visible}.category-drinks-page .catalogue-pager button{flex:0 0 30px;width:30px;height:30px}@media (width<=760px){.category-drinks-page{display:block;overflow:visible}.category-drinks-page .catalogue-grid.category-results{padding-bottom:0;overflow:visible}.category-drinks-page .catalogue-pager{height:auto;min-height:46px;padding:12px 0 2px}}.mobile-search-button,.mobile-search-panel{display:none}@media (width<=900px){.mobile-search-button{border:1px solid var(--border);background:var(--control-bg);width:34px;height:34px;color:var(--muted);border-radius:6px;flex:0 0 34px;place-items:center;padding:0;display:grid}.mobile-search-button.selected{border-color:var(--accent);color:var(--accent);background:var(--highlight-wash)}.mobile-search-panel{border-bottom:1px solid var(--border);background:var(--panel);width:100%;min-height:48px;color:var(--muted);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 12px;display:grid}.mobile-search-panel input{width:100%;min-width:0;height:34px;color:var(--text);font:inherit;background:0 0;border:0;outline:0}.mobile-search-panel button{border:1px solid var(--border);background:var(--control-bg);height:32px;color:var(--text);border-radius:5px;padding:0 12px}.site-shell[dir=rtl] .mobile-search-panel{direction:rtl}.visual-panel,.site-shell[dir=rtl] .visual-panel{height:clamp(320px,69vw,430px)}.three-drink,.site-shell[dir=rtl] .three-drink{inset:-2% 0 5%!important}.rotation-guide{bottom:1.5%}.tab-content,.ingredients-table,.method-list,.notes-panel,.origin-panel{height:auto;min-height:0;max-height:none}.recipe-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.recipe-actions button{justify-content:center;width:100%}.diet-panel,.site-shell[dir=rtl] .diet-panel{gap:6px;padding:8px 10px}.diet-icons{gap:6px}.diet-item{width:72px;min-width:72px}.icon-guide-trigger{width:98px;min-width:98px;padding-block:4px}.drink-carousel,.site-shell[dir=rtl] .drink-carousel{scroll-snap-type:x proximity;scrollbar-width:none;grid-template-rows:1fr;grid-template-columns:none;grid-auto-columns:minmax(165px,42vw);grid-auto-flow:column;gap:9px;padding:3px 1px 8px;display:grid;overflow:auto hidden}.drink-carousel::-webkit-scrollbar{display:none}.drink-card{scroll-snap-align:start;min-width:0;min-height:190px;padding:9px}.drink-card strong{white-space:nowrap;text-overflow:ellipsis;width:100%}}@media (width<=560px){.visual-panel,.site-shell[dir=rtl] .visual-panel{height:clamp(300px,72vw,365px)}.diagram-label,.site-shell[dir=rtl] .diagram-label{font-size:9px;width:41%!important}.tabs button{flex-basis:112px}.site-shell[dir=rtl] .tabs button{font-size:11.5px}.drink-carousel,.site-shell[dir=rtl] .drink-carousel{grid-auto-columns:minmax(160px,43vw)}.drink-card{min-height:184px}.drink-browser{padding:10px 12px 11px}.browser-heading{margin-bottom:5px}}@media (width>=901px){.site-shell[dir=rtl] .recipe-heading p{font-size:10.5px;line-height:1.45}.site-shell[dir=rtl] .control-label{font-size:10px}.site-shell[dir=rtl] .tabs button{padding-block:8px;font-size:10px}.site-shell[dir=rtl] .ingredient-row strong{font-size:10.5px;line-height:1.25}.site-shell[dir=rtl] .ingredient-row span{font-size:9.75px;line-height:1.25}.site-shell[dir=rtl] .method-copy,.site-shell[dir=rtl] .notes-list li,.site-shell[dir=rtl] .origin-panel{font-size:10.25px;line-height:1.45}.site-shell[dir=rtl] .fictional-meta,.site-shell[dir=rtl] .fictional-disclaimer,.site-shell[dir=rtl] .recipe-source,.site-shell[dir=rtl] .recipe-source strong,.site-shell[dir=rtl] .detail-edition{font-size:9.75px;line-height:1.35}.site-shell[dir=rtl] .recipe-actions{gap:7px;margin-top:8px}.site-shell[dir=rtl] .recipe-actions button{white-space:nowrap;gap:6px;min-height:34px;padding:7px 12px;font-size:10px;line-height:1}.site-shell[dir=rtl] .recipe-actions svg{width:16px;height:16px}}.make-page{grid-template-rows:auto minmax(0,1fr);gap:clamp(12px,1.2cqw,18px);display:grid}.make-page-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;gap:22px;padding-bottom:14px;display:flex}.make-page-head h1{margin:5px 0 7px;font-size:clamp(27px,3cqw,43px);line-height:1}.make-page-head p{max-width:760px;color:var(--muted);margin:0;font-size:clamp(10px,.88cqw,13px);line-height:1.5}.make-pantry-count{border:1px solid var(--border);color:var(--muted);border-radius:999px;flex:none;padding:7px 10px;font-size:10px}.make-layout{grid-template-columns:minmax(260px,.42fr) minmax(0,.58fr);gap:clamp(10px,1.2cqw,18px);min-height:0;display:grid}.pantry-panel,.make-results-panel{border:1px solid var(--border);background:var(--panel-2);border-radius:7px;min-height:0}.pantry-panel{grid-template-rows:auto auto auto auto minmax(0,1fr) auto;gap:10px;padding:13px;display:grid;overflow:hidden}.make-search{border:1px solid var(--border);background:var(--input-bg);height:39px;color:var(--muted);border-radius:6px;align-items:center;gap:8px;padding:0 10px;display:flex}.make-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.make-search button{width:25px;height:25px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.pantry-selected-head,.pantry-options-head{justify-content:space-between;align-items:center;gap:10px;font-size:10.5px;display:flex}.pantry-selected-head button{color:var(--accent);background:0 0;border:0;padding:0;font-size:10px}.pantry-options-head span{color:var(--muted);font-size:9.5px}.pantry-chips{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;align-content:flex-start;gap:5px;min-height:38px;padding-bottom:7px;display:flex}.pantry-chips.empty{color:var(--muted);align-items:center;font-size:10px}.pantry-chips button{border:1px solid color-mix(in srgb, var(--accent) 55%, var(--border));background:var(--highlight-wash);color:var(--text);border-radius:999px;align-items:center;gap:7px;padding:5px 8px;font-size:9.5px;display:inline-flex}.pantry-chips button span{color:var(--accent);font-size:13px;line-height:.7}.pantry-options{scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:5px;min-height:0;padding-inline-end:3px;display:grid;overflow-y:auto}.pantry-options button{border:1px solid var(--border-soft);background:var(--control-bg);min-width:0;min-height:31px;color:var(--muted);text-align:start;white-space:nowrap;text-overflow:ellipsis;border-radius:5px;align-items:center;gap:7px;padding:6px 8px;font-size:9.5px;display:flex;overflow:hidden}.pantry-options button span{color:var(--accent);text-align:center;flex:0 0 17px;font-size:13px}.pantry-options button.selected{border-color:var(--accent);background:var(--highlight-wash);color:var(--text)}.make-settings{border-top:1px solid var(--border-soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;padding-top:9px;display:grid}.make-settings label{color:var(--muted);align-items:center;gap:7px;font-size:9.5px;display:flex}.make-settings input{accent-color:var(--accent)}.make-results-panel{overflow:hidden}.make-results-scroll{scrollbar-width:thin;width:100%;height:100%;padding:13px;overflow-y:auto}.make-result-group+.make-result-group{border-top:1px solid var(--border-soft);margin-top:15px;padding-top:14px}.make-result-group-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.make-result-group-head h2{margin:0;font-size:12.5px}.make-result-group-head span{border:1px solid var(--border);min-width:24px;height:22px;color:var(--muted);border-radius:999px;place-items:center;padding:0 6px;font-size:9px;display:grid}.make-result-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.make-result-card{border:1px solid var(--border);background:var(--control-bg);min-width:0;min-height:108px;color:var(--text);text-align:start;border-radius:6px;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:7px;padding:8px 9px;display:grid}.make-result-card:hover{border-color:color-mix(in srgb, var(--accent) 60%, var(--border));background:var(--highlight-wash)}.make-result-visual{place-items:center;height:88px;display:grid}.make-result-visual .mini-drink-svg{width:58px;max-height:82px}.make-result-copy{gap:5px;min-width:0;display:grid}.make-result-title-row{justify-content:space-between;align-items:flex-start;gap:6px;min-width:0;display:flex}.make-result-title-row strong{overflow-wrap:anywhere;min-width:0;font-size:11px;line-height:1.2}.make-score{border:1px solid var(--border);color:var(--muted);border-radius:999px;flex:none;padding:3px 5px;font-size:8px}.make-score.complete{border-color:var(--accent);color:var(--accent)}.make-result-copy small{color:var(--muted);font-size:8.5px}.make-missing{color:#dfb87b;overflow-wrap:anywhere;font-size:8.5px;line-height:1.35}.make-missing.complete{color:var(--accent)}.make-empty-state{height:100%;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:9px;padding:30px;display:grid}.make-empty-state>span{border:1px solid var(--accent);width:42px;height:42px;color:var(--accent);border-radius:50%;place-items:center;font-size:20px;display:grid}.make-empty-state strong{color:var(--text);font-size:16px}.make-empty-state p{max-width:350px;margin:0;font-size:10.5px;line-height:1.5}.site-shell[dir=rtl] .make-page-head,.site-shell[dir=rtl] .pantry-panel,.site-shell[dir=rtl] .make-results-panel{text-align:right}.site-shell[dir=rtl] .make-page-head p{font-size:11.5px;line-height:1.65}.site-shell[dir=rtl] .pantry-options button,.site-shell[dir=rtl] .make-result-card{text-align:right}@media (width<=900px){.make-page{display:block}.make-page-head{align-items:flex-start;margin-bottom:14px}.make-layout{grid-template-columns:1fr;gap:12px;display:grid}.pantry-panel{grid-template-rows:auto auto auto auto minmax(180px,34vh) auto;max-height:none;overflow:visible}.make-results-panel{min-height:360px;overflow:visible}.make-results-scroll{height:auto;max-height:none;overflow:visible}}@media (width<=600px){.make-page-head{display:block}.make-pantry-count{margin-top:10px;display:inline-flex}.pantry-options{grid-template-columns:1fr 1fr}.make-settings,.make-result-list{grid-template-columns:1fr}.make-result-card{grid-template-columns:70px minmax(0,1fr)}}.about-page{grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(10px,1.05cqw,16px);display:grid;overflow:hidden}.about-hero{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(18px,2.4cqw,34px);padding-bottom:clamp(12px,1.3cqw,20px);display:grid}.about-hero-copy h1{margin:4px 0 8px;font-size:clamp(30px,3.2cqw,48px);line-height:.95}.about-hero-copy>p{max-width:760px;color:var(--muted);margin:0;font-size:clamp(11.5px,.95cqw,14px);line-height:1.55}.about-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.about-actions button{border-radius:5px;min-height:38px;padding:0 15px;font-size:11px;font-weight:700}.secondary-action{border:1px solid var(--border);background:var(--control-bg);color:var(--text)}.secondary-action:hover,.secondary-action:focus-visible{border-color:var(--accent);color:var(--accent)}.about-mark{aspect-ratio:1.2;border:1px solid var(--border);background:var(--panel-2);border-radius:8px;align-content:center;place-items:center;gap:7px;width:clamp(126px,13cqw,184px);display:grid}.about-mark .cube-logo{width:62px;height:54px}.about-mark>span{letter-spacing:.16em;font-size:12px;font-weight:800}.about-stats{border:1px solid var(--border);border-radius:7px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.about-stat{border-inline-end:1px solid var(--border-soft);background:var(--panel-2);align-items:baseline;gap:7px;min-width:0;padding:9px 12px;display:flex}.about-stat:last-child{border-inline-end:0}.about-stat strong{color:var(--accent);font-size:clamp(16px,1.5cqw,22px)}.about-stat span{color:var(--muted);font-size:10px}.about-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,.9cqw,13px);min-height:0;display:grid}.about-card{border:1px solid var(--border);background:var(--panel-2);border-radius:7px;grid-template-columns:34px minmax(0,1fr);align-content:start;gap:10px;min-width:0;min-height:0;padding:clamp(10px,1cqw,14px);display:grid}.about-card>svg{border:1px solid color-mix(in srgb, var(--accent) 58%, var(--border));width:30px;height:30px;color:var(--accent);border-radius:50%;padding:6px}.about-card h2{margin:1px 0 5px;font-size:clamp(12px,1.08cqw,15px);line-height:1.15}.about-card p{color:var(--muted);margin:0;font-size:clamp(9.5px,.76cqw,11px);line-height:1.5}.about-notice{border-inline-start:2px solid var(--accent);background:color-mix(in srgb, var(--accent) 5%, var(--panel-2));grid-template-columns:26px minmax(0,1fr);gap:10px;padding:9px 11px;display:grid}.about-notice>svg{width:20px;color:var(--accent)}.about-notice strong{font-size:10.5px}.about-notice p{color:var(--muted);margin:2px 0 0;font-size:9.5px;line-height:1.45}.site-shell[dir=rtl] .about-page{text-align:right}.site-shell[dir=rtl] .about-hero-copy>p{font-size:12px;line-height:1.7}.site-shell[dir=rtl] .about-actions{justify-content:flex-start}.site-shell[dir=rtl] .about-stat span{font-size:10.5px}.site-shell[dir=rtl] .about-card h2{font-size:13px}.site-shell[dir=rtl] .about-card p{font-size:10.5px;line-height:1.65}.site-shell[dir=rtl] .about-notice strong{font-size:11px}.site-shell[dir=rtl] .about-notice p{font-size:10.5px;line-height:1.6}@media (width<=900px){.about-page{display:block;overflow:visible}.about-hero{grid-template-columns:1fr}.about-mark{display:none}.about-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0}.about-stat:nth-child(2){border-inline-end:0}.about-stat:nth-child(-n+2){border-bottom:1px solid var(--border-soft)}.about-grid{grid-template-rows:none;grid-template-columns:1fr 1fr}.about-notice{margin-top:12px}}@media (width<=620px){.about-hero-copy h1{font-size:36px}.about-actions{grid-template-columns:1fr 1fr;display:grid}.about-actions button{min-width:0;padding-inline:10px}.about-grid{grid-template-columns:1fr}.about-card{grid-template-columns:38px minmax(0,1fr);padding:13px}.about-card h2{font-size:14px}.about-card p{font-size:11.5px;line-height:1.55}.site-shell[dir=rtl] .about-card h2{font-size:14px}.site-shell[dir=rtl] .about-card p{font-size:12px}.about-notice{padding:12px}}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.category-empty{height:auto;min-height:220px}.not-found-page{place-content:center;justify-items:start;gap:10px;display:grid}.not-found-code{color:var(--accent);letter-spacing:-.06em;opacity:.4;font-size:clamp(56px,9cqw,124px);font-weight:800;line-height:.8}.not-found-page h1{margin:0;font-size:clamp(28px,3.2cqw,46px);line-height:1}.not-found-page>p{max-width:560px;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.not-found-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.site-shell[dir=rtl] .not-found-page{text-align:right;justify-items:start}@media (width<=900px){.category-empty{min-height:260px}.not-found-page{min-height:calc(100svh - 170px);padding-block:54px}}@media (width<=560px){.not-found-actions{grid-template-columns:1fr;width:100%;display:grid}.not-found-actions button{width:100%}}.home-page-v26{grid-template-rows:minmax(0,1fr) auto;gap:clamp(10px,1cqw,14px);padding:clamp(14px,1.55cqw,22px)}.home-hero-v26{background:linear-gradient(120deg, color-mix(in srgb, var(--cyan) 4%, transparent), transparent 36%), var(--panel-2);border-radius:10px;grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr);position:relative;overflow:hidden}.home-copy-v26{isolation:isolate;justify-content:flex-start;padding:clamp(24px,3.2cqw,46px);position:relative;overflow:hidden}.home-copy-v26:before{content:"DRINKLAB";inset-inline-start:clamp(20px,3cqw,44px);z-index:-1;color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--border) 60%, transparent);letter-spacing:.04em;opacity:.23;pointer-events:none;font-size:clamp(76px,10.5cqw,150px);font-weight:900;line-height:.8;position:absolute;bottom:-.08em}.home-kicker-row,.about-kicker-line{justify-content:space-between;align-items:center;gap:14px;display:flex}.home-eyebrow{align-items:center;gap:7px;display:inline-flex}.home-eyebrow i{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 12%, transparent);border-radius:50%}.home-recipe-count,.about-lab-code{color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:clamp(8px,.72cqw,10px)}.home-copy-v26 h1{letter-spacing:-.045em;max-width:790px;margin-top:clamp(18px,2.1cqw,30px);font-size:clamp(42px,5.25cqw,74px);line-height:.93}.home-lede{color:color-mix(in srgb, var(--text) 74%, var(--muted));line-height:1.55;max-width:600px!important;margin-top:14px!important;font-size:clamp(12px,1.08cqw,16px)!important}.home-actions{flex-wrap:wrap;align-items:center;margin-top:clamp(18px,2cqw,28px)}.home-text-action{min-height:36px;color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;padding:0 4px;font-size:10px;font-weight:700;display:inline-flex}.home-text-action span{color:var(--accent);font-size:14px}.home-text-action:hover{color:var(--text)}.home-proof-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:min(660px,100%);margin-top:auto;padding-top:clamp(18px,2cqw,28px);display:grid}.home-proof-row>div{border-top:1px solid var(--border-soft);border-inline-end:1px solid var(--border-soft);grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:9px 12px;display:grid}.home-proof-row>div:last-child{border-inline-end:0}.home-proof-row svg{width:18px;color:var(--cyan)}.home-proof-row span{gap:2px;min-width:0;display:grid}.home-proof-row strong{font-size:clamp(9px,.82cqw,12px)}.home-proof-row small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(7px,.64cqw,9px);overflow:hidden}.featured-panel-v26{isolation:isolate;background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--cyan) 12%, transparent), transparent 36%), linear-gradient(180deg, color-mix(in srgb, var(--panel-3) 92%, transparent), var(--panel-2));grid-template-rows:auto minmax(0,1fr) auto;align-items:stretch;gap:0;padding:0;position:relative;overflow:hidden}.featured-panel-v26:after{content:"";z-index:-1;background:linear-gradient(90deg, transparent 49.7%, color-mix(in srgb, var(--border-soft) 45%, transparent) 50%, transparent 50.3%);pointer-events:none;position:absolute;inset:0}.featured-grid,.about-visual-grid{z-index:-2;background-image:linear-gradient(color-mix(in srgb, var(--border-soft) 40%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border-soft) 40%, transparent) 1px, transparent 1px);opacity:.42;background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000bf,#0000 94%);mask-image:linear-gradient(#000000bf,#0000 94%)}.featured-panel-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:15px 17px;display:flex}.featured-panel-head span{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:8.5px;font-weight:800}.featured-stage{place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.featured-stage .mini-drink-svg{z-index:3;filter:drop-shadow(0 18px 18px #0000002e);width:auto;height:min(250px,25cqw);position:relative}.featured-ring{z-index:1;border:1px solid color-mix(in srgb, var(--cyan) 40%, transparent);border-radius:50%;position:absolute;transform:rotate(-7deg)}.ring-one{aspect-ratio:2.8;width:62%;bottom:16%}.ring-two{aspect-ratio:2.4;opacity:.45;width:38%;bottom:22%}.featured-callout{z-index:4;border:1px solid var(--border-soft);background:color-mix(in srgb, var(--panel) 90%, transparent);max-width:110px;color:var(--muted);white-space:nowrap;border-radius:4px;padding:4px 6px;font-size:7px;line-height:1.2;position:absolute}.featured-callout:before{content:"";border-top:1px dashed color-mix(in srgb, var(--cyan) 50%, var(--border));width:24px;position:absolute;top:50%}.featured-callout-1{top:26%;right:7%}.featured-callout-2{top:48%;left:6%}.featured-callout-3{top:65%;right:5%}.featured-callout-1:before,.featured-callout-3:before{right:100%}.featured-callout-2:before{left:100%}.featured-caption{border-top:1px solid var(--border-soft);background:color-mix(in srgb, var(--panel-3) 82%, transparent);text-align:start;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.featured-caption>div{gap:2px;display:grid}.featured-caption strong{font-size:clamp(13px,1.2cqw,17px)}.featured-caption small{color:var(--muted);font-size:8px}.featured-caption>span{color:var(--accent);white-space:nowrap;font-size:8.5px;font-weight:700}.featured-caption b{font-size:12px}.home-discovery{grid-template-rows:auto minmax(0,1fr);gap:7px;min-height:0;display:grid}.home-category-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-category-heading>span{letter-spacing:.1em;text-transform:uppercase;font-size:8.5px;font-weight:800}.home-category-heading button{color:var(--muted);background:0 0;border:0;font-size:8px}.home-category-heading button b{color:var(--accent)}.home-category-strip-v26{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.home-category-strip-v26 button{background:linear-gradient(135deg, color-mix(in srgb, var(--cyan) 4%, transparent), transparent 55%), var(--panel-2);grid-template-columns:28px 48px minmax(0,1fr) 18px;gap:7px;min-height:92px;padding:8px 10px;position:relative;overflow:hidden}.home-category-strip-v26 button:after{content:"";inset-inline-start:0;background:var(--accent);transform-origin:50%;width:2px;transition:transform .16s;position:absolute;top:0;bottom:0;transform:scaleY(0)}.home-category-strip-v26 button:hover:after,.home-category-strip-v26 button:focus-visible:after{transform:scaleY(1)}.home-category-strip-v26 .mini-drink-svg{width:40px;height:58px}.category-index{color:var(--muted-2);align-self:start;padding-top:4px;font-size:8px}.home-category-copy{gap:3px;min-width:0;display:grid}.home-category-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(10px,.95cqw,13px);overflow:hidden}.home-category-copy small{color:var(--muted);font-size:7.5px;font-weight:500}.category-arrow{color:var(--cyan);justify-self:end;font-size:13px}.site-shell[dir=rtl] .home-copy-v26:before{direction:ltr}.site-shell[dir=rtl] .home-proof-row>div{border-inline-end:1px solid var(--border-soft)}.site-shell[dir=rtl] .home-proof-row>div:last-child{border-inline-end:0}.site-shell[dir=rtl] .featured-caption{text-align:right}.site-shell[dir=rtl] .featured-callout-1,.site-shell[dir=rtl] .featured-callout-3{left:7%;right:auto}.site-shell[dir=rtl] .featured-callout-2{left:auto;right:6%}.about-page-v26{grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(8px,.8cqw,12px);padding:clamp(14px,1.55cqw,22px)}.about-hero-v26{border:1px solid var(--border);background:var(--panel-2);border-radius:9px;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:0;padding:0;overflow:hidden}.about-hero-v26 .about-hero-copy{border-inline-end:1px solid var(--border);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 5%, transparent), transparent 52%), var(--panel-2);flex-direction:column;justify-content:center;min-width:0;padding:clamp(19px,2.2cqw,32px);display:flex}.about-kicker-line{margin-bottom:9px}.about-hero-v26 .about-hero-copy h1{letter-spacing:-.045em;align-items:flex-start;gap:5px;margin:0 0 8px;font-size:clamp(34px,4.1cqw,58px);display:flex}.about-hero-v26 .about-hero-copy h1>span{color:var(--accent);margin-top:.32em;font-size:.2em}.about-hero-v26 .about-hero-copy>p{max-width:720px;font-size:clamp(12px,.95cqw,14px)}.about-lab-visual{background:radial-gradient(circle at 55% 45%, color-mix(in srgb, var(--cyan) 13%, transparent), transparent 35%), var(--panel-3);min-height:170px;position:relative;overflow:hidden}@media (width>=901px){.about-hero-v26{grid-template-columns:minmax(0,1fr) clamp(250px,25cqw,300px)}.about-hero-v26 .about-lab-visual{aspect-ratio:4/3;width:100%;min-height:0}}.about-ice-scene{z-index:1;width:100%;min-width:1px;height:100%;min-height:1px;position:absolute;inset:0}.about-ice-scene canvas{display:block}.about-stats-v26{background:var(--panel-2);border-radius:6px}.about-stats-v26 .about-stat{gap:8px;min-height:42px;padding:7px 11px 7px 29px;position:relative}.about-stat-index{font-variant-numeric:tabular-nums;position:absolute;top:7px;left:8px;color:var(--muted-2)!important;font-size:7px!important}.site-shell[dir=rtl] .about-stats-v26 .about-stat{padding:7px 29px 7px 11px}.site-shell[dir=rtl] .about-stat-index{left:auto;right:8px}.about-grid-v26{grid-template-rows:1.12fr .88fr;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:0;display:grid}.about-grid-v26 .about-card{isolation:isolate;background:linear-gradient(145deg, color-mix(in srgb, var(--cyan) 3%, transparent), transparent 58%), var(--panel-2);border-radius:7px;grid-template-columns:34px minmax(0,1fr);gap:9px;padding:clamp(9px,.85cqw,13px);position:relative;overflow:hidden}.about-grid-v26 .about-card:before{content:"";inset-inline-start:0;background:var(--accent);opacity:.5;width:2px;height:100%;position:absolute;top:0}.about-grid-v26 .about-card-visual,.about-grid-v26 .about-card-recipes{background:radial-gradient(circle at 92% 18%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 28%), var(--panel-2);grid-column:span 2;padding:clamp(12px,1.15cqw,17px)}.about-grid-v26 .about-card>svg{z-index:2;position:relative}.about-grid-v26 .about-card h2{font-size:clamp(13px,1.08cqw,15px)}.about-grid-v26 .about-card p{font-size:clamp(11.5px,.84cqw,13px);line-height:1.55}.about-card-number{inset-inline-end:8px;z-index:-1;color:color-mix(in srgb, var(--border) 75%, transparent);opacity:.26;font-size:clamp(34px,4cqw,58px);font-weight:900;line-height:1;position:absolute;top:4px}.about-notice-v26{border:1px solid var(--border-soft);border-inline-start:2px solid var(--accent);border-radius:5px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center}.about-notice-mark{color:var(--muted-2);letter-spacing:.1em;white-space:nowrap;font-size:8px}.about-page-v26 .about-stat span{font-size:12px}.about-page-v26 .about-stat-index{font-size:8px!important}.about-page-v26 .about-notice strong{font-size:12px}.about-page-v26 .about-notice p{font-size:11.5px;line-height:1.55}.site-shell[dir=rtl] .about-grid-v26 .about-card h2{font-size:15px}.site-shell[dir=rtl] .about-grid-v26 .about-card p{font-size:12.5px;line-height:1.7}.site-shell[dir=rtl] .about-page-v26 .about-notice p{font-size:12px;line-height:1.7}.site-shell[dir=rtl] .about-hero-v26 .about-hero-copy{border-inline-end:1px solid var(--border)}.site-shell[dir=rtl] .about-lab-visual{direction:ltr}.site-shell[dir=rtl] .about-notice-v26{grid-template-columns:24px minmax(0,1fr) auto}@media (width<=900px){.home-page-v26{padding:14px;display:block}.home-hero-v26{grid-template-columns:1fr}.home-copy-v26{border-inline-end:0;border-bottom:1px solid var(--border)}.home-copy-v26 h1{font-size:clamp(44px,11vw,70px)}.home-proof-row{margin-top:22px}.featured-panel-v26{min-height:420px}.featured-stage .mini-drink-svg{height:250px}.home-discovery{margin-top:14px}.home-category-strip-v26{grid-template-columns:repeat(2,minmax(0,1fr))}.home-category-strip-v26 button{min-height:100px}.about-page-v26{padding:14px;display:block}.about-hero-v26{grid-template-columns:1fr}.about-hero-v26 .about-hero-copy{border-inline-end:0;border-bottom:1px solid var(--border)}.about-lab-visual{min-height:240px}.about-stats-v26{margin:12px 0}.about-grid-v26{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid-v26 .about-card-visual,.about-grid-v26 .about-card-recipes{grid-column:span 1}.about-notice-v26{margin-top:12px}}@media (width<=620px){.home-kicker-row{flex-direction:column;align-items:flex-start;gap:7px}.home-copy-v26{padding:24px 18px}.home-copy-v26 h1{font-size:clamp(42px,13vw,62px)}.home-proof-row{grid-template-columns:1fr}.home-proof-row>div{border-inline-end:0}.home-actions{flex-direction:column;align-items:stretch}.home-actions button{justify-content:center;width:100%}.featured-panel-v26{min-height:360px}.featured-callout{display:none}.home-category-heading{align-items:flex-start}.home-category-strip-v26{grid-template-columns:1fr}.home-category-strip-v26 button{grid-template-columns:28px 48px minmax(0,1fr) 18px;min-height:88px}.about-kicker-line{flex-direction:column;align-items:flex-start}.about-hero-v26 .about-hero-copy{padding:22px 17px}.about-hero-v26 .about-hero-copy h1{font-size:46px}.about-lab-visual{min-height:215px}.about-stats-v26{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid-v26{grid-template-columns:1fr}.about-grid-v26 .about-card{min-height:0}.about-notice-v26{grid-template-columns:24px minmax(0,1fr)}.about-notice-mark{display:none}}@media (width>=901px) and (width<=1180px){.topbar,.site-shell[dir=rtl] .topbar{grid-template-columns:minmax(190px,.9fr) minmax(330px,1.45fr) minmax(270px,1fr);gap:7px;padding-inline:12px}.cube-logo{width:42px;height:38px}.brand strong{font-size:21px}.brand small{font-size:7px}.desktop-nav a{padding-inline:7px;font-size:9px}.header-actions{gap:4px}.searchbox{width:min(150px,15cqw)}.language-switch button{padding-inline:5px}}@media (width>=901px) and (height<=720px){html,body,#root{width:100%;height:auto;min-height:100%;overflow:hidden auto}body{-webkit-overflow-scrolling:touch;min-height:100svh;position:static}#root{min-height:100svh}.site-shell{width:100%;height:auto;min-height:100svh;padding:10px;display:block;overflow:visible}.app-frame,.listing-frame,.detail-frame{aspect-ratio:auto;width:min(96vw,1120px);height:auto;min-height:0;max-height:none;margin:0 auto;overflow:hidden}.listing-frame{grid-template-rows:auto auto auto}.listing-frame .topbar{grid-row:1;min-height:68px}.listing-frame .app-subpage{grid-row:2;overflow:visible}.listing-frame .footer{grid-row:3;min-height:44px}.topbar,.site-shell[dir=rtl] .topbar{grid-template-columns:minmax(205px,.9fr) minmax(365px,1.45fr) minmax(305px,1fr);gap:8px;height:auto;min-height:68px;padding:9px 14px}.cube-logo{width:43px;height:39px}.brand strong{font-size:22px}.brand small{font-size:7.5px}.desktop-nav a{padding:7px 8px;font-size:9px}.searchbox{width:min(165px,15cqw);height:33px}.header-actions .theme-icon{width:29px;height:29px}.home-page-v26,.about-page-v26{height:auto;min-height:0;overflow:visible}.home-page-v26{grid-template-rows:auto auto}.home-hero-v26,.home-copy-v26,.featured-panel-v26{min-height:520px}.featured-stage .mini-drink-svg{height:min(235px,22cqw)}.home-category-strip-v26 button{min-height:96px}.about-page-v26{grid-template-rows:auto auto auto auto}.about-hero-v26{min-height:220px}.about-grid-v26{grid-template-rows:auto auto}.about-grid-v26 .about-card{min-height:142px}.listing-frame .app-subpage:not(.home-page-v26):not(.about-page-v26){min-height:720px}.detail-frame{grid-template-rows:auto auto auto auto}.detail-frame .topbar{min-height:68px}.detail-frame .main-grid{min-height:620px}.detail-frame .drink-browser{min-height:220px}.detail-frame .footer{min-height:44px}}@media (width<=900px){.home-page-v26,.about-page-v26{width:100%;overflow:visible}.home-hero-v26,.about-hero-v26{border-inline:0;border-radius:0}.home-copy-v26:before{opacity:.14;font-size:clamp(70px,20vw,118px)}.home-copy-v26 h1{max-width:12ch;line-height:.96}.featured-panel-v26{min-height:clamp(350px,68vw,470px)}.home-category-strip-v26 button{min-height:94px}.about-grid-v26 .about-card{min-height:150px}}@media (width<=620px){.home-page-v26,.about-page-v26{padding:0 0 14px}.home-copy-v26{padding:26px 18px 20px}.home-copy-v26 h1{max-width:10ch;font-size:clamp(40px,12.5vw,58px)}.home-lede{font-size:12px!important}.home-proof-row{width:100%;margin-top:20px}.home-proof-row>div{min-height:58px;padding-inline:6px}.featured-panel-v26{border-inline:0;border-radius:0;min-height:330px}.featured-stage .mini-drink-svg{height:205px}.featured-caption{padding:12px 14px}.home-discovery{padding:12px}.home-category-strip-v26{grid-template-columns:repeat(2,minmax(0,1fr))}.home-category-strip-v26 button{grid-template-columns:22px 42px minmax(0,1fr);min-height:92px;padding:8px}.home-category-strip-v26 .category-arrow{display:none}.home-category-strip-v26 .mini-drink-svg{width:36px;height:52px}.home-category-copy strong{white-space:normal;line-height:1.15}.about-hero-v26 .about-hero-copy{padding:24px 18px 20px}.about-lab-visual{border-inline:0;min-height:205px}.about-stats-v26{margin:10px 12px}.about-grid-v26{padding:0 12px}.about-grid-v26 .about-card{min-height:0;padding:14px}.about-notice-v26{margin-inline:12px}}@media (width<=420px){.topbar,.site-shell[dir=rtl] .topbar{grid-template-columns:minmax(0,1fr) auto;gap:7px;padding-inline:10px}.cube-logo{width:34px;height:31px}.brand strong{letter-spacing:.12em;font-size:17px}.header-actions{gap:3px}.theme-switch{width:44px}.language-switch button{padding-inline:4px}.desktop-nav a{padding:7px 8px;font-size:9px}.home-category-strip-v26{grid-template-columns:1fr}.home-category-strip-v26 button{grid-template-columns:24px 46px minmax(0,1fr) 18px}.home-category-strip-v26 .category-arrow{display:block}.about-stats-v26 .about-stat{min-height:52px}}.home-page-v28{grid-template-rows:minmax(0,1fr) auto}.home-hero-v28{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)}.home-copy-v28{justify-content:flex-start;padding-bottom:clamp(22px,2.4cqw,34px)}.home-copy-v28:before{opacity:.14}.home-copy-v28 .home-lede{max-width:650px!important}.home-proof-row-v28{border-top:1px solid var(--border-soft);grid-template-columns:1fr;width:100%;margin-top:auto;padding-top:clamp(12px,1.4cqw,20px)}.home-proof-row-v28>div{border-top:0;border-inline-end:0;grid-template-columns:38px minmax(0,1fr);gap:12px;min-height:clamp(43px,3.8cqw,54px);padding:clamp(8px,.75cqw,11px) clamp(14px,1.4cqw,20px)}.home-proof-row-v28>div:nth-child(n+2){border-top:1px solid var(--border-soft)}.home-proof-row-v28 span{grid-template-columns:minmax(118px,.42fr) minmax(0,1fr);align-items:baseline;gap:clamp(12px,1.4cqw,20px)}.home-proof-row-v28 strong{font-size:clamp(12.5px,1.08cqw,15px)}.home-proof-row-v28 small{white-space:nowrap;text-overflow:clip;font-size:clamp(10px,.86cqw,12px);overflow:visible}.home-proof-row-v28 svg{width:24px;height:24px;color:var(--cyan)}.featured-panel-v28{cursor:default}.featured-panel-v28>.featured-panel-head,.featured-panel-v28>.featured-caption{justify-self:stretch;width:100%}.featured-panel-head-v28{z-index:12;position:relative}.featured-panel-head-v28>div:first-child{align-items:baseline;gap:6px;min-width:0;display:flex}.featured-stage-v28{place-self:stretch stretch;width:100%;min-width:0;height:clamp(360px,39vw,500px);min-height:clamp(360px,39vw,500px);display:block;position:relative;overflow:hidden}.featured-stage-v28>.drink-stage{z-index:2;width:100%;height:100%;min-height:0;position:relative}.featured-static-fallback{z-index:1;color:var(--text);opacity:.88;pointer-events:none;place-items:center;transition:opacity .18s;display:grid;position:absolute;inset:8% 18% 7%}.featured-static-fallback.is-hidden{opacity:0}.featured-static-fallback .mini-drink-svg{filter:drop-shadow(0 18px 24px #00000038);width:auto;height:min(72%,330px)}.featured-stage-v28 .three-drink,.site-shell[dir=rtl] .featured-stage-v28 .three-drink{width:100%;height:100%;position:relative;inset:auto!important}.featured-stage-v28 .diagram-label,.site-shell[dir=rtl] .featured-stage-v28 .diagram-label{border:1px solid color-mix(in srgb, var(--border-soft) 72%, transparent);background:color-mix(in srgb, var(--panel) 80%, transparent);text-shadow:none;border-radius:5px;padding:3px 6px;font-size:clamp(7px,.62cqw,9px);box-shadow:0 4px 16px #0000001f;width:min(36%,190px)!important}.featured-stage-v28 .diagram-label span{opacity:.72;min-width:34px}.featured-stage-v28 .rotation-guide{display:none}.featured-stage-v28 .stage-arrow{display:none!important}.featured-caption-v28>button{color:var(--accent);white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:7px 9px;font-size:8.5px;font-weight:800;display:inline-flex}.featured-caption-v28>button:hover{color:var(--text)}.home-discovery-v28{gap:8px}.home-category-heading-v28{min-height:30px}.home-category-controls{align-items:center;gap:7px;display:flex}.home-category-heading-v28 .home-category-all{padding:5px 4px}.home-category-count{color:var(--muted-2);font-variant-numeric:tabular-nums;font-size:8px}.home-category-nav{border-radius:50%;place-items:center;width:28px;height:28px;display:grid;border:1px solid var(--border)!important;background:var(--panel-2)!important;color:var(--cyan)!important;padding:0!important;font-size:13px!important}.home-category-nav:hover,.home-category-nav:focus-visible{outline:none;border-color:var(--cyan)!important}.home-category-carousel-shell{min-width:0;overflow:hidden}.home-category-strip-v28{will-change:transform;direction:ltr;gap:8px;width:max-content;padding:1px 1px 5px;animation:38s linear infinite home-category-marquee;overflow:visible;display:flex!important}.home-category-carousel-shell:hover .home-category-strip-v28,.home-category-carousel-shell:focus-within .home-category-strip-v28{animation-play-state:paused}.home-category-loop{flex:none;gap:8px;display:flex}@keyframes home-category-marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 4px))}}.home-category-strip-v28 button{scroll-snap-align:none;flex:0 0 clamp(158px,15.2cqw,220px);grid-template-columns:18px 38px minmax(0,1fr) 14px;column-gap:5px;width:clamp(158px,15.2cqw,220px);min-height:82px;padding:7px 9px}.home-category-strip-v28 .category-index{place-self:center;padding-top:0}.detail-zero-label{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);min-width:34px;min-height:22px;color:var(--accent);letter-spacing:.06em;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:3px 7px;font-size:10px;font-weight:800;display:inline-flex}.home-category-strip-v28 .mini-drink-svg{width:36px;height:54px}.home-category-strip-v28 .home-category-copy strong{white-space:normal;text-overflow:clip;line-height:1.2;overflow:visible}.site-shell[dir=rtl] .home-category-strip-v28{direction:ltr;animation-direction:reverse}.site-shell[dir=rtl] .home-category-carousel-shell{direction:ltr}.site-shell[dir=rtl] .home-category-strip-v28 button{direction:rtl}.site-shell[dir=rtl] .home-category-nav{direction:ltr}@media (width<=1180px) and (width>=901px){.home-hero-v28{grid-template-columns:minmax(0,1fr) minmax(360px,.88fr)}.home-proof-row-v28 strong{font-size:12.5px}.home-proof-row-v28 small{font-size:10px}}@media (width<=900px){.home-hero-v28,.home-proof-row-v28{grid-template-columns:1fr}.featured-stage-v28{height:420px;min-height:420px}.home-category-carousel-shell{overscroll-behavior-inline:contain;scrollbar-width:none;overflow-x:auto}.home-category-carousel-shell::-webkit-scrollbar{display:none}.home-category-strip-v28{animation:none}.home-category-loop[aria-hidden=true]{display:none}.home-category-strip-v28 button{flex-basis:180px;width:180px;min-height:92px}}@media (width<=620px){.home-proof-row-v28{grid-template-columns:1fr}.home-proof-row-v28>div{grid-template-columns:30px minmax(0,1fr);padding-inline:10px}.home-proof-row-v28 span{grid-template-columns:1fr;gap:2px}.featured-stage-v28{height:350px;min-height:350px}.featured-stage-v28 .diagram-label,.site-shell[dir=rtl] .featured-stage-v28 .diagram-label{font-size:7px;width:min(44%,160px)!important;display:flex!important}.home-category-heading-v28{align-items:center}.home-category-all{display:none}.home-category-strip-v28 button{flex-basis:160px;width:160px}}@media (prefers-reduced-motion:reduce){.home-category-carousel-shell{overscroll-behavior-inline:contain;scrollbar-width:none;overflow-x:auto}.home-category-carousel-shell::-webkit-scrollbar{display:none}.home-category-strip-v28{animation:none!important}.home-category-loop[aria-hidden=true]{display:none}}.detail-frame .title-line h1,.site-shell[dir=rtl] .detail-frame .title-line h1{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;max-width:100%;line-height:1.08;overflow:visible}.detail-frame .ingredient-row strong,.detail-frame .ingredient-row .ingredient-amount,.detail-frame .ingredient-row .ingredient-equivalent{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;min-width:0;line-height:1.3;overflow:visible}.detail-frame .ingredient-row,.detail-frame .method-step{height:auto;min-height:36px}.detail-frame .drink-card strong,.site-shell[dir=rtl] .detail-frame .drink-card strong{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;line-height:1.2;overflow:visible}.catalogue-card .mini-dietary,.drink-card .mini-dietary{direction:ltr;justify-content:flex-start}.site-shell[dir=rtl] .catalogue-card .mini-dietary,.site-shell[dir=rtl] .drink-card .mini-dietary{direction:rtl}.detail-frame .main-grid{direction:ltr;grid-template-areas:"diet visual recipe"}.preview-actions{z-index:8;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.preview-action{border:1px solid color-mix(in srgb, var(--border) 82%, var(--accent));background:color-mix(in srgb, var(--panel) 92%, transparent);min-width:42px;height:42px;color:var(--text);box-shadow:0 7px 20px color-mix(in srgb, var(--bg) 48%, transparent);pointer-events:auto;-webkit-backdrop-filter:blur(8px);border-radius:21px;align-items:center;gap:0;padding:0 12px;transition:border-color .15s,background .15s,color .15s;display:flex;position:relative;overflow:hidden}.preview-action-share,.preview-action-print{align-self:flex-start}.preview-action svg{flex:none;width:18px;height:18px}.preview-action span{opacity:0;white-space:nowrap;max-width:0;font-size:11px;font-weight:650;transition:max-width .18s,opacity .12s;overflow:hidden}.preview-action:hover,.preview-action:focus-visible{border-color:var(--accent);background:color-mix(in srgb, var(--panel) 96%, var(--accent) 4%);color:var(--accent);outline:none;gap:8px}.preview-action:hover span,.preview-action:focus-visible span{opacity:1;max-width:140px}.site-shell[dir=rtl] .preview-actions{left:auto;right:12px}.site-shell[dir=rtl] .preview-action-share,.site-shell[dir=rtl] .preview-action-print{flex-direction:row-reverse;align-self:flex-end}.site-shell[dir=rtl] .detail-frame .diagram-label{text-align:right;background:linear-gradient(90deg, color-mix(in srgb, var(--panel) 68%, transparent), transparent 58%);direction:ltr;flex-direction:row-reverse;left:14px!important;right:auto!important}.site-shell[dir=rtl] .detail-frame .diagram-label span{order:initial}.site-shell[dir=rtl] .detail-frame .main-grid{direction:ltr;grid-template-areas:"recipe visual diet"}.notes-panel .fictional-disclaimer{margin:0 0 10px}@media (width>=901px){.detail-frame .recipe-panel{overflow:hidden auto}.detail-frame .ingredients-table,.detail-frame .method-list{height:100%;display:block;overflow-y:auto}.detail-frame .notes-panel{overflow:hidden auto}}@media (width<=900px){.detail-frame .main-grid,.site-shell[dir=rtl] .detail-frame .main-grid{grid-template-areas:"visual""recipe""diet"}.preview-actions{left:10px}.site-shell[dir=rtl] .preview-actions{left:auto;right:10px}.site-shell[dir=rtl] .detail-frame .diagram-label{left:10px!important;right:auto!important}}.world-page{background:radial-gradient(circle at 38% 48%, color-mix(in srgb, var(--cyan) 9%, transparent), transparent 34%), var(--panel);grid-template-rows:auto minmax(0,1fr);gap:clamp(10px,1.2cqw,16px);padding:clamp(14px,1.55cqw,22px);display:grid}.world-page-head{justify-content:space-between;align-items:end;gap:24px;min-width:0;display:flex}.world-page-head h1{color:var(--text);margin:4px 0 5px;font-size:clamp(25px,2.7cqw,39px);line-height:1}.world-page-head p{max-width:660px;color:var(--muted);margin:0;font-size:clamp(9px,.78cqw,12px);line-height:1.5}.world-stats{border:1px solid var(--border);background:color-mix(in srgb, var(--panel-2) 86%, transparent);border-radius:7px;flex:none;align-items:stretch;display:flex;overflow:hidden}.world-stats span{min-width:126px;color:var(--muted);white-space:nowrap;align-items:center;gap:7px;padding:9px 12px;font-size:clamp(8px,.7cqw,10px);display:flex}.world-stats span+span{border-inline-start:1px solid var(--border)}.world-stats strong{color:var(--accent);font-size:clamp(16px,1.55cqw,22px)}.world-explorer{border:1px solid var(--border);background:var(--panel-2);border-radius:9px;grid-template-columns:minmax(0,1fr) minmax(270px,30%);min-width:0;min-height:0;display:grid;overflow:hidden}.world-globe-panel{background:radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--cyan) 12%, transparent), transparent 43%), linear-gradient(145deg, color-mix(in srgb, var(--panel-3) 84%, transparent), var(--panel));min-width:0;min-height:0;position:relative;overflow:hidden}.world-globe-panel:before,.world-globe-panel:after{content:"";z-index:0;border:1px solid color-mix(in srgb, var(--cyan) 11%, transparent);pointer-events:none;border-radius:50%;position:absolute;inset:10%}.world-globe-panel:after{opacity:.46;border-style:dashed;inset:22%}.world-globe-canvas{z-index:1;min-width:0;min-height:0;position:absolute;inset:0}.world-globe-canvas>div:nth-child(2),.world-globe-canvas canvas{touch-action:none;width:100%!important;height:100%!important}.world-globe-canvas>div:nth-child(2){z-index:1;position:relative}.world-globe-fallback{z-index:0;opacity:1;pointer-events:none;place-items:center;transition:opacity .22s;display:grid;position:absolute;inset:0}.world-globe-fallback.is-hidden{opacity:0}.world-fallback-sphere{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--cyan) 58%, var(--border));background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--cyan) 18%, transparent), transparent 34%), linear-gradient(145deg, color-mix(in srgb, var(--panel-3) 85%, var(--cyan) 15%), var(--panel));width:min(58%,490px);box-shadow:inset -30px -24px 55px color-mix(in srgb, var(--bg) 58%, transparent), 0 0 58px color-mix(in srgb, var(--cyan) 9%, transparent);border-radius:50%;position:relative;overflow:hidden}.world-fallback-sphere:before,.world-fallback-sphere:after{content:"";border:1px solid color-mix(in srgb, var(--cyan) 24%, transparent);border-radius:50%;position:absolute;inset:8% 34%}.world-fallback-sphere:after{inset:34% 5%}.world-fallback-sphere i{background:var(--accent);width:5px;height:5px;box-shadow:0 0 10px color-mix(in srgb, var(--accent) 75%, transparent);border-radius:50%;position:absolute}.world-fallback-sphere i:first-child{top:28%;left:24%}.world-fallback-sphere i:nth-child(2){top:22%;left:38%}.world-fallback-sphere i:nth-child(3){top:27%;left:58%}.world-fallback-sphere i:nth-child(4){top:38%;left:72%}.world-fallback-sphere i:nth-child(5){top:51%;left:80%}.world-fallback-sphere i:nth-child(6){top:59%;left:66%}.world-fallback-sphere i:nth-child(7){top:72%;left:54%}.world-fallback-sphere i:nth-child(8){top:68%;left:35%}.world-fallback-sphere i:nth-child(9){top:59%;left:20%}.world-fallback-sphere i:nth-child(10){top:44%;left:14%}.world-fallback-sphere i:nth-child(11){top:43%;left:45%}.world-fallback-sphere i:nth-child(12){top:51%;left:58%}.world-fallback-sphere i:nth-child(13){top:49%;left:33%}.world-fallback-sphere i:nth-child(14){top:58%;left:49%}.world-globe-legend{inset-inline-start:14px;z-index:3;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;align-items:center;gap:7px;font-size:9px;display:flex;position:absolute;bottom:13px}.world-globe-legend i{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px color-mix(in srgb, var(--accent) 72%, transparent);border-radius:50%}.world-rotation-toggle{inset-inline-end:12px;z-index:4;border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 88%, transparent);min-height:29px;color:var(--muted);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:16px;align-items:center;gap:6px;padding:0 10px;font-size:9px;display:inline-flex;position:absolute;bottom:10px}.world-rotation-toggle:hover,.world-rotation-toggle:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}.globe-callout{border:1px solid color-mix(in srgb, var(--cyan) 48%, var(--border));background:color-mix(in srgb, var(--panel) 91%, transparent);max-width:158px;min-height:27px;color:var(--text);box-shadow:0 4px 16px color-mix(in srgb, var(--bg) 62%, transparent);-webkit-backdrop-filter:blur(7px);border-radius:5px;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:5px;padding:4px 7px;display:grid}.globe-callout>span{grid-row:1/3;font-size:13px}.globe-callout strong,.globe-callout small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.globe-callout strong{font-size:8px;line-height:1.15}.globe-callout small{color:var(--muted);font-size:6.5px;line-height:1.15}.globe-callout.active{border-color:var(--accent);color:var(--accent)}.globe-callout:hover{border-color:var(--accent)}.world-directory{border-inline-start:1px solid var(--border);background:color-mix(in srgb, var(--panel) 95%, var(--panel-2));grid-template-rows:auto auto minmax(0,1fr);gap:10px;min-width:0;min-height:0;padding:11px;display:grid;overflow:hidden}.world-active-card{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));background:linear-gradient(125deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent 48%), var(--panel-2);border-radius:7px;padding:11px}.world-active-place{align-items:center;gap:9px;display:flex}.world-active-flag{font-size:24px;line-height:1}.world-active-place div{min-width:0}.world-active-place small,.world-active-drink small{color:var(--muted);font-size:8px;line-height:1.35;display:block}.world-active-place strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;display:block;overflow:hidden}.world-active-drink{border-top:1px solid var(--border-soft);margin-top:9px;padding-top:8px}.world-active-drink h2{color:var(--text);margin:3px 0 8px;font-size:clamp(14px,1.3cqw,18px);line-height:1.12}.world-active-card>button{border:1px solid var(--accent);background:var(--accent);min-height:30px;color:var(--accent-contrast);border-radius:5px;align-items:center;gap:7px;padding:0 11px;font-size:9px;font-weight:750;display:inline-flex}.world-search{border:1px solid var(--border);background:var(--input-bg);min-width:0;height:34px;color:var(--muted);border-radius:5px;align-items:center;gap:7px;padding:0 9px;display:flex}.world-search:focus-within{border-color:var(--cyan)}.world-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:9px}.world-search input::placeholder{color:var(--muted-2)}.world-country-list{scrollbar-width:thin;scrollbar-color:var(--border) transparent;min-height:0;overflow:hidden auto}.world-country-list button{border:0;border-bottom:1px solid var(--border-soft);text-align:start;background:0 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-height:42px;padding:6px 7px;display:grid}.world-country-list button:hover,.world-country-list button:focus-visible,.world-country-list button.active{background:var(--highlight-wash);outline:none}.world-country-list button.active{box-shadow:inset 2px 0 0 var(--accent)}.site-shell[dir=rtl] .world-country-list button.active{box-shadow:inset -2px 0 0 var(--accent)}.world-list-flag{font-size:15px}.world-country-list button>span:nth-child(2){min-width:0}.world-country-list strong,.world-country-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.world-country-list strong{color:var(--text);font-size:9px}.world-country-list small{color:var(--accent);margin-top:2px;font-size:7.5px}.world-country-list em{max-width:82px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-style:normal;overflow:hidden}.world-no-results{color:var(--muted);padding:20px 8px;font-size:10px}.site-shell[dir=rtl] .world-page-head,.site-shell[dir=rtl] .world-active-card,.site-shell[dir=rtl] .world-country-list{text-align:right}.site-shell[dir=rtl] .world-search{direction:rtl}.site-shell[dir=rtl] .globe-callout strong{font-size:8.7px}@media (width<=1100px) and (width>=901px){.world-explorer{grid-template-columns:minmax(0,1fr) 270px}.world-stats span{min-width:110px;padding-inline:9px}.globe-callout{max-width:130px}}@media (width<=900px){.world-page{padding:16px 12px 24px;display:block;overflow:visible}.world-page-head{margin-bottom:14px;display:block}.world-page-head p{font-size:11px}.world-stats{width:fit-content;margin-top:12px}.world-stats span{min-width:0;font-size:9px}.world-explorer{display:block;overflow:visible}.world-globe-panel{border-bottom:1px solid var(--border);height:min(92vw,620px);min-height:390px}.world-directory{border-inline-start:0;display:block;overflow:visible}.world-active-card,.world-search{margin-bottom:10px}.world-country-list{max-height:520px}.world-country-list button{min-height:48px}.world-country-list strong{font-size:10px}.world-country-list small{font-size:8.5px}.globe-callout{max-width:118px}}@media (prefers-reduced-motion:reduce){.globe-callout,.world-rotation-toggle{transition:none}}@media (width>=901px){.detail-frame .drink-stage.vessel-wine .diagram-label,.detail-frame .drink-stage.vessel-cocktail .diagram-label,.detail-frame .drink-stage.vessel-flute .diagram-label,.detail-frame .drink-stage.vessel-hurricane .diagram-label,.site-shell[dir=rtl] .detail-frame .drink-stage.vessel-wine .diagram-label,.site-shell[dir=rtl] .detail-frame .drink-stage.vessel-cocktail .diagram-label,.site-shell[dir=rtl] .detail-frame .drink-stage.vessel-flute .diagram-label,.site-shell[dir=rtl] .detail-frame .drink-stage.vessel-hurricane .diagram-label{width:min(49%,300px)!important}}