@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-latin-500-normal-7RbcRiD8.woff2)format("woff2"),url(/assets/roboto-latin-500-normal-DQZyH_nt.woff)format("woff")}:root{color:#151515;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;height:100%;margin:0}.mobile-carousel{overscroll-behavior:contain;scrollbar-width:none;-webkit-user-select:none;user-select:none;width:100%;min-width:0;max-width:100%;display:block;position:relative;overflow:auto}.mobile-carousel::-webkit-scrollbar{display:none}.mobile-carousel{touch-action:pan-y;overflow:auto hidden}.mobile-carousel[data-dragging=true]{cursor:none}.mobile-carousel-content{width:max-content;min-width:100%;transform:translateX(var(--mobile-carousel-overdrag));will-change:transform;display:flex}.mobile-carousel-scrollbar{z-index:4;opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;inset:0}.mobile-carousel-scrollbar[data-visible=true]{opacity:1}.mobile-carousel-scrollbar-thumb{background:#00000059;border-radius:999px;height:3px;position:absolute;bottom:4px;right:4px}body{min-width:320px;overflow:hidden}button{cursor:pointer}.phone-stage{place-items:center;width:100%;height:100%;padding:24px;display:grid;position:relative}.device-menu-bar{z-index:100;border-radius:12px;padding:3px;position:absolute;top:18px;right:18px}.device-picker-trigger{color:#151515;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;height:34px;padding:0 10px 0 12px;font:600 14px/1 ui-sans-serif,system-ui,sans-serif;display:flex}.device-picker-trigger:hover,.device-picker-trigger[data-state=open]{background:#0000000e}.device-picker-trigger:focus-visible{outline-offset:2px;outline:2px solid #000000b8}.device-picker-menu{z-index:200;min-width:168px;transform-origin:var(--radix-dropdown-menu-content-transform-origin);background:#fffffffa;border-radius:12px;padding:3px;animation:.12s ease-out device-menu-in;box-shadow:0 0 1px #0000000f,0 0 0 1px #00000014,0 4px 4px #0000000d}.device-picker-item{color:#181818;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;justify-content:space-between;align-items:center;height:34px;padding:0 9px 0 10px;font:500 14px/1 ui-sans-serif,system-ui,sans-serif;display:flex}.device-picker-item[data-highlighted]{background:#f0f0f0}.device-picker-item[data-state=checked]{font-weight:600}.device-picker-check{color:#181818;place-items:center;display:grid}@keyframes device-menu-in{0%{opacity:0;transform:scale(.98)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.phone-scale-box{position:relative}.phone-device{transform-origin:0 0;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.phone-bezel{object-fit:contain;z-index:2;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.device-screen{cursor:none;z-index:1;-webkit-user-select:none;user-select:none;background:#fff;border-radius:42px;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.device-camera{z-index:75;pointer-events:none;background:#050505;border-radius:50%;display:block;position:absolute;box-shadow:inset 0 0 0 1px #ffffff14}.device-screen,.device-screen *{cursor:none!important}.device-screen img,.keyboard-asset{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.device-screen input,.device-screen textarea,.device-screen select,.device-screen option,.device-screen [contenteditable=true]{-webkit-user-select:auto;user-select:auto}.device-screen:active,.device-screen:active *,.device-screen input,.device-screen textarea,.device-screen button,.device-screen a,.device-screen [role=button]{cursor:none!important}.device-screen[data-cursor-debug=true],.device-screen[data-cursor-debug=true] *{cursor:default!important}.device-screen :focus,.device-screen :focus-visible{box-shadow:none!important;outline:0!important}.flow-stack,.flow-scenes,.flow-screen,.mobile-app-viewport{position:absolute;inset:0}.mobile-app-viewport[data-platform=android][data-keyboard-visible=false]{bottom:var(--device-safe-area-bottom,48px)}.flow-stack{--flow-header-height:0px;--flow-header-content-height:0px;--flow-header-safe-area:0px;--flow-footer-height:0px;--keyboard-height:0px;touch-action:pan-y;background:0 0;overflow:hidden}.flow-fixed-header{z-index:12;height:var(--flow-header-height);padding-top:var(--flow-header-safe-area);box-sizing:border-box;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0;position:absolute;top:0;left:0;right:0}.flow-fixed-footer{z-index:12;right:0;bottom:var(--keyboard-height);height:var(--flow-footer-height);background:0 0;transition:bottom .26s cubic-bezier(.2,.8,.2,1);position:absolute;left:0}.flow-scenes{top:var(--flow-header-height);bottom:0;overflow:hidden}.flow-screen{will-change:transform;background:0 0;overflow:hidden}.mobile-page{--mobile-safe-area-height:var(--device-safe-area-bottom,34px);--keyboard-height:0px;position:absolute;inset:0}.mobile-page[data-keyboard-visible=true],.mobile-app-viewport[data-platform=android] .mobile-page{--mobile-safe-area-height:0px}.mobile-scroll{top:0;right:0;bottom:var(--keyboard-height);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;touch-action:none;-webkit-user-select:none;user-select:none;transition:bottom .26s cubic-bezier(.2,.8,.2,1);position:absolute;left:0;overflow:hidden auto}.mobile-scroll::-webkit-scrollbar{display:none}.mobile-scroll[data-dragging=true]{cursor:none}.mobile-cursor{z-index:80;opacity:0;pointer-events:none;will-change:transform;background:radial-gradient(circle at 50% 44%,#ffffffb3 0 34%,#ffffff8a 58%,#eeeeee7a 100%);border:.5px solid #0000001f;border-radius:999px;width:48px;height:48px;transition:opacity 90ms,background 80ms,box-shadow 80ms;position:absolute;top:0;left:0;box-shadow:inset 0 1px 2px #fff9,inset 0 -5px 10px #0000000d,inset 0 0 0 1px #00000006}.mobile-cursor:before{content:"";pointer-events:none;background:linear-gradient(#ffffff61,#fff0);border-radius:999px;width:32px;height:17px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.mobile-cursor:after{border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 1px 0 3px #ffffff47,inset -1px 0 3px #00000005}.mobile-cursor-hotspot{pointer-events:none;background:#ffffffd1;border:1px solid #007afff2;border-radius:999px;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffffbf,0 0 0 3px #007aff29}.mobile-cursor-hotspot:before,.mobile-cursor-hotspot:after{content:"";background:#007afff2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-cursor-hotspot:before{width:17px;height:1px}.mobile-cursor-hotspot:after{width:1px;height:17px}.mobile-cursor[data-visible=true]{opacity:1}.mobile-cursor[data-active=true]{background:radial-gradient(circle at 50% 55%,#e8e8e894 0 30%,#f8f8f880 62%,#ffffffad 100%);box-shadow:inset 0 3px 7px #00000014,inset 0 -4px 8px #ffffff57,inset 0 0 0 1px #00000008}.mobile-cursor[data-active=true]:before{background:linear-gradient(#0000000e,#0000)}.mobile-cursor[data-active=true]:after{box-shadow:inset 0 5px 9px #0000000b,inset 0 -3px 7px #ffffff47}.mobile-scroll-content{will-change:transform;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;padding:0;display:grid}.app-screen{background:#fff}.mobile-scrollbar{z-index:9;top:4px;right:5px;bottom:calc(var(--mobile-safe-area-height) + var(--keyboard-height) + 4px);opacity:0;pointer-events:none;width:4px;transition:bottom .26s cubic-bezier(.2,.8,.2,1),opacity .18s;position:absolute}.mobile-page[data-keyboard-dragging=true] .mobile-scroll,.mobile-page[data-keyboard-dragging=true] .mobile-scrollbar,.flow-stack[data-keyboard-dragging=true] .flow-fixed-footer{transition:none}.mobile-scrollbar[data-visible=true]{opacity:1}.mobile-scrollbar-thumb{background:#00000047;border-radius:999px;width:4px;min-height:36px;transition:background .12s;box-shadow:0 0 0 1px #ffffff2e}.status-bar{z-index:72;color:#050505;pointer-events:none;background:0 0;grid-template-columns:1fr auto;align-items:center;height:54px;padding:10px 34px 0 36px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;display:grid;position:absolute;top:0;left:0;right:0}.device-screen[data-device=pixel-10] .status-bar{align-items:start;height:auto;padding:32px 32px 0;font-family:Roboto,Arial,sans-serif}.status-time{text-align:center;letter-spacing:0;justify-self:start;min-width:58px;font-size:15px;font-weight:600;line-height:1}.status-indicators{justify-self:end;align-items:center;display:flex}.status-indicator-svg{display:block}.status-indicator-svg[data-platform=ios]{width:79px;height:13px}.status-indicator-svg[data-platform=android]{width:50px;height:14px}.device-screen[data-device=pixel-10] .status-time{font-weight:500;transform:translateY(2px)}.home-indicator-svg{z-index:70;width:100%;height:var(--device-safe-area-bottom,34px);pointer-events:none;display:block;position:absolute;bottom:0;left:0;right:0}.android-navigation-bar{z-index:70;width:428px;height:var(--device-safe-area-bottom,48px);pointer-events:none;-webkit-user-drag:none;display:block;position:absolute;bottom:-1px;left:-1px}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:26px;line-height:1.08}h2{font-size:15px}p{color:#555;font-size:14px;line-height:1.45}.field-label{color:#555;font-size:13px;font-weight:800}.mobile-field{gap:8px;display:grid}.mobile-field input{color:#151515;background:#fff;border:1px solid #0000001a;border-radius:8px;outline:0;width:100%;min-height:44px;padding:0 12px}.mobile-field input:focus{box-shadow:none;border-color:#00000029}.device-screen .mobile-field input:focus,.device-screen .mobile-field input:focus-visible{border-color:#0000001f;box-shadow:none!important;outline:0!important}.sheet-overlay{z-index:20;background:#00000057;position:absolute;inset:0}.bottom-sheet{z-index:21;touch-action:none;background:#fff;border-radius:22px 22px 0 0;flex-direction:column;min-height:260px;display:flex;position:absolute;left:0;right:0;overflow:hidden;box-shadow:0 -16px 48px #0003}.sheet-handle-zone{touch-action:none;place-items:center;height:30px;display:grid}.sheet-handle{background:#c9c9c4;border-radius:999px;width:42px;height:5px}.sheet-header{gap:4px;padding:0 18px 14px;display:grid}.sheet-title{margin:0;font-size:18px;font-weight:900}.sheet-description{color:#737373;margin:0;font-size:13px;line-height:1.35}.sheet-content{padding:0 18px 24px;overflow:auto}.keyboard-dock{z-index:30;height:339px;box-shadow:none;pointer-events:none;will-change:transform;background:#d8d9de;border-radius:32px 32px 0 0;padding:0;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.keyboard-dock[data-platform=android]{background:#f3f2f6;border-radius:0;box-shadow:0 -1px 2px #00000014}.keyboard-dock[data-visible=true]{pointer-events:auto}.keyboard-asset{z-index:1;border-radius:inherit;object-fit:cover;object-position:center bottom;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block;position:relative}.keyboard-dock[data-platform=android] .keyboard-asset{object-fit:fill;border-radius:0}:root{color:#fff6e2;font-synthesis:none;background:#07182f;font-family:ui-rounded,Arial Rounded MT Bold,PingFang SC,Hiragino Sans GB,sans-serif}html,body,#root{overscroll-behavior:none;height:100dvh;overflow:hidden}*{box-sizing:border-box}button,input,textarea{font:inherit}button{border:0}.halfcup-app{color:#fff6e2;background:#07182f;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.native-device-screen{width:100%;height:100dvh;box-shadow:none;cursor:auto;-webkit-user-select:none;user-select:none;--device-safe-area-bottom:max(env(safe-area-inset-bottom,0px), 12px);border-radius:0;position:fixed;inset:0;overflow:hidden}.native-device-screen,.native-device-screen *{cursor:auto!important}.native-device-screen .halfcup-content{padding-top:calc(max(env(safe-area-inset-top,0px), 44px) + 16px)}.native-device-screen .bottom-tabs{height:calc(62px + max(env(safe-area-inset-bottom,0px), 12px));padding-bottom:max(env(safe-area-inset-bottom,0px), 12px);position:fixed}.native-device-screen input,.native-device-screen textarea,.native-device-screen select{font-size:16px!important}.native-device-screen .sheet-content{padding-bottom:calc(24px + max(env(safe-area-inset-bottom,0px), 12px))}.native-device-screen .bottom-sheet{max-height:calc(100dvh - max(env(safe-area-inset-top,0px), 44px) - 8px)!important}.device-screen .mobile-app-viewport{min-width:0;overflow:hidden}.device-screen .sheet-content{overscroll-behavior:contain}.halfcup-scroll,.halfcup-content{background:#07182f}.halfcup-content{min-height:100%;padding:66px 16px calc(var(--mobile-safe-area-height) + 92px)}.device-screen[data-device=pixel-10] .halfcup-content{padding-top:82px}.app-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.app-header .eyebrow{color:#efad7a;letter-spacing:.08em;margin-bottom:4px;font-size:11px;font-weight:800}.app-header h1{color:#fff2d7;letter-spacing:-.04em;font-family:STKaiti,KaiTi,ui-rounded,PingFang SC,sans-serif;font-size:35px;font-weight:900;line-height:1.05}.header-action,.round-action,.count-badge{color:#fff0d2;background:#17243e;border:1px solid #fff0cf52;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:36px;font-size:12px;font-weight:800;display:inline-flex}.header-action{min-height:44px;padding:0 13px}.round-action{color:#07182f;background:#f6a54b;width:44px;min-height:44px;padding:0}.count-badge{color:#cddf45;padding:0 13px}.recommendation-card{background:#2a1730;border:1px solid #eea48466;border-radius:26px;min-height:0;position:relative;overflow:hidden;box-shadow:0 22px 54px #00000047}.hero-main{min-height:338px;position:relative;overflow:hidden}.recommendation-copy{z-index:2;width:62%;padding:20px 0 18px 20px;position:relative}.brush-label{color:#fff5e3;background:#73547e;border-radius:9px 14px 8px 12px;padding:6px 13px;font-size:11px;font-weight:900;display:inline-flex}.recommendation-card h2{color:#fff;letter-spacing:-.05em;white-space:nowrap;width:330px;margin:16px 0 10px;font-family:STKaiti,KaiTi,ui-rounded,PingFang SC,sans-serif;font-size:31px;font-weight:900;line-height:1.03}.availability-pill{border-radius:8px;align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-style:normal;font-weight:900;display:inline-flex}.availability-pill.ready{color:#13201f;background:#cddf45}.availability-pill.missing{color:#2b1724;background:#f7a04e}.taste-line{color:#ffd375;margin-top:11px;font-size:13px;font-weight:800}.feature-ingredients{gap:7px;margin:14px 0 0;padding:0;list-style:none;display:grid}.feature-note{color:#f2dfc6;-webkit-line-clamp:4;-webkit-box-orient:vertical;max-width:190px;margin:14px 0 0;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.feature-ingredients li{color:#fff6e2;white-space:nowrap;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.ingredient-icon{color:#13253a;border-radius:10px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.feature-ingredients .ingredient-icon{border-radius:8px;width:27px;height:27px}.missing-icon{color:#f6a54b;width:26px;height:26px}.glass-line{color:#c9b7c9;align-items:center;gap:7px;margin-top:12px;font-size:11px;display:flex}.glass-line strong{color:#fff6e2;font-size:12px}.featured-drink{z-index:1;object-fit:cover;opacity:.95;-webkit-user-drag:none;border-radius:50% 0 0 50%;width:250px;height:250px;position:absolute;top:92px;right:-18px}.hero-lower{z-index:4;background:#2a1730;gap:12px;padding:10px 20px 18px;display:grid;position:relative}.make-button{z-index:auto;color:#10192d;background:#f6a54b;border-radius:19px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:56px;font-size:18px;font-weight:950;display:flex;position:static;box-shadow:0 9px #b65737}.make-button:active{transform:translateY(3px);box-shadow:0 6px #b65737}.recipe-meta{z-index:auto;color:#ddcfdb;align-items:center;gap:11px;font-size:10px;font-weight:800;display:flex;position:static}.recipe-meta span{align-items:center;gap:4px;display:inline-flex}.recipe-meta i{color:#18203a;background:#cddf45;border-radius:50%;place-items:center;width:20px;height:20px;font-style:normal;display:inline-grid}.recipe-meta span:nth-child(2) i{background:#8bd7ef}.recipe-meta span:nth-child(3) i{background:#bd9be7}.recipe-meta .time{color:#f4d77b;margin-left:auto}.secondary-recipe,.inventory-summary{width:100%;margin-top:14px}.secondary-recipe{color:#fff4db;text-align:left;background:#0f5364;border:1px solid #6fe0e752;border-radius:22px;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;min-height:82px;padding:9px 14px 9px 9px;display:grid}.secondary-recipe img{object-fit:cover;border-radius:17px;width:64px;height:64px}.secondary-recipe span{gap:5px;display:grid}.secondary-recipe strong{font-size:19px}.secondary-recipe small{color:#c9f5e8;font-size:11px;font-weight:700}.inventory-summary{color:#24344c;background:#fff3dc;border-radius:20px;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:6px;min-height:66px;padding:10px 12px;display:grid}.inventory-summary span{border-right:1px solid #d3c2a8;gap:2px;font-size:9px;font-weight:800;display:grid}.inventory-summary span:nth-child(3){border-right:0}.inventory-summary strong{color:#295f4b;font-size:21px}.bottom-tabs{z-index:14;height:calc(62px + var(--mobile-safe-area-height));padding:8px 12px var(--mobile-safe-area-height);background:#07182f;border-top:1px solid #ffedcb21;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;bottom:0;left:0;right:0;transform:translateZ(0)}.bottom-tabs button{color:#d9cab8;background:0 0;border-radius:15px;align-content:center;place-items:center;gap:3px;min-height:52px;font-size:11px;font-weight:800;display:grid}.bottom-tabs button.active{color:#fff1d0;background:#b74c32}.stats-strip,.record-hero{color:#24344c;background:#fff0d3;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:17px;padding:13px;display:grid}.stats-strip span{color:#5d6070;text-align:center;gap:2px;font-size:10px;font-weight:800;display:grid}.stats-strip strong{color:#1c604f;font-size:22px}.inventory-list{gap:16px;display:grid}.inventory-group{background:#111f39;border:1px solid #ffebd126;border-radius:20px;overflow:hidden}.inventory-group h2{color:#f6a54b;letter-spacing:.08em;padding:12px 14px 9px;font-size:12px}.inventory-row{border-top:1px solid #ffeccc14;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;min-height:58px;padding:9px 10px 9px 12px;display:grid}.inventory-name{gap:2px;display:grid}.inventory-name strong{color:#fff3dd;font-size:13px}.inventory-name small{color:#80cfa0;font-size:9px;font-weight:700}.inventory-name small.low{color:#f4a051}.stock-stepper{background:#0b162c;border:1px solid #ffedcf2e;border-radius:12px;grid-template-columns:44px 50px 44px;align-items:center;display:grid;overflow:hidden}.stock-stepper button{color:#d9df70;background:0 0;place-items:center;width:44px;height:44px;display:grid}.stock-stepper span{color:#fff0d3;text-align:center;font-size:10px;font-weight:900}.glassware-section{margin-top:18px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-heading h2{color:#fff0d3;font-size:18px}.section-heading span{color:#9faabb;font-size:10px}.glassware-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.glassware-grid div{color:#f0d780;background:#20213d;border-radius:18px;align-content:center;place-items:center;gap:5px;min-height:102px;display:grid}.glassware-grid strong{color:#fff3dd;font-size:13px}.glassware-grid small{color:#a9a5bd;font-size:9px}.filter-row{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.filter-row button,.category-picker button{color:#c6bdaf;background:#14233d;border:1px solid #ffefd429;border-radius:999px;min-height:44px;padding:0 13px;font-size:11px;font-weight:800}.filter-row button{justify-content:center;align-items:center;gap:5px;display:inline-flex}.filter-row button.active,.category-picker button.active{color:#172239;background:#cddf45;border-color:#cddf45}.recipe-list{gap:10px;display:grid}.recipe-row{color:#fff2da;background:#111f39;border:1px solid #ffebcd21;border-radius:19px;grid-template-columns:minmax(0,1fr) 44px;align-items:center;min-height:82px;display:grid;overflow:hidden}.recipe-open{min-width:0;min-height:82px;color:inherit;text-align:left;background:0 0;grid-template-columns:54px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 4px 10px 11px;display:grid}.recipe-thumb{color:#f4c46c;background:#2b1730;border-radius:16px;place-items:center;width:54px;height:54px;display:grid;overflow:hidden}.recipe-thumb img{object-fit:cover;width:100%;height:100%}.recipe-row-copy{gap:2px;min-width:0;display:grid}.recipe-row-copy strong,.recipe-row-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recipe-row-copy strong{font-size:13px}.recipe-row-copy small{color:#c4b8c7;font-size:9px}.recipe-row-copy em{color:#e7bd6a;font-size:9px;font-style:normal}.small-status{white-space:nowrap;border-radius:7px;padding:5px 7px;font-size:9px;font-weight:900}.small-status.ready{color:#172239;background:#cddf45}.small-status.near{color:#2f1f24;background:#f1a04f}.small-status.off{color:#c4c6d6;background:#383a55}.favorite-toggle{color:#7d8394;background:0 0;border-radius:14px;place-items:center;width:44px;height:44px;margin-right:5px;display:grid}.favorite-toggle.active{color:#ffd66e;background:#5f3f66}.record-hero{grid-template-columns:.8fr 1.2fr 1.2fr}.record-hero>span,.record-hero>div{border-right:1px solid #d4c7ae;align-content:center;gap:2px;padding:5px 7px;display:grid}.record-hero>div:last-child{border-right:0}.record-hero strong{color:#244b45;font-size:13px}.record-hero>span strong{font-size:28px}.record-hero small{color:#77756f;font-size:9px}.record-button,.complete-button{color:#102039;background:#f6a54b;border-radius:16px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:50px;font-size:14px;font-weight:950;display:flex}.record-button{margin-bottom:22px}.record-list{gap:10px;display:grid}.record-row{background:#111f39;border:1px solid #ffecce1f;border-radius:18px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-height:66px;padding:10px 12px;display:grid}.record-mark{color:#ffe99c;background:#6a466e;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.record-row>span:nth-child(2){gap:3px;display:grid}.record-row strong{color:#fff2db;font-size:13px}.record-row small{color:#9ca8b8;font-size:9px}.rating{color:#f2be5c;align-items:center;gap:4px;font-size:11px;font-weight:900;display:flex}.empty-state{color:#a9b1bf;text-align:center;padding:30px 12px}.device-screen .bottom-sheet{color:#17243b;background:#fff5df;border:1px solid #fff2da29}.device-screen .sheet-overlay{background:#020918b3}.device-screen .keyboard-dock[data-visible=false]{visibility:hidden}.device-screen .sheet-title{color:#17243b;font-family:STKaiti,KaiTi,ui-rounded,PingFang SC,sans-serif;font-size:24px}.device-screen .sheet-description{color:#6b6870}.recipe-sheet{gap:14px;padding-bottom:16px;display:grid}.sheet-status-row{color:#fff2d7;background:#17243b;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;font-size:10px;font-weight:800;display:flex}.sheet-status-row span{align-items:center;gap:6px;display:inline-flex}.sheet-status-row .ready{color:#ddeb64}.sheet-status-row .missing{color:#f0a153}.sheet-utility-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.sheet-favorite,.sheet-utility-row a,.sheet-utility-row>span{color:#5a5149;background:#efe3cb;border:1px solid #d6c5a7;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:0 12px;font-size:10px;font-weight:900;text-decoration:none;display:inline-flex}.sheet-favorite.active{color:#5a3c16;background:#ffe39a;border-color:#d7a844}.recipe-sheet h3{color:#17243b;margin:2px 0 -5px;font-size:14px}.sheet-ingredients,.sheet-steps{gap:7px;margin:0;padding:0;list-style:none;display:grid}.sheet-ingredients li{color:#2a3241;background:#efe3cb;border-radius:12px;justify-content:space-between;align-items:center;min-height:39px;padding:7px 10px;font-size:11px;font-weight:800;display:flex}.sheet-ingredients li span{align-items:center;gap:8px;display:inline-flex}.sheet-ingredients em{color:#47826d;font-size:10px;font-style:normal}.sheet-steps li{color:#3d4351;grid-template-columns:28px 1fr;align-items:start;gap:9px;font-size:11px;line-height:1.5;display:grid}.sheet-steps i{color:#17243b;background:#cddf45;border-radius:50%;place-items:center;width:26px;height:26px;font-style:normal;font-weight:900;display:grid}.garnish-note{color:#594c42;border:1px dashed #b99673;border-radius:14px;grid-template-columns:24px 1fr;gap:8px;padding:11px;font-size:10px;line-height:1.45;display:grid}.garnish-note span{gap:2px;display:grid}.complete-button:disabled{color:#77716a;background:#c7c0b5}.add-sheet{gap:14px;display:grid}.add-sheet label{color:#4d5058;gap:6px;font-size:11px;font-weight:900;display:grid}.add-sheet input{color:#18233a;background:#fffaf0;border:1px solid #d8c8aa;border-radius:12px;width:100%;min-height:45px;padding:0 12px}.field-pair{grid-template-columns:1fr .7fr;gap:10px;display:grid}.category-picker{flex-wrap:wrap;gap:7px;display:flex}.category-picker button{color:#655d55;background:#efe3cb;border-color:#d8c8aa}.toast{z-index:40;right:24px;bottom:calc(var(--mobile-safe-area-height) + 74px);color:#17243b;text-align:center;background:#cddf45;border-radius:15px;padding:12px 16px;font-size:12px;font-weight:900;position:absolute;left:24px;box-shadow:0 12px 32px #00000040}@media (height<=880px){.recommendation-card{min-height:0}.featured-drink{width:246px;height:266px}}.header-tools{align-items:center;gap:7px;display:flex}.search-action{color:#101c34}.hero-lower .glass-line{margin:0}.section-block{margin-top:20px}.journey-card{color:#fff4d9;text-align:left;background:#153b43;border:1px solid #cddf4552;border-radius:22px;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;width:100%;min-height:78px;margin-top:14px;padding:10px 14px;display:grid}.journey-card>span:nth-child(2){gap:4px;display:grid}.journey-card strong{font-size:14px}.journey-card small{color:#a7d3c9;font-size:10px}.journey-level{color:#14243a;background:#cddf45;border-radius:18px;align-content:center;place-items:center;gap:3px;width:54px;height:54px;display:grid}.journey-level b{font-size:10px}.recommendation-reason,.catalog-download{color:#f5c96f;background:#111f39;border:1px solid #ffefd124;border-radius:17px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;margin-top:10px;padding:11px 13px;display:grid}.recommendation-reason>svg,.catalog-download>svg{justify-self:center;width:24px;height:24px}.recommendation-reason span,.catalog-download span{gap:3px;min-width:0;display:grid}.recommendation-reason strong,.catalog-download strong{color:#fff0d8;font-size:10px;line-height:1.4}.recommendation-reason small,.catalog-download small{color:#98a9b9;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.catalog-download{color:#8fd3d8;background:#132b3c;margin:0 0 12px}.catalog-download.loading{color:#f6a54b;border-color:#f6a54b61}.catalog-download.network,.catalog-download.cache{color:#cddf45;border-color:#cddf4557}.catalog-download.error{color:#ef9175;border-color:#ef917561}.world-carousel,.filter-carousel{width:calc(100% + 16px);margin-right:-16px}.world-carousel-track{gap:10px;padding-right:16px;display:flex}.world-card{color:#fff2d8;text-align:left;background:#18233a;border-radius:19px;flex:0 0 148px;height:104px;position:relative;overflow:hidden}.world-card img{object-fit:cover;opacity:.72;width:100%;height:100%}.world-card:after{content:"";background:#040d1f42;position:absolute;inset:0}.world-card span{z-index:2;gap:2px;display:grid;position:absolute;bottom:10px;left:10px;right:10px}.world-card strong{font-size:16px}.world-card small{color:#f4dcac;font-size:9px;font-weight:800}.filter-carousel{margin-bottom:14px}.filter-carousel .filter-row{flex-wrap:nowrap;width:max-content;margin:0;padding-right:16px}.category-explainer{background:#15323e;border:1px solid #cddf4540;border-radius:18px;gap:5px;margin-bottom:14px;padding:14px 16px;display:grid}.category-explainer span{color:#cddf45;letter-spacing:.06em;font-size:10px;font-weight:900}.category-explainer strong{color:#fff1d5;font-size:14px}.category-explainer small{color:#aac0c4;font-size:10px;line-height:1.45}.floating-add{bottom:calc(var(--mobile-safe-area-height) + 60px);color:#15233a;background:#f6a54b;border:1px solid #fff0cf3d;border-radius:999px;justify-content:center;align-items:center;gap:7px;width:max-content;min-height:40px;margin:14px 4px 0 auto;padding:0 15px;font-size:11px;font-weight:950;display:flex;position:sticky;box-shadow:0 8px 22px #040c1c4d}.level-badge{color:#172239;background:#cddf45;border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:0 12px;font-size:11px;font-weight:950;display:inline-flex}.progress-hero{background:#2a1730;border-radius:24px;grid-template-columns:1fr 94px;align-items:center;gap:12px;padding:18px;display:grid;box-shadow:0 20px 46px #0000003d}.progress-hero>div:first-child{gap:5px;display:grid}.progress-hero>div:first-child>span{color:#edaa79;letter-spacing:.07em;font-size:10px;font-weight:900}.progress-hero strong{color:#fff2d8;font-size:22px}.progress-hero strong b{color:#cddf45;font-size:38px}.progress-hero small{color:#baaabd;font-size:10px}.xp-orbit{border:8px solid #cddf45;border-color:#cddf45 #f6a54b #65486e #65486e;border-radius:50%;align-content:center;place-items:center;gap:2px;width:84px;height:84px;display:grid}.xp-orbit span{color:#fff2d8;font-size:18px;font-weight:950}.xp-orbit small{font-size:8px}.progress-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.progress-stats span{color:#9aa7b8;background:#111f39;border-radius:17px;align-content:center;place-items:center;gap:2px;min-height:62px;font-size:9px;font-weight:800;display:grid}.progress-stats strong{color:#fff0d4;font-size:20px}.world-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.world-grid button{color:#fff0d7;text-align:left;background:#111f39;border:1px solid #ffedd11f;border-radius:18px;grid-template-columns:56px 1fr;align-items:center;gap:9px;min-height:70px;padding:7px;display:grid;overflow:hidden}.world-grid img{object-fit:cover;border-radius:14px;width:56px;height:56px}.world-grid span{gap:3px;display:grid}.world-grid strong{font-size:12px}.world-grid small{color:#9cabb8;font-size:8px}.quest-list{gap:9px;display:grid}.quest-list button{color:#fff0d6;text-align:left;background:#111f39;border:1px solid #ffedd21f;border-radius:18px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-height:74px;padding:10px 12px;display:grid}.quest-list button>i{color:#ffe283;background:#67456d;border-radius:12px;place-items:center;width:32px;height:32px;font-style:normal;font-weight:950;display:grid}.quest-list button>span{gap:3px;padding-bottom:7px;display:grid;position:relative;overflow:hidden}.quest-list strong{font-size:12px}.quest-list small{color:#9ba9b8;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.quest-list em{background:#cddf45;border-radius:999px;height:3px;position:absolute;bottom:0;left:0}.quest-list b{color:#f4c76e;font-size:10px}.daily-quest-list button>i{color:#17243b;background:#cddf45}.quest-rule{color:#8fa0af;margin:9px 3px 0;font-size:9px;line-height:1.5}.preference-summary{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:20px;display:grid}.preference-summary>span,.preference-summary>button{color:#d2dc58;background:#111f39;border-radius:18px;align-content:center;place-items:center;gap:2px;min-height:72px;display:grid}.preference-summary strong{color:#fff0d5;font-size:18px}.preference-summary small{color:#9eabb8;font-size:8px}.record-card{background:#111f39;border:1px solid #ffecce1f;border-radius:19px;grid-template-columns:64px 1fr auto;align-items:start;gap:11px;min-height:84px;padding:10px;display:grid}.record-card>img,.record-card>.record-mark{object-fit:cover;border-radius:15px;width:64px;height:64px}.record-card>div{gap:3px;min-width:0;display:grid}.record-card strong{color:#fff1d8;font-size:12px}.record-card small{color:#9aa7b7;font-size:8px}.record-card p{color:#d4c7bb;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:9px;line-height:1.35;overflow:hidden}.record-card em{color:#e9bd68;font-size:8px;font-style:normal}.record-like{color:#cddf45;justify-content:center;align-items:center;gap:3px;min-width:42px;font-size:9px;font-weight:900;display:inline-flex}.record-like.down{color:#ef9175}.device-screen .bottom-sheet{overflow:hidden}.drink-sheet,.search-sheet,.record-sheet{gap:14px;padding-bottom:16px;display:grid}.sheet-hero-image{object-fit:cover;border-radius:19px;width:100%;height:180px}.drink-category-card{color:#fff0d6;background:#17243b;border-radius:15px;gap:5px;padding:13px 14px;display:grid}.drink-category-card span{color:#cddf45;letter-spacing:.06em;font-size:9px;font-weight:950}.drink-category-card strong{font-size:11px;line-height:1.5}.drink-category-card small{color:#b6c1ce;font-size:9px}.source-link{color:#625548;background:#efe3cb;border:1px solid #d6c5a7;border-radius:13px;justify-content:space-between;align-items:center;min-height:40px;padding:0 12px;font-size:10px;font-weight:900;text-decoration:none;display:flex}.drink-sheet h3{color:#17243b;margin:2px 0 -5px;font-size:14px}.taste-profile{background:#efe3cb;border-radius:15px;gap:8px;padding:12px;display:grid}.taste-profile .section-heading{margin-bottom:2px}.taste-profile h3{margin:0}.taste-profile .section-heading span{color:#6f655b;text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.taste-meter{color:#5d554e;grid-template-columns:34px 1fr 16px;align-items:center;gap:7px;font-size:9px;font-weight:900;display:grid}.taste-meter>i{background:#d9cbb2;border-radius:999px;height:7px;display:block;overflow:hidden}.taste-meter>i>b{border-radius:inherit;background:#b75035;height:100%;display:block}.taste-meter em{color:#8e6540;font-style:normal}.like-pair{gap:7px;display:flex}.like-pair button{color:#6f685f;background:#efe3cb;border:1px solid #d6c5a7;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.like-pair button.active{color:#17243b;background:#cddf45;border-color:#97a92a}.like-pair button.active.down{background:#ef9a79;border-color:#c96b52}.detail-actions{grid-template-columns:.8fr 1.2fr;gap:8px;display:grid}.detail-actions>button{color:#26334a;background:#e8ddc9;border-radius:16px;min-height:50px;font-size:11px;font-weight:950}.detail-actions>button:first-child{justify-content:center;align-items:center;gap:6px;display:flex}.detail-actions>button.complete-button{background:#f6a54b}.search-field{color:#776b5d;background:#fffaf0;border:1px solid #d6c5a7;border-radius:15px;grid-template-columns:22px 1fr;align-items:center;gap:8px;min-height:48px;padding:0 12px;display:grid}.search-field input{color:#17243b;background:0 0;border:0;outline:0;width:100%;height:46px}.search-meta{color:#7a736c;font-size:9px;font-weight:800}.search-results{gap:8px;display:grid}.search-results button{color:#263247;text-align:left;background:#efe3cb;border-radius:16px;grid-template-columns:54px 1fr auto auto;align-items:center;gap:9px;min-height:68px;padding:7px 9px;display:grid}.search-results img{object-fit:cover;border-radius:13px;width:54px;height:54px}.search-results span{gap:3px;min-width:0;display:grid}.search-results strong{font-size:11px}.search-results small{color:#756b61;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.search-results em{color:#374128;background:#d6df8b;border-radius:7px;padding:4px 6px;font-size:8px;font-style:normal;font-weight:900}.record-sheet>label,.add-sheet>label{color:#4d5058;gap:6px;font-size:10px;font-weight:900;display:grid}.record-sheet>label>input,.record-sheet textarea,.add-sheet textarea{color:#18233a;background:#fffaf0;border:1px solid #d8c8aa;border-radius:12px;outline:0;width:100%;min-height:45px;padding:10px 12px}.record-sheet textarea{resize:none;min-height:74px}.record-choice-list{gap:6px;display:grid}.record-choice-list button{color:#27344a;text-align:left;background:#efe3cb;border:1px solid #0000;border-radius:14px;grid-template-columns:46px 1fr auto;align-items:center;gap:8px;min-height:58px;padding:6px 9px;display:grid}.record-choice-list button.active{background:#edf1bd;border-color:#9aac2b}.record-choice-list img{object-fit:cover;border-radius:11px;width:46px;height:46px}.record-choice-list span{gap:2px;display:grid}.record-choice-list strong{font-size:11px}.record-choice-list small{color:#756b61;font-size:8px}.inline-add{color:#6e5543;background:0 0;border:1px dashed #b99673;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:42px;font-size:10px;font-weight:900;display:flex}.record-toggle{grid-template-columns:1fr 1fr;gap:8px;display:grid}.record-toggle.single{grid-template-columns:1fr}.record-toggle button{color:#5f5b57;background:#e9deca;border-radius:13px;justify-content:center;align-items:center;gap:6px;min-height:45px;font-size:10px;font-weight:900;display:flex}.record-toggle button.active{color:#17243b;background:#cddf45}.preference-input{grid-template-columns:1fr repeat(3,auto);align-items:center;gap:6px;display:grid}.preference-input>span{color:#4d5058;font-size:10px;font-weight:900}.preference-input button{color:#655f58;background:#e9deca;border-radius:11px;min-height:38px;padding:0 8px;font-size:9px;font-weight:900}.preference-input button.active{color:#17243b;background:#cddf45}.preference-input button.active.down{background:#ef9a79}.preference-input button.active.neutral{background:#f1c67b}.rating-input{color:#b27623;align-items:center;gap:7px;display:flex}.rating-input span{color:#4d5058;margin-right:auto;font-size:10px;font-weight:900}.rating-input button{color:#c18a2c;background:#efe3cb;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.photo-picker input{opacity:0;width:1px;height:1px;position:absolute}.photo-picker>span{color:#6e5543;background:#f8edd8;border:1px dashed #b99673;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:74px;font-size:10px;font-weight:900;display:flex;overflow:hidden}.photo-picker img{object-fit:cover;width:100%;height:118px}.tab-inventory+.bottom-tabs,.tab-inventory~.bottom-tabs{opacity:1}@media (height<=880px){.hero-main{min-height:320px}.featured-drink{height:238px;top:86px}.sheet-hero-image{height:155px}}