*,:after,:before{box-sizing:border-box}body,html{min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}button,input,select,textarea{font:inherit}button{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:none}canvas,img,svg,video{display:block}dd,dl,h1,h2,h3,p{margin:0}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Thin.woff2) format("woff2");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-ExtraLight.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-ExtraBold.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{color-scheme:dark;font-size:16px;--bg:#0f1714;--panel:rgba(22,35,30,.78);--panel-border:rgba(214,237,226,.12);--text-strong:#f4f6f2;--text-subtle:hsla(90,18%,96%,.7);--accent:#89c29a;--shadow:0 20px 60px rgba(0,0,0,.28);--font-weight-thin:100;--font-weight-extra-light:200;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semi-bold:600;--font-weight-bold:700;--font-weight-extra-bold:800;--font-weight-black:900;--app-bg:linear-gradient(144deg,#bfe5ec 12.42%,#4fb9cc 100.73%);--app-bg-solid:#4fb9cc;--card-color-base:#a3d7e0;--card-color-outer:#b7dce2;--card-color-inner:#d0e7eb}:root:has(.display-shell){font-size:min(calc(100vw / 4800 * 16),calc(100vh / 1920 * 16))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100dvh;font-family:Pretendard,Avenir Next,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:var(--text-strong)}body,html{margin:0;width:100%;overflow:hidden;background:#000}body{height:100%}.mobile-route-blocker{display:none}img{display:block}body:has(.display-shell){background:var(--app-bg);color:#17231f}body:has(.admin-shell){overflow:auto;background:#eef3f0;color:#17231f}.display-shell{position:relative;isolation:isolate;width:100vw;height:100vh;display:grid;place-items:center;padding:0;overflow:hidden;background:var(--app-bg)}.display-frame{position:relative;width:min(100vw,calc(100vh * 2.5));height:min(100vh,calc(100vw / 2.5));aspect-ratio:5/2;font-size:1rem;display:flex;flex-direction:column;justify-content:center;gap:6.4rem;background:transparent;overflow:hidden}.display-video{position:absolute!important;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}.display-product{position:absolute;z-index:0;height:auto;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.display-product-black{left:-42rem;top:6.5625rem;width:118.875rem;transform-origin:center;animation:display-product-float 6s ease-in-out infinite}.display-product-vanilla{right:-34rem;top:23.1875rem;width:111.5625rem;transform-origin:center;animation:display-product-float 7s ease-in-out infinite;animation-delay:-2.5s}@keyframes display-product-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4.8rem)}}.display-header{position:relative;z-index:2;display:grid;justify-items:center;color:#fff;text-align:center}.display-title-image{width:36.279rem;height:19rem}.display-header h1{margin:0;color:#fff;font-size:10.25rem;font-weight:var(--font-weight-semi-bold);letter-spacing:0;line-height:.95}.eyebrow{margin:0;color:#fff;font-size:7.1rem;font-weight:var(--font-weight-regular);letter-spacing:-.716rem;line-height:1}.display-meta{position:absolute;right:3.5rem;top:3rem;display:none;align-items:center;gap:12px;color:hsla(0,0%,100%,.72);font-size:16px}.status-dot{width:10px;height:10px;border-radius:50%;background:rgba(137,194,154,.45);box-shadow:0 0 0 0 rgba(137,194,154,.5)}.status-dot.live{background:var(--accent);animation:pulse 1.8s infinite}.display-marquee{position:relative;z-index:1;min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:3.7358rem;opacity:0;transition:opacity .32s ease}.display-marquee.is-visible{opacity:1}.display-marquee-row{position:relative;min-width:0;overflow:hidden}.display-marquee-track{display:flex;align-items:center;gap:3.7224rem;width:max-content;will-change:transform}.display-marquee-row-left .display-marquee-track{animation-name:display-marquee-scroll-left;animation-timing-function:linear;animation-iteration-count:infinite}.display-marquee-row-right .display-marquee-track{animation-name:display-marquee-scroll-right;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes display-marquee-scroll-left{0%{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--marquee-distance, 50%)))}}@keyframes display-marquee-scroll-right{0%{transform:translateX(calc(-1 * var(--marquee-distance, 50%)))}to{transform:translateX(0)}}.display-marquee-card{flex:none;width:24.6975rem;height:36.9503rem;animation:display-marquee-card-enter .48s ease-out}@keyframes display-marquee-card-enter{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.cup-stage[data-static=true] .liquid-body-layer,.cup-stage[data-static=true] .surface-layer,.cup-stage[data-static=true] .topping-layer{animation:none}.cup-stage[data-static=true] .cup-side-line{stroke:hsla(90,18%,96%,.28)}.cup-stage[data-static=true] .cup-bottom-front,.cup-stage[data-static=true] .cup-rim-front,.cup-stage[data-static=true] .cup-rim-line{stroke:hsla(90,18%,96%,.34)}.led-recipe-card{--card-surface-radius:1.826rem;--card-surface-inner-radius:1.2387rem;--card-surface-border-width:0.2632rem;--card-surface-outer-shadow:0.0818rem 2.1019rem 1.2149rem -0.8863rem rgba(26,89,90,.16);--card-surface-inner-top:calc(var(--card-surface-border-width) * 2);--card-surface-inner-left:calc(var(--card-surface-border-width) * 2);--card-surface-inner-right:calc(var(--card-surface-border-width) * 2);--card-surface-inner-bottom:calc(var(--card-surface-border-width) * 2);--card-surface-mask-width:58%;--card-surface-mask-height:66%;position:relative;isolation:isolate;flex:none;width:100%;display:grid;grid-template-rows:auto auto auto;justify-items:center;overflow:visible;padding:2.628rem 2.8578rem 2.1845rem;border:0;border-radius:1.4755rem;background:transparent;box-shadow:none;color:#1f6464;contain:layout paint}.led-recipe-card>:not(.card-surface){position:relative;z-index:1}.led-recipe-card>.led-recipe-card-edge-shadow{position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none}.led-recipe-card-title{grid-row:1;width:100%;min-width:0;margin-bottom:2.1705rem;display:grid;justify-items:center;color:#1f6464;text-align:center}.led-recipe-card-title h2,.led-recipe-card-title p{max-width:100%;margin:0;overflow:hidden;text-overflow:ellipsis}.led-recipe-card-title p{font-size:1.697rem;font-weight:var(--font-weight-bold);letter-spacing:-.051rem;line-height:1.2}.led-recipe-card-title p span{margin-left:.25rem;font-weight:var(--font-weight-medium)}.led-recipe-card-title h2{font-size:1.697rem;font-weight:var(--font-weight-bold);letter-spacing:-.051rem;line-height:1.2}.led-recipe-card-image{grid-row:2;position:relative;width:14.95rem;height:13.2rem;margin-bottom:1.4531rem;display:grid;place-items:center;overflow:hidden;border-radius:1.2366rem;background:#fff}.led-recipe-card-image img{object-fit:cover}.led-recipe-card-spec{grid-row:3;width:100%;margin:0;display:grid;grid-gap:0;gap:0;color:#3a8d8d;font-size:1.5rem;font-weight:var(--font-weight-regular);letter-spacing:-.1169rem;line-height:2rem}.led-recipe-card-spec div{min-width:0;display:grid;grid-template-columns:.8fr 1.2fr;grid-column-gap:.7006rem;column-gap:.7006rem;padding:.4204rem 0;align-items:baseline;border-top:.0438rem solid #fff}.led-recipe-card-spec div:first-child{border-top:0}.led-recipe-card-spec-row-topping{align-items:start}.led-recipe-card-spec dd,.led-recipe-card-spec dt{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis}.led-recipe-card-spec dd,.led-recipe-card-spec dt{font-weight:var(--font-weight-medium)}.led-recipe-card-spec dd{text-align:right}.led-recipe-card-spec dd.led-recipe-card-topping{position:relative;overflow:visible;text-overflow:clip;white-space:normal}.led-recipe-card-topping-dummy{display:grid;grid-gap:.1401rem;gap:.1401rem;visibility:hidden}.led-recipe-card-topping-content{position:absolute;inset:0;display:grid;align-content:start;grid-gap:.1401rem;gap:.1401rem}.led-recipe-card-topping-content>span{min-width:0;overflow-wrap:break-word}.empty-recipe-tile{opacity:.28;background:rgba(24,34,30,.035)}.empty-state{display:grid;place-items:center;color:#fff;font-size:5rem;font-weight:var(--font-weight-bold);letter-spacing:-.01em}.admin-login-shell{min-height:100vh;display:grid;place-items:center;background:#eef3f0}.admin-login-form{width:360px;display:grid;grid-gap:16px;gap:16px;padding:40px;background:#fff;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.08)}.admin-login-form h1{margin:0 0 8px;font-size:22px;font-weight:var(--font-weight-bold);color:#17231f}.admin-login-field{display:grid;grid-gap:6px;gap:6px}.admin-login-field label{font-size:13px;font-weight:var(--font-weight-bold);color:#557066}.admin-login-field input{height:44px;padding:0 14px;border:1.5px solid #d0dbd7;border-radius:8px;font:inherit;font-size:15px;color:#17231f;background:#fff;outline:none}.admin-login-field input:focus{border-color:#26727f}.admin-login-error{margin:0;font-size:13px;color:#c0392b}.admin-login-form button[type=submit]{height:48px;margin-top:4px;border:0;border-radius:10px;background:#26727f;color:#fff;font:inherit;font-size:15px;font-weight:var(--font-weight-bold);cursor:pointer}.admin-login-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.admin-logout-button{padding:8px 16px;border:1.5px solid #d0dbd7;border-radius:8px;background:transparent;color:#557066;font:inherit;font-size:13px;font-weight:var(--font-weight-bold);cursor:pointer}.admin-logout-button:hover{border-color:#26727f;color:#26727f}.admin-shell{min-height:100vh;padding:32px;background:#eef3f0}.admin-frame{width:min(1480px,100%);margin:0 auto;display:grid;grid-gap:20px;gap:20px}.admin-frame>*{min-width:0}.admin-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.admin-header p{margin:0 0 6px;color:#557066;font-size:14px;font-weight:var(--font-weight-bold);text-transform:uppercase}.admin-header h1{margin:0;font-size:32px;line-height:1.2}.admin-stats{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.admin-message-status,.admin-stats span,.admin-visibility-badge{min-height:32px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#dce8e2;color:#20352e;font-size:13px;font-weight:var(--font-weight-bold)}.admin-toolbar{min-height:64px;padding:12px;display:flex;align-items:center;gap:12px;border:1px solid #d4dfd9;border-radius:8px;background:#fff}.admin-toolbar form{flex:1 1;display:flex;gap:8px}.admin-toolbar input{flex:1 1;min-width:0;height:40px;padding:0 14px;border:1px solid #c8d5ce;border-radius:8px;background:#f8fbf9;color:#17231f;font:inherit}.admin-row-actions a,.admin-row-actions button,.admin-toolbar button{min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #b7c8bf;border-radius:8px;background:#204b42;color:#fff;font:inherit;font-size:14px;font-weight:var(--font-weight-bold);text-decoration:none;cursor:pointer}.admin-row-actions a,.admin-toolbar>button{background:#f8fbf9;color:#20352e}.admin-toolbar>span{color:#557066;font-size:13px}.admin-error{margin:0;padding:12px 14px;border:1px solid #e5b8aa;border-radius:8px;background:#fff1ec;color:#8b2e1d;font-weight:var(--font-weight-bold)}.admin-venue-pin{min-height:64px;padding:12px;display:flex;align-items:center;gap:12px;border:1px solid #d4dfd9;border-radius:8px;background:#fff}.admin-venue-pin span:first-child{color:#557066;font-size:13px;font-weight:var(--font-weight-bold);white-space:nowrap}.admin-venue-pin input{width:10rem;height:40px;padding:0 14px;border:1px solid #c8d5ce;border-radius:8px;background:#f8fbf9;color:#17231f;font:inherit;letter-spacing:.2em}.admin-venue-pin button{min-height:40px;padding:0 14px;border:1px solid #b7c8bf;border-radius:8px;background:#204b42;color:#fff;font:inherit;font-size:14px;font-weight:var(--font-weight-bold);cursor:pointer}.admin-venue-pin button:disabled{opacity:.55;cursor:not-allowed}.admin-venue-pin-message{color:#557066;font-size:13px}.admin-card-list{display:grid;grid-gap:8px;gap:8px}.admin-card-row,.admin-list-head{display:grid;grid-template-columns:80px minmax(320px,1.4fr) minmax(160px,.7fr) 100px 120px 190px;grid-gap:12px;gap:12px;align-items:center}.admin-list-head{padding:0 16px;color:#557066;font-size:12px;font-weight:var(--font-weight-bold);text-transform:uppercase}.admin-card-row{min-height:92px;padding:14px 16px;border:1px solid #d4dfd9;border-radius:8px;background:#fff}.admin-card-row[data-visible=false]{background:#f4f0ec;color:#6c625b}.admin-card-row>div,.admin-recipe-main{min-width:0;display:grid;grid-gap:4px;gap:4px}.admin-card-row strong{overflow:hidden;font-size:15px;text-overflow:ellipsis}.admin-card-row small,.admin-card-row span{min-width:0;overflow:hidden;color:#557066;font-size:13px;text-overflow:ellipsis}.admin-visibility-badge{background:#dff0e8;color:#1c6a4b}.admin-card-row[data-visible=false] .admin-visibility-badge{background:#eadfd5;color:#8a4a2c}.admin-message-status.is-sent{background:#dff0e8;color:#1c6a4b}.admin-message-status.is-pending{background:#fff0c7;color:#7a5a0a}.admin-message-status.is-failed{background:#ffe1da;color:#8b2e1d}.admin-row-actions{display:flex;gap:8px;justify-content:flex-end}.admin-row-actions button:disabled{opacity:.55;cursor:progress}.admin-editable-text{width:100%;min-width:0;height:28px;padding:0 8px;display:inline-flex;align-items:center;overflow:hidden;border:1px solid #c8d5ce;border-radius:6px;background:#f8fbf9;text-overflow:ellipsis;cursor:pointer}.admin-editable-text:hover{border-color:#204b42}.admin-inline-edit-input{width:100%;min-width:0;height:28px;padding:0 8px;border:1px solid #204b42;border-radius:6px;background:#f8fbf9;color:#17231f;font:inherit;font-size:15px}.admin-load-more-button{display:block;min-height:40px;margin-top:4px;padding:14px;border:1px solid #c8d5ce;border-radius:8px;background:#f8fbf9;color:#20352e;font:inherit;font-size:14px;font-weight:var(--font-weight-bold);cursor:pointer}.admin-load-more-button:disabled{opacity:.55;cursor:progress}.admin-empty{margin:0;padding:32px;border:1px dashed #c8d5ce;border-radius:8px;background:#fff;color:#557066;text-align:center}.admin-toolbar button.is-active,.admin-toolbar>button.is-active{background:#204b42;color:#fff;border-color:#204b42}.admin-toolbar button:not(.is-active):hover,.admin-toolbar>button:not(.is-active):hover{border-color:#204b42;color:#204b42}.admin-toolbar select{height:40px;padding:0 36px 0 14px;border:1px solid #c8d5ce;border-radius:8px;background:#f8fbf9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23557066' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;background-size:12px 8px;color:#17231f;font:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.admin-toolbar select:hover{border-color:#204b42}.admin-toolbar select:focus-visible{outline:2px solid #204b42;outline-offset:1px}.admin-stats-filter{margin-bottom:12px}.admin-stats-export-button{margin-left:auto}.admin-stats-dashboard{display:grid;grid-gap:12px;gap:12px}.admin-stat-card{min-height:96px;padding:16px 20px;display:flex;flex-direction:column;justify-content:center;gap:6px;border:1px solid #d4dfd9;border-radius:8px;background:#fff}.admin-stat-card span{color:#557066;font-size:13px;font-weight:var(--font-weight-bold)}.admin-stat-card strong{font-size:28px;line-height:1.2;color:#17231f}.admin-stat-card-primary{background:#204b42;border-color:#204b42}.admin-stat-card-primary span{color:#cfe2da}.admin-stat-card-primary strong{font-size:40px;color:#fff}.admin-stat-card-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px}.admin-stats-table-wrap{border:1px solid #d4dfd9;border-radius:8px;background:#fff;overflow-x:auto}.admin-stats-table{width:100%;min-width:480px;border-collapse:collapse}.admin-stats-table thead th{padding:0;border-bottom:1px solid #d4dfd9;background:#f4f8f6;color:#557066;font-size:12px;font-weight:var(--font-weight-bold);text-transform:uppercase;text-align:left;white-space:nowrap}.admin-stats-sort-button{width:100%;padding:12px 16px;display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:inherit;font:inherit;text-transform:inherit;cursor:pointer}.admin-stats-sort-button:hover{color:#204b42}.admin-stats-sort-icon{font-size:12px;color:#c1cec7}.admin-stats-sort-icon[data-active=true]{color:#204b42}.admin-stats-table tbody td{padding:14px 16px;border-bottom:1px solid #eef3f0;color:#17231f;font-size:14px;vertical-align:middle}.admin-stats-table tbody tr:last-child td{border-bottom:none}.admin-stats-table tbody tr:hover td{background:#f8fbf9}.admin-stats-table .admin-stats-count-cell{font-size:15px;font-weight:var(--font-weight-bold)}.admin-stats-table-daily{min-width:720px}.admin-stats-table-daily thead th{padding:12px 16px}.admin-stats-table-daily td:first-child,.admin-stats-table-daily th:first-child{width:130px;white-space:nowrap}.admin-stats-table-daily td:nth-child(2),.admin-stats-table-daily td:nth-child(3),.admin-stats-table-daily td:nth-child(4),.admin-stats-table-daily th:nth-child(2),.admin-stats-table-daily th:nth-child(3),.admin-stats-table-daily th:nth-child(4){width:110px}.admin-stats-table-daily td:nth-child(5),.admin-stats-table-daily th:nth-child(5){width:90px}.admin-stats-table-combos td:last-child,.admin-stats-table-combos th:last-child{width:110px}.admin-stats-bar-track{position:relative;display:block;height:12px;border-radius:999px;background:#eef3f0;overflow:hidden}.admin-stats-bar-fill,.admin-stats-bar-fill-revisit{position:absolute;left:0;top:0;display:block;height:100%;border-radius:999px}.admin-stats-bar-fill{background:#204b42}.admin-stats-bar-fill-revisit{background:#de271f;opacity:.6}.form-error{margin:0;color:#8b2e1d}.screen-dissolve-frame{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:var(--app-bg-solid)}.screen-dissolve-layer{position:absolute;inset:0}.screen-dissolve-current{z-index:1}.screen-dissolve-previous{z-index:2;pointer-events:none}.screen-dissolve-frame[data-active=true] .screen-dissolve-current{animation:none}.screen-dissolve-frame[data-active=true] .screen-dissolve-previous{animation:screen-dissolve-out .36s ease-out both}@keyframes screen-dissolve-in{0%{opacity:0}to{opacity:1}}@keyframes screen-dissolve-out{0%{opacity:1}to{opacity:0}}body:has(.customizer-shell){overflow:hidden;background:#000;color:#18221e}body:has(.waiting-screen){overflow:hidden;background:#000;color:#fff}body:has(.flow-screen){overflow:hidden;background:#000;color:#fff}.waiting-screen{width:100vw;height:100vh;height:100dvh;display:grid;place-items:center;overflow:hidden;background:url(/assets/waiting/product-scene.webp) 50%/cover no-repeat}.waiting-touch-target{position:relative;width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;isolation:isolate}.waiting-touch-target:after{content:none}.waiting-bg-glow{display:none}.waiting-product-scene{position:absolute;left:0;top:8.2%;z-index:1;width:100%;height:auto;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.waiting-title{position:absolute;left:50%;top:50%;z-index:2;display:grid;justify-items:start;color:#fff;text-align:left;text-shadow:0 1px 16px hsla(0,0%,100%,.18);pointer-events:none;margin-top:-16rem}.waiting-logo{width:42.8125rem;height:auto}.waiting-start-copy{position:absolute;left:50%;bottom:8%;z-index:3;margin:0;transform:translateX(-50%);color:#298494;font-size:2.1875rem;font-weight:var(--font-weight-medium);letter-spacing:-.1875rem;text-shadow:0 1px 16px hsla(0,0%,100%,.6);pointer-events:none}.flow-screen{position:relative;isolation:isolate;width:100vw;height:100vh;height:100dvh;display:grid;place-items:center;overflow:hidden;background:var(--app-bg)}.customizer-shell:before,.display-shell:before,.flow-screen:before{content:"";position:absolute;inset:0;z-index:0;background:url(/assets/bg_texture.webp) 50%/cover no-repeat;mix-blend-mode:multiply;opacity:.65;pointer-events:none}.customizer-shell>*,.display-shell>*,.flow-screen>*{position:relative;z-index:1}.flow-screen-frame{--flow-frame-row-gap:4.625rem;position:relative;width:100vw;height:100vh;height:100dvh;font-size:1rem;display:grid;justify-items:center;align-content:center;grid-row-gap:var(--flow-frame-row-gap);row-gap:var(--flow-frame-row-gap);padding:0;overflow:hidden;background:transparent}.complete-frame h1,.done-frame h1,.recommendation-screen h1,.registration-frame h1{margin:0;color:#fff;text-align:center;font-weight:var(--font-weight-bold);letter-spacing:-.1875rem}.recommendation-screen h1{font-size:3.75rem;font-weight:var(--font-weight-semi-bold);line-height:1.2;letter-spacing:-.1875rem}.recommendation-screen .flow-screen-frame{grid-template-rows:auto auto auto;align-content:center;background:transparent}.recommended-recipe-grid{width:86rem;max-width:74%;align-self:center;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1.6875rem 1.25rem;gap:1.6875rem 1.25rem}.recommended-recipe-card{--card-surface-radius:1.625rem;--card-surface-inner-radius:1.25rem;--card-surface-border-width:0.125rem;--card-surface-outer-shadow:0.0625rem 2.1875rem 1.25rem -0.9375rem rgba(0,0,0,.06);--card-surface-inner-top:calc(var(--card-surface-border-width) * 2);--card-surface-inner-left:calc(var(--card-surface-border-width) * 2);--card-surface-inner-right:calc(var(--card-surface-border-width) * 2);--card-surface-inner-bottom:calc(var(--card-surface-border-width) * 2);--card-surface-mask-width:64%;--card-surface-mask-height:62%;position:relative;isolation:isolate;min-height:15.4375rem;display:grid;grid-template-columns:9.375rem minmax(0,1fr);grid-gap:1.625rem;gap:1.625rem;align-items:center;padding:2rem;border:0;border-radius:1.625rem;background:transparent;box-shadow:none}.recommended-recipe-card>:not(.card-surface){position:relative;z-index:1}.recommended-recipe-copy{min-width:0;align-self:start}.recommended-recipe-card h2{margin:0 0 .25rem;color:#196876;font-size:1.75rem;font-weight:var(--font-weight-semi-bold);line-height:3.75rem;letter-spacing:-.06825rem}.recommended-recipe-card dl{margin:0;display:grid;grid-gap:0;gap:0;color:#298494;font-size:.937rem}.recommended-recipe-card dl div{display:grid;grid-template-columns:4.4375rem minmax(5.75rem,1fr);grid-gap:.3125rem 0;gap:.3125rem 0;min-height:2.5rem;align-items:center;border-top:.0625rem solid #fff;line-height:2.5rem}.recommended-recipe-card dl div:first-child{border-top:0}.recommended-recipe-card dd,.recommended-recipe-card dt{margin:0}.recommended-recipe-card dt{font-weight:var(--font-weight-regular);letter-spacing:-.06825rem}.recommended-recipe-card dd{font-weight:var(--font-weight-medium);text-align:right;letter-spacing:-.06825rem}.complete-image-card,.final-image-placeholder,.recommended-recipe-image,.registration-preview{background:hsla(0,0%,100%,.95)}.recommended-recipe-image{position:relative;width:9.375rem;height:11.625rem;overflow:hidden;border-radius:1.125rem;box-shadow:inset 0 0 0 .0625rem hsla(0,0%,100%,.75)}.recommended-recipe-image img{object-fit:contain}.primary-pill-button,.screen-skip-button{align-self:flex-end;width:18.5rem;min-width:18.5rem;height:5.9375rem;min-height:5.9375rem;padding:0 2.375rem;display:inline-flex;align-items:center;justify-content:center;border:.25rem solid hsla(0,0%,100%,.15);border-radius:999px;background:hsla(0,0%,100%,.3);box-shadow:.375rem .625rem .5rem rgba(0,0,0,.08);color:#fff;font:inherit;font-size:1.75rem;font-weight:var(--font-weight-bold);letter-spacing:-.0525rem;cursor:pointer}.primary-pill-button:disabled{cursor:not-allowed;opacity:.42}.mobile-primary-pill-button{height:8.375rem;min-height:8.375rem;padding:0 2.5rem;font-size:3.125rem;line-height:1;text-align:center}.recommendation-overlay{position:absolute;inset:0;z-index:30;pointer-events:auto;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35)}.recommendation-overlay-panel{width:min(75rem,76vw);min-height:36.75rem;position:relative;padding:2.6rem 4.625rem 4.25rem;margin-top:6rem;border:.25rem solid hsla(0,0%,100%,.45);border-radius:2.5rem;background:linear-gradient(#a9dce6,#a9dce6) padding-box,linear-gradient(135deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.45) 8.56%,hsla(0,0%,100%,0) 37.96%,hsla(0,0%,100%,0) 50.19%,hsla(0,0%,100%,.15) 80.06%,hsla(0,0%,100%,0)) border-box;box-shadow:.375rem .625rem .5rem rgba(0,0,0,.08);animation:recommendation-overlay-in .18s ease-out both}.recommendation-overlay-panel>h2{color:#26727f;font-size:2.5rem;font-weight:var(--font-weight-semi-bold);line-height:3.43rem;letter-spacing:-.1875rem;text-align:center;margin-bottom:1.7rem}.recommendation-overlay-close{position:absolute;top:2.3rem;right:2rem;min-width:4.25rem;min-height:2.75rem;border:0;background:transparent;color:#26727f;font:inherit;font-size:1.5625rem;font-weight:var(--font-weight-semi-bold);letter-spacing:-.1875rem;cursor:pointer}.recommendation-overlay .recommended-recipe-grid{width:100%;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem 1.125rem}.recommendation-overlay .recommended-recipe-card{--card-surface-radius:1.375rem;--card-surface-inner-radius:1.125rem;--card-surface-border-width:0.125rem;min-height:12.875rem;grid-template-columns:7.75rem minmax(0,1fr);gap:1.375rem;padding:1.625rem 1.45rem 1.5rem;border-radius:1.375rem}.recommendation-overlay .recommended-recipe-card h2{margin-bottom:.125rem;font-size:1.455rem;line-height:3.125rem;letter-spacing:-.05675rem}.recommendation-overlay .recommended-recipe-card dl{font-size:.7315rem;letter-spacing:-.05675rem}.recommendation-overlay .recommended-recipe-card dl div{grid-template-columns:3.875rem minmax(5rem,1fr);min-height:2.07875rem;line-height:2.07875rem}.recommendation-overlay .recommended-recipe-image{width:7.795rem;height:9.66rem;border-radius:.9375rem}@keyframes recommendation-overlay-in{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.complete-frame{--flow-frame-row-gap:4.13rem;grid-template-rows:auto auto auto;padding:0}.complete-frame h1{font-size:3.625rem}.complete-image-card{position:relative;width:45rem;align-self:center;border-radius:2rem;overflow:hidden}.complete-image-card .recipe-final-frame{position:relative}.final-image-placeholder{width:100%;height:100%}.confetti-layer{display:none;position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(65deg,transparent 0 48%,hsla(0,0%,100%,.52) 49% 56%,transparent 57%),linear-gradient(112deg,transparent 0 46%,hsla(0,0%,100%,.36) 47% 54%,transparent 55%);background-size:11.25rem 11.25rem,15rem 13.75rem;opacity:.82}.registration-frame{--flow-frame-row-gap:4rem;grid-template-rows:auto auto auto auto;padding:0}.registration-frame h1{font-size:5rem}.registration-panel{--card-surface-radius:2.625rem;--card-surface-inner-radius:2.125rem;--card-surface-border-width:0.25rem;--card-surface-outer-shadow:0.375rem 0.625rem 0.5rem rgba(0,0,0,.08);--card-surface-inner-top:calc(var(--card-surface-border-width) * 2);--card-surface-inner-left:calc(var(--card-surface-border-width) * 2);--card-surface-inner-right:calc(var(--card-surface-border-width) * 2);--card-surface-inner-bottom:calc(var(--card-surface-border-width) * 2);--card-surface-mask-width:58%;--card-surface-mask-height:66%;position:relative;isolation:isolate;width:57.5rem;min-height:26.25rem;align-self:center;display:grid;grid-template-columns:20.625rem minmax(0,1fr);grid-gap:3.75rem;gap:3.75rem;align-items:center;padding:4rem;border-radius:2.625rem;background:transparent}.registration-panel>:not(.card-surface){position:relative;z-index:1}.registration-preview{position:relative;width:20.625rem;border-radius:1.5rem;overflow:hidden}.registration-preview .recipe-final-frame{inset:0;position:relative}.registration-fields{--registration-label-column:5.375rem;--registration-label-gap:1.375rem;display:grid;grid-gap:2.6rem;gap:2.6rem}.registration-fields label{position:relative;display:grid;grid-template-columns:var(--registration-label-column) minmax(0,1fr);align-items:center;grid-gap:var(--registration-label-gap);gap:var(--registration-label-gap);color:#26727f;font-size:1.375rem;font-weight:var(--font-weight-regular)}.registration-input-shell{position:relative;display:block;width:100%;height:3.5rem;border-radius:2.40275rem;overflow:hidden;background:linear-gradient(180deg,rgba(154,218,217,.3),rgba(124,201,199,.3));box-shadow:inset 0 -.035rem .11rem rgba(0,0,0,.018),inset -.14rem 0 .32rem rgba(0,0,0,.028),inset .14rem 0 .32rem rgba(0,0,0,.028),inset 0 .1rem .34rem rgba(0,0,0,.03)}.registration-input-shell.is-invalid{box-shadow:0 0 0 .14rem #e2574c,inset 0 -.035rem .11rem rgba(0,0,0,.018),inset -.14rem 0 .32rem rgba(0,0,0,.028),inset .14rem 0 .32rem rgba(0,0,0,.028),inset 0 .1rem .34rem rgba(0,0,0,.03);animation:registration-field-shake .32s ease-in-out}@keyframes registration-field-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-.35rem)}40%{transform:translateX(.35rem)}60%{transform:translateX(-.2rem)}80%{transform:translateX(.2rem)}}.registration-input-shell:after,.registration-input-shell:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.registration-input-shell:before{z-index:0;background:rgba(0,0,0,.035)}.registration-input-shell:after{z-index:1;background:hsla(0,0%,82%,.34);mix-blend-mode:color-burn}.registration-fields input,.registration-fields label>span:not(.registration-input-shell){position:relative;z-index:2}.registration-fields input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:3.5rem;padding:0 1.5rem;border:0;border-radius:2.40275rem;background:transparent;color:#fff;font:inherit;font-size:1.125rem;outline:none}.registration-fields input::placeholder{color:hsla(0,0%,100%,.82)}.registration-screen .primary-pill-button{align-self:flex-end}.registration-caption{font-size:1.875rem;font-weight:var(--font-weight-regular);letter-spacing:-.1875rem;text-align:center;color:#fff}.registration-caption.is-error{color:#8b2e1d}.registration-fields .privacy-consent{margin-top:-1.2rem;margin-left:calc(var(--registration-label-column) + var(--registration-label-gap));justify-self:start;display:flex;align-items:center;gap:.6875rem;cursor:default}.privacy-consent-checkbox{flex:none;width:1.5rem;height:1.5rem;display:grid;place-items:center;border:.125rem solid #26727f;border-radius:50%;background:transparent;padding:0;cursor:pointer}.privacy-consent-checkbox[data-checked=true]{border-color:#26727f;background:#26727f}.privacy-consent.is-invalid{animation:registration-field-shake .32s ease-in-out}.privacy-consent.is-invalid .privacy-consent-checkbox{border-color:#e2574c}.privacy-consent-label{color:#26727f;font-size:1.336rem;font-weight:var(--font-weight-regular);letter-spacing:-.04rem;text-decoration:underline;text-underline-offset:.25rem;cursor:pointer}.terms-overlay{position:absolute;inset:0;z-index:40;pointer-events:auto;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35)}.terms-overlay-panel{width:min(62rem,76vw);max-height:80vh;position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);padding:2.6rem 3.5rem 3.25rem;border:.25rem solid hsla(0,0%,100%,.45);border-radius:2.5rem;background:linear-gradient(#a9dce6,#a9dce6) padding-box,linear-gradient(135deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.45) 8.56%,hsla(0,0%,100%,0) 37.96%,hsla(0,0%,100%,0) 50.19%,hsla(0,0%,100%,.15) 80.06%,hsla(0,0%,100%,0)) border-box;box-shadow:.375rem .625rem .5rem rgba(0,0,0,.08);animation:recommendation-overlay-in .18s ease-out both}.terms-overlay-close{justify-self:end;min-width:4.25rem;min-height:2.75rem;margin-bottom:.6rem;border:0;background:transparent;color:#26727f;font:inherit;font-size:1.5625rem;font-weight:var(--font-weight-semi-bold);letter-spacing:-.1875rem;cursor:pointer}.terms-overlay-body{min-height:0;overflow-y:auto;color:#26727f;font-size:1.13rem;font-weight:var(--font-weight-regular);letter-spacing:-.045rem;line-height:1.75rem}.terms-overlay-body p{margin:0}.done-frame{align-content:center;gap:4.13rem}.done-frame h1{font-size:3.75rem}.done-frame h1 span{display:block;font-size:4.3rem;margin-top:1.8rem}.done-frame p{position:absolute;left:50%;bottom:5.63rem;margin:0;transform:translateX(-50%);font-size:1.875rem;font-weight:var(--font-weight-regular);letter-spacing:-.1875rem}.done-frame .primary-pill-button{width:23.75rem}.customizer-shell{position:relative;isolation:isolate;place-items:center;padding:0;overflow:hidden;background:var(--app-bg)}.customizer-shell,.venue-gate-shell{width:100vw;height:100vh;height:100dvh;display:grid}.venue-gate-shell{place-items:center;padding:24px;background:var(--app-bg)}.venue-gate-panel{width:min(24rem,100%);display:grid;grid-gap:16px;gap:16px;padding:40px;border-radius:20px;background:#fff;box-shadow:0 20px 60px rgba(23,35,31,.16);text-align:center}.venue-gate-panel h1{margin:0;font-size:22px;font-weight:var(--font-weight-bold);color:#17231f}.venue-gate-panel p{margin:0;color:#557066;font-size:14px}.venue-gate-panel input{width:100%;min-width:0;height:56px;padding:0 16px;border:1.5px solid #d0dbd7;border-radius:12px;font:inherit;font-size:22px;letter-spacing:.4em;text-align:center;color:#17231f;background:#fff;outline:none}.venue-gate-panel input:focus{border-color:#26727f}.venue-gate-panel button{height:52px;border:0;border-radius:12px;background:#26727f;color:#fff;font:inherit;font-size:16px;font-weight:var(--font-weight-bold);cursor:pointer}.venue-gate-panel button:disabled{opacity:.5;cursor:not-allowed}.venue-gate-error{margin:0;font-size:13px;color:#c0392b}.gnb-logo{position:absolute;top:2.5rem;left:3.7rem;width:9.3rem;aspect-ratio:149.22/76;border:0;cursor:pointer}.customizer-workspace,.gnb-logo{padding:0;background:transparent}.customizer-workspace{--step-to-title-gap:4.9rem;--title-to-content-gap:4.7rem;position:relative;width:100vw;height:100vh;height:100dvh;font-size:1rem;margin:0 auto;display:grid;grid-template-rows:auto auto auto;justify-items:center;align-content:center;grid-row-gap:0;row-gap:0;overflow:hidden}.customizer-header{display:none}.customizer-eyebrow{margin:0 0 .4375rem;color:rgba(24,34,30,.62);font-size:.78rem;font-weight:var(--font-weight-bold);letter-spacing:.16em;text-transform:uppercase}.customizer-header h1{margin:0;font-size:3.6rem;line-height:1.08}.option-button,.replay-button{border:1px solid rgba(24,34,30,.18);border-radius:8px;background:rgba(255,252,246,.78);color:#18221e;font:inherit;cursor:pointer}.replay-button{min-height:2.625rem;padding:0 1rem;font-weight:var(--font-weight-bold)}.step-progress{--step-progress-padding:0.25rem;--active-step-offset:0%;width:min(36.25rem,100%);min-height:3.125rem;margin:0 auto var(--step-to-title-gap);padding:var(--step-progress-padding);position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:0;gap:0;overflow:hidden;border-radius:56.337px;background:linear-gradient(0deg,hsla(0,0%,82%,.1),hsla(0,0%,82%,.1)),rgba(0,0,0,.08);background-blend-mode:color-burn,normal;box-shadow:inset 0 -1.127px 3.38px 0 rgba(0,0,0,.03),inset -4.507px 0 10.141px 0 rgba(0,0,0,.05),inset 4.507px 0 10.141px 0 rgba(0,0,0,.05),inset 0 3.38px 10.141px 0 rgba(0,0,0,.05)}.step-progress-active-pill{position:absolute;top:var(--step-progress-padding);bottom:var(--step-progress-padding);left:var(--step-progress-padding);z-index:0;width:calc((100% - (var(--step-progress-padding) * 2)) / 3);border-radius:999px;pointer-events:none;transform:translate3d(var(--active-step-offset),0,0);transition:transform .26s cubic-bezier(.2,.8,.2,1);will-change:transform}.step-dot{min-width:0;min-height:2.625rem;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;color:hsla(0,0%,100%,.82);font:inherit;font-size:1rem;font-weight:var(--font-weight-medium);transition:color .16s ease,font-weight .16s ease}.step-dot[data-active=true]{color:#fff;font-weight:var(--font-weight-bold)}.customizer-workspace:is([data-mode=base-select],[data-step=espresso],[data-step^=topping]) .step-progress{width:55.5625rem;--step-progress-padding:0.352rem;min-height:4.6478rem;border:0}.customizer-workspace:is([data-mode=base-select],[data-step=espresso],[data-step^=topping]) .step-progress-active-pill{background:linear-gradient(70deg,#4fb9cc 10.99%,#9ed9e4 89.01%)}.customizer-workspace:is([data-mode=base-select],[data-step=espresso],[data-step^=topping]) .step-dot{min-height:3.9436rem;font-size:1.6901rem;font-weight:var(--font-weight-medium);letter-spacing:-.0507rem}.customizer-workspace:is([data-mode=base-select],[data-step=espresso],[data-step^=topping]) .step-dot[data-active=true]{font-weight:var(--font-weight-bold)}.flow-title{margin:0 0 var(--title-to-content-gap);color:#fff;text-align:center;font-size:2.75rem;font-weight:var(--font-weight-black);line-height:1.1}.customizer-workspace:is([data-mode=base-select]) .flow-title{margin:0 0 3rem}.customizer-workspace:is([data-mode=base-select],[data-step=espresso],[data-step^=topping]) .flow-title{font-size:3.75rem;font-weight:var(--font-weight-semi-bold);line-height:1.2;letter-spacing:-.1875rem}.customizer-workspace:is([data-step=espresso],[data-step^=topping]){--step-layout-width:74.25rem;--step-preview-width:38.375rem;--step-layout-column-gap:2.75rem;--step-layout-row-gap:4.8rem}.customizer-workspace[data-step=espresso]{--step-panel-width:32.875rem;--step-option-grid-gap:1rem}.customizer-workspace[data-step^=topping]{--step-panel-width:25rem;--step-option-grid-gap:2rem 1.5rem;--topping-option-button-width:25rem;--topping-option-button-padding-y:3.5rem;--topping-option-button-radius:1.75rem;--topping-option-button-inner-radius:1.375rem;--topping-option-label-size:2.5rem}.customizer-workspace[data-step=toppingA1]:has(.option-group[data-option-count-mode=non-three]){--step-layout-width:93.1875rem;--step-panel-width:40rem;--topping-option-button-width:19.3rem;--topping-option-button-radius:1.5rem;--topping-option-button-inner-radius:1.125rem}.customizer-workspace:is([data-step=espresso],[data-step^=topping]) .customizer-layout{width:var(--step-layout-width);grid-template-columns:var(--step-preview-width) var(--step-panel-width);column-gap:var(--step-layout-column-gap);row-gap:var(--step-layout-row-gap);align-items:center}.customizer-workspace:is([data-step=espresso],[data-step^=topping]) .preview-zone{width:var(--step-preview-width);border-radius:2.375rem;background:#fff}.customizer-workspace:is([data-step=espresso],[data-step^=topping]) .cup-stage{width:100%}.customizer-workspace:is([data-step=espresso],[data-step^=topping]) .step-panel{width:var(--step-panel-width);place-items:stretch;align-content:start}.customizer-layout{width:min(70rem,72%);grid-template-columns:minmax(31.25rem,33.75rem) minmax(22.5rem,26.875rem);grid-column-gap:3.375rem;column-gap:3.375rem;grid-row-gap:2.125rem;row-gap:2.125rem;justify-content:center}.base-selection-screen,.customizer-layout{height:auto;min-height:0;display:grid;grid-template-rows:auto auto;align-items:center}.base-selection-screen{width:100%;margin:0 auto;justify-items:center;grid-gap:4.8rem;gap:4.8rem}.customizer-workspace[data-mode=base-select] .base-selection-screen{align-content:center;align-items:center}.preview-zone{width:33.375rem;min-height:0;display:grid;place-items:center;padding:0;border:0;border-radius:2.5rem;overflow:hidden;background:transparent}.step-panel{width:100%;min-height:0;display:grid;place-items:center stretch;align-content:center;grid-gap:.875rem;gap:.875rem;padding:0;border:0;border-radius:0;background:transparent}.step-copy{display:none}.step-copy p{margin:0;color:rgba(24,34,30,.58);font-size:.78rem;font-weight:var(--font-weight-extra-bold);letter-spacing:.14em;text-transform:uppercase}.step-copy h2{margin:0;font-size:clamp(1.8rem,3vw,3.2rem);line-height:1}.step-copy strong{width:-moz-fit-content;width:fit-content;max-width:100%;padding:.5rem .625rem;border:1px solid rgba(128,83,57,.2);border-radius:8px;background:rgba(128,83,57,.08);color:#805339;overflow-wrap:anywhere;font-size:.9rem}.option-group{margin:0;padding:0;border:0;background:transparent}.option-group[data-layout=base]{width:min(73.625rem,86%);align-self:center}.option-group[data-layout=side]{width:100%;align-self:center}.option-group legend{width:1px;height:1px;position:absolute;overflow:hidden;clip:rect(0 0 0 0)}.option-grid{display:grid;grid-gap:1.125rem;gap:1.125rem}.option-group[data-layout=base] .option-grid{grid-template-columns:repeat(3,22.625rem);justify-content:center;gap:2.8rem 2.5rem}.option-group[data-layout=side] .option-grid{grid-template-columns:minmax(0,1fr);gap:1.125rem}.option-button{--card-surface-radius:1.125rem;--card-surface-inner-radius:0.88rem;--card-surface-border-width:0.125rem;--card-surface-outer-shadow:inset 0 0 0 0.125rem hsla(0,0%,100%,.08),0 0.625rem 1.125rem rgba(24,34,30,.08);--card-surface-inner-top:calc(var(--card-surface-border-width) * 2);--card-surface-inner-left:calc(var(--card-surface-border-width) * 2);--card-surface-inner-right:calc(var(--card-surface-border-width) * 2);--card-surface-inner-bottom:calc(var(--card-surface-border-width) * 2);--card-surface-mask-width:60%;--card-surface-mask-height:68%;position:relative;isolation:isolate;min-height:9.75rem;padding:1.375rem 1.625rem;display:grid;align-items:center;grid-gap:14px;gap:14px;border:0;border-radius:1.125rem;background:transparent;box-shadow:none;color:#fff;text-align:left;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,outline .16s ease}.option-button>*{position:relative;z-index:1}.option-button>.card-surface{z-index:0}.card-surface{z-index:0;top:0;left:0;width:100%;height:100%;pointer-events:none}.card-surface,.card-surface>span{position:absolute;display:block}.card-surface-outer{top:0;left:0;width:100%;height:100%;border:var(--card-surface-border-width,.1875rem) solid transparent;border-radius:var(--card-surface-radius,2.5rem);background:linear-gradient(117deg,var(--card-color-outer) 11.6%,var(--card-color-base) 96.9%) padding-box,linear-gradient(100deg,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.7) 50%,hsla(0,0%,100%,.1) 100%) border-box;box-shadow:var(
    --card-surface-outer-shadow,.0625rem 2.5rem 1.25rem -.9375rem rgba(0,0,0,.05)
  )}.card-surface-highlight,.card-surface-inner,.card-surface-mask{top:var(--card-surface-inner-top,calc(var(--card-surface-border-width, .1875rem) * 2));right:var(--card-surface-inner-right,calc(var(--card-surface-border-width, .1875rem) * 2));bottom:var(--card-surface-inner-bottom,calc(var(--card-surface-border-width, .1875rem) * 2));left:var(--card-surface-inner-left,calc(var(--card-surface-border-width, .1875rem) * 2));border-radius:var(--card-surface-inner-radius,2.0625rem)}.card-surface-inner{border:var(--card-surface-border-width,.1875rem) solid transparent;background:linear-gradient(116deg,var(--card-color-inner) 11.1%,var(--card-color-base) 89.2%) padding-box,linear-gradient(135deg,hsla(0,0%,100%,.75) 0,hsla(0,0%,100%,.45) 30%,hsla(0,0%,100%,.12) 60%,hsla(0,0%,100%,.04) 100%) border-box}.card-surface-highlight{background:linear-gradient(133.79deg,hsla(0,0%,100%,0) 72.36%,hsla(0,0%,100%,.528) 104.23%,hsla(0,0%,100%,.6) 109.81%)}.card-surface-mask{overflow:hidden}.card-surface-mask>span{position:absolute;display:block}.card-surface-mask-shape{inset:0;border-radius:inherit;opacity:0}.card-surface-mask-vector{top:0;left:0;width:var(--card-surface-mask-width,15.0625rem);height:var(--card-surface-mask-height,10.8125rem);background-image:url(/assets/card_svg.svg);background-position:0 0;background-repeat:no-repeat;background-size:100% auto}.option-button:hover:not(:disabled){transform:translateY(-1px)}.option-button[data-selected=true]{outline:.18rem solid #fff}.option-button:disabled{cursor:not-allowed;opacity:.34}.option-group[data-layout=base] .option-button{--card-surface-radius:2rem;--card-surface-inner-radius:1.625rem;--card-surface-border-width:0.1875rem;--card-surface-outer-shadow:0.0625rem 2.5rem 1.25rem -0.9375rem rgba(0,0,0,.05);--card-surface-inner-top:calc(var(--card-surface-border-width) * 2);--card-surface-inner-left:calc(var(--card-surface-border-width) * 2);--card-surface-inner-right:calc(var(--card-surface-border-width) * 2);--card-surface-inner-bottom:calc(var(--card-surface-border-width) * 2);--card-surface-mask-width:13.375rem;--card-surface-mask-height:9.625rem;width:22.625rem;height:16.6667rem;min-height:0;padding:0;gap:0;isolation:isolate;grid-template-rows:auto auto;justify-items:center;align-content:center;overflow:visible;border:0;border-radius:2rem;background:transparent;box-shadow:none;text-align:center}.option-group[data-layout=base] .option-button:hover:not(:disabled){box-shadow:none}.option-group[data-layout=base] .option-button:hover:not(:disabled) .card-surface-outer{border-color:hsla(0,0%,100%,.16)}.option-group[data-layout=base] .option-button[data-selected=true]{box-shadow:none}.option-group[data-layout=base] .option-button[data-selected=true] .card-surface-outer{border-color:hsla(0,0%,100%,.18)}.option-group[data-layout=side] .option-button{min-height:10.875rem;grid-template-columns:1fr 7.25rem;text-align:left}.customizer-workspace:is([data-step=espresso],[data-step^=topping]) .option-group[data-layout=side] .option-grid{gap:var(--step-option-grid-gap)}.customizer-workspace[data-step=toppingA1] .option-group[data-layout=side][data-option-count-mode=non-three] .option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customizer-workspace:is([data-step=espresso],[data-step^=topping]) .option-group[data-layout=side] .option-button{--card-surface-border-width:0.1875rem;--card-surface-outer-shadow:0.0625rem 2.1875rem 1.25rem -0.9375rem rgba(0,0,0,.06);--card-surface-inner-top:calc(var(--card-surface-border-width) * 2);--card-surface-inner-left:calc(var(--card-surface-border-width) * 2);--card-surface-inner-right:calc(var(--card-surface-border-width) * 2);--card-surface-inner-bottom:calc(var(--card-surface-border-width) * 2);--card-surface-mask-width:58%;--card-surface-mask-height:66%;min-height:0;background:transparent;color:#26727f}.customizer-workspace[data-step=espresso] .option-group[data-layout=side] .option-button{--card-surface-radius:2.375rem;--card-surface-inner-radius:1.9375rem;width:32.875rem;height:16.375rem;grid-template-columns:minmax(0,1fr) 13.9375rem;gap:.875rem;padding:0 1.625rem 0 4.2rem;border-radius:2.375rem;overflow:visible}.customizer-workspace[data-step^=topping] .option-group[data-layout=side] .option-button{--card-surface-radius:var(--topping-option-button-radius);--card-surface-inner-radius:var(--topping-option-button-inner-radius);width:var(--topping-option-button-width);grid-template-columns:minmax(0,1fr);justify-items:center;align-items:center;padding:var(--topping-option-button-padding-y) 0;border-radius:var(--topping-option-button-radius);text-align:center}.customizer-workspace:is([data-step=espresso],[data-step^=topping]) .option-group[data-layout=side] .option-button[data-selected=true]{outline:0}.customizer-workspace:is([data-step=espresso],[data-step^=topping]) .option-group[data-layout=side] .option-button[data-selected=true] .card-surface-outer{border-color:hsla(0,0%,100%,.95)}.option-thumbnail{position:relative;width:5.625rem;height:5.625rem;display:block;border-radius:50%;background:hsla(0,0%,100%,.88);box-shadow:0 .5rem 1.125rem rgba(24,34,30,.08)}.option-thumbnail img{object-fit:contain}.option-group[data-layout=base] .option-thumbnail{width:8.5rem;height:8.5rem;border-radius:1.25rem;box-shadow:none}.option-group[data-layout=side] .option-thumbnail{width:7rem;height:7rem;grid-column:2;grid-row:1/span 2}.customizer-workspace[data-step=espresso] .option-group[data-layout=side] .option-thumbnail{width:13.9375rem;height:13.9375rem;grid-column:2;grid-row:1;align-self:center;border-radius:0;background:transparent;box-shadow:none}.option-button>span:not(.option-thumbnail):not(.card-surface){min-width:0;overflow-wrap:anywhere;font-size:1.75rem;font-weight:var(--font-weight-black);line-height:1.15}.option-copy{display:grid}.customizer-workspace .option-copy{position:relative}.customizer-workspace .option-copy .option-pick-badge{display:none;position:absolute;left:0;top:-4.2rem;width:11.1875rem;height:4.0625rem}.customizer-workspace[data-step=espresso] .option-copy{width:15rem;align-self:center;justify-items:start;color:#26727f;font-weight:var(--font-weight-semi-bold);line-height:1.1;letter-spacing:-.1875rem}.customizer-workspace[data-step^=topping] .option-copy{justify-items:center;color:#26727f;font-size:var(--topping-option-label-size);font-weight:var(--font-weight-semi-bold);line-height:1.1;letter-spacing:-.1875rem;text-align:center}.customizer-workspace[data-step^=topping] .option-pick-badge{left:-4.7rem}.customizer-workspace[data-step=espresso] .option-eyebrow{font-size:1.875rem;font-weight:var(--font-weight-semi-bold)}.customizer-workspace[data-step=espresso] .option-label{font-size:2.5rem;font-weight:var(--font-weight-bold)}.customizer-workspace[data-step^=topping] .option-label{font-size:var(--topping-option-label-size);font-weight:var(--font-weight-semi-bold)}.option-group[data-layout=base] .option-button>span:not(.option-thumbnail):not(.card-surface){margin-top:1.13rem;color:#26727f;font-size:1.875rem;font-weight:var(--font-weight-semi-bold);line-height:1.2;letter-spacing:-.05625rem;text-align:center}.option-button small{display:none}.flow-actions{width:100%;position:relative;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.flow-arrow-group{grid-column:2;display:flex;gap:1.87rem}.flow-arrow-button{width:4.5rem;height:4.5rem;border:0;border-radius:50%;background:hsla(0,0%,100%,.46);color:#fff;font:inherit;font-size:1.7rem;font-weight:var(--font-weight-extra-bold);cursor:pointer;box-shadow:0 .5625rem .9375rem rgba(24,34,30,.12)}.flow-arrow-button img{width:1rem;height:1.75rem;margin:0 auto}.flow-arrow-button:disabled{cursor:not-allowed;opacity:.36}.recommendation-button{position:relative;min-height:3.25rem;min-width:12.75rem;padding:0 1.625rem;margin-left:13.6rem;border:0;border-radius:999px;background:hsla(0,0%,100%,.28);color:#fff;font:inherit;font-weight:var(--font-weight-black);cursor:pointer;box-shadow:0 .5625rem .9375rem rgba(24,34,30,.12)}.flow-action-status{width:1px;height:1px;position:absolute;overflow:hidden;clip:rect(0 0 0 0)}.customizer-layout .flow-actions{grid-column:1/-1}.customizer-workspace:is([data-mode=base-select],[data-step=espresso],[data-step^=topping]) .recommendation-button{width:17.3rem;min-height:4.3125rem;padding:0 1.875rem;overflow:hidden;border:.25rem solid hsla(0,0%,100%,.45);border-radius:2.5rem;background:hsla(0,0%,100%,.24);box-shadow:.375rem .625rem .5rem rgba(0,0,0,.08);font-size:1.5625rem;font-weight:var(--font-weight-bold);letter-spacing:-.046875rem}.customizer-workspace:is([data-mode=base-select],[data-step=espresso],[data-step^=topping]) .recommendation-button:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.15) 8.56%,hsla(0,0%,100%,.15) 80.06%,hsla(0,0%,100%,0)),#a0dfe0;pointer-events:none;z-index:-1}.cup-stage{position:relative;width:33.375rem;min-height:0;aspect-ratio:1440/1272;isolation:isolate}.recipe-final-frame,.recipe-sequence-frame{position:absolute;inset:0;z-index:8;display:grid;place-items:center;pointer-events:none;background:hsla(0,0%,100%,.001)}.recipe-final-frame[data-missing=true]{border-radius:18px;background:hsla(0,0%,100%,.12)}.recipe-final-frame[data-transition=reveal]:not([data-missing=true]){animation:final-product-reveal .62s ease-in-out both}.recipe-sequence-frame:after{content:"";position:absolute;inset:0;z-index:2;background:#fff;opacity:0;pointer-events:none}.recipe-sequence-frame[data-transition=fade-in]:after{animation:sequence-white-cover-in .26s ease forwards}.recipe-sequence-frame[data-transition=fade-out]:after{animation:sequence-white-cover-out .16s ease forwards}.recipe-final-frame img,.recipe-sequence-frame canvas,.recipe-sequence-frame img{width:100%;max-width:100%;aspect-ratio:1440/1272;object-fit:contain;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes final-product-reveal{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}@keyframes sequence-white-cover-in{0%{opacity:0}to{opacity:1}}@keyframes sequence-white-cover-out{0%{opacity:1}to{opacity:0}}.cup-back,.cup-front,.cup-rim,.inner-shadow,.liquid-surfaces,.masked-contents,.topping-layers{position:absolute}.cup-back{inset:0;z-index:0}.cup-glass-fill{fill:hsla(0,0%,100%,.17);stroke:rgba(24,34,30,.1);stroke-width:1}.cup-bottom-back,.cup-rim-back{fill:hsla(0,0%,100%,.08);stroke:rgba(24,34,30,.12);stroke-width:.9}.liquid-surfaces,.masked-contents,.topping-layers{inset:25% 19% 18%}.masked-contents{z-index:1;overflow:hidden;-webkit-clip-path:polygon(2% 0,98% 0,80% 100%,20% 100%);clip-path:polygon(2% 0,98% 0,80% 100%,20% 100%)}.liquid-surfaces{z-index:2}.liquid-surfaces,.topping-layers{overflow:visible;pointer-events:none}.topping-layers{z-index:3}.drink-layer{position:absolute;left:0;right:0;bottom:0}.liquid-body-layer{transform-origin:bottom;overflow:hidden}.surface-layer{left:0;right:0;height:0;overflow:visible;pointer-events:none}.liquid-body,.liquid-bottom-edge,.liquid-surface,.surface-layer{position:absolute}.liquid-body{inset:0}.liquid-surface{left:var(--surface-inset,8%);right:var(--surface-inset,8%);bottom:-11px;height:clamp(20px,7.5vw,28px);border-radius:50%;background:radial-gradient(ellipse at 50% 35%,var(--surface-glow,hsla(0,0%,100%,.54)),transparent 58%),linear-gradient(180deg,var(--surface-accent),var(--surface-fill));border:1px solid var(--surface-border,hsla(0,0%,100%,.46));box-shadow:inset 0 -5px 8px var(--surface-inset-shadow,rgba(24,34,30,.08)),0 1px 3px var(--surface-drop-shadow,rgba(24,34,30,.06))}.liquid-surface:after{bottom:10%;height:42%;border-bottom:1px solid var(--surface-bottom-line,rgba(24,34,30,.12))}.liquid-surface:after,.liquid-surface:before{content:"";position:absolute;left:4%;right:4%;border-radius:50%}.liquid-surface:before{top:7%;height:46%;border-top:1px solid var(--surface-top-line,hsla(0,0%,100%,.58));z-index:1}.liquid-bottom-edge{left:var(--surface-inset,8%);right:var(--surface-inset,8%);bottom:-11px;height:clamp(18px,7vw,25px);border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 50% 35%,hsla(0,0%,100%,.14),transparent 62%),linear-gradient(180deg,transparent,rgba(24,34,30,.08));border-bottom:1px solid var(--surface-bottom-line,rgba(24,34,30,.12));box-shadow:inset 0 -4px 8px rgba(24,34,30,.08)}.base-layer{--surface-fill:var(--base-fill);--surface-accent:var(--base-accent)}.base-layer.liquid-body-layer{z-index:1;height:var(--base-level);animation:base-rise .76s cubic-bezier(.2,.8,.2,1) both}.base-surface-layer{bottom:var(--base-level);animation:base-surface-rise .76s cubic-bezier(.2,.8,.2,1) both;--surface-inset:var(--base-surface-inset)}.base-layer .liquid-body{background:linear-gradient(90deg,hsla(0,0%,100%,.28),transparent 22%,rgba(0,0,0,.08) 88%),linear-gradient(180deg,var(--base-accent),var(--base-fill))}.base-blueSyrupMilk .liquid-body,.base-icedTea .liquid-body,.base-water .liquid-body{background:radial-gradient(circle at 24% 28%,hsla(0,0%,100%,.78) 0 2px,transparent 3px),radial-gradient(circle at 70% 52%,hsla(0,0%,100%,.58) 0 2px,transparent 3px),linear-gradient(180deg,var(--base-accent),var(--base-fill))}.base-lemonSlush .liquid-body,.base-vanillaIcecream .liquid-body{background:radial-gradient(circle at 34% 22%,var(--base-accent) 0 20%,transparent 21%),radial-gradient(circle at 62% 18%,hsla(0,0%,100%,.76) 0 17%,transparent 18%),radial-gradient(circle at 49% 34%,var(--base-fill) 0 29%,transparent 30%),linear-gradient(180deg,transparent 0 18%,var(--base-fill) 19% 100%)}.espresso-layer{--surface-fill:rgba(36,22,15,.9);--surface-accent:rgba(72,42,25,.9);--surface-glow:rgba(137,78,43,.16);--surface-border:rgba(80,45,27,.34);--surface-top-line:rgba(132,78,45,.36);--surface-bottom-line:rgba(31,18,12,.24);--surface-inset-shadow:rgba(15,9,6,.14);--surface-drop-shadow:rgba(55,31,18,.1)}.espresso-layer.liquid-body-layer{z-index:2;height:var(--espresso-height);bottom:var(--espresso-bottom);animation:espresso-fill .52s ease-out both}.espresso-layer .liquid-body{background:linear-gradient(90deg,hsla(0,0%,100%,.06),transparent 26%,rgba(0,0,0,.08) 88%),linear-gradient(180deg,rgba(72,42,25,.9),rgba(43,26,18,.88) 68%,rgba(38,23,16,.88))}.espresso-surface-layer .liquid-surface{bottom:-11px;height:clamp(18px,5.2vw,22px);background:radial-gradient(ellipse at 50% 24%,rgba(95,55,32,.62),rgba(49,29,19,.88) 58%,rgba(28,17,12,.86) 76%),linear-gradient(180deg,rgba(72,42,25,.88),rgba(36,22,15,.9));box-shadow:inset 0 2px 4px rgba(126,73,42,.12),inset 0 -4px 7px rgba(14,8,6,.16)}.espresso-layer .liquid-bottom-edge{bottom:-4px;height:clamp(13px,3.8vw,16px);background:radial-gradient(ellipse at 50% 20%,rgba(60,35,22,.72),rgba(38,23,16,.58) 58%,rgba(18,10,7,.1) 74%),linear-gradient(180deg,rgba(50,30,20,.68),rgba(24,14,10,.12));border-bottom-color:rgba(24,14,10,.16);border-top:1px solid rgba(93,54,32,.16);box-shadow:inset 0 1px 3px rgba(102,59,34,.1),inset 0 -2px 4px rgba(17,10,7,.1)}.espresso-surface-layer{bottom:calc(var(--espresso-bottom) + var(--espresso-height));animation:espresso-surface-rise .52s ease-out both;--surface-inset:var(--espresso-surface-inset)}.espresso-join-edge-layer{bottom:var(--espresso-bottom);animation:espresso-join-appear .18s ease-out both;--surface-inset:var(--espresso-join-inset)}.topping-layer{z-index:3;bottom:var(--topping-bottom);height:22%;animation:topping-land .46s cubic-bezier(.2,.9,.25,1.1) .9s both}.topping-a1-whippedCream{background:radial-gradient(circle at 50% 18%,#fffdf7 0 13%,transparent 14%),radial-gradient(circle at 34% 47%,#f8f1df 0 20%,transparent 21%),radial-gradient(circle at 66% 49%,#fff 0 21%,transparent 22%),radial-gradient(ellipse at 50% 69%,hsla(43,68%,93%,.98) 0 35%,transparent 36%)}.topping-a1-icecream{background:radial-gradient(circle at 50% 48%,#fff0d2 0 36%,transparent 37%),radial-gradient(circle at 35% 58%,hsla(0,0%,100%,.82) 0 16%,transparent 17%)}.topping-a2-cookie{background:radial-gradient(circle at 45% 42%,#6d3f2d 0 3px,transparent 4px),radial-gradient(circle at 55% 58%,#6d3f2d 0 3px,transparent 4px),radial-gradient(ellipse at 50% 50%,#bd8452 0 28%,transparent 29%)}.topping-a2-chocoPowder{background:radial-gradient(circle at 35% 32%,#8f5c38 0 2px,transparent 3px),radial-gradient(circle at 45% 56%,#b8794a 0 2px,transparent 3px),radial-gradient(circle at 58% 36%,#8f5c38 0 2px,transparent 3px),radial-gradient(circle at 67% 60%,#c28a58 0 2px,transparent 3px)}.topping-b-mint{background:radial-gradient(ellipse at 42% 42%,#58a765 0 12%,transparent 13%),radial-gradient(ellipse at 58% 42%,#7bc982 0 12%,transparent 13%),radial-gradient(ellipse at 50% 58%,#4f995f 0 12%,transparent 13%)}.topping-b-fruitChip{background:radial-gradient(circle at 38% 42%,#ffb75d 0 8%,transparent 9%),radial-gradient(circle at 54% 52%,#f46b6b 0 8%,transparent 9%),radial-gradient(circle at 65% 38%,#f4df6b 0 7%,transparent 8%)}.inner-shadow{inset:25% 19% 18%;z-index:5;pointer-events:none;-webkit-clip-path:polygon(2% 0,98% 0,80% 100%,20% 100%);clip-path:polygon(2% 0,98% 0,80% 100%,20% 100%);box-shadow:inset 14px 0 22px rgba(24,34,30,.18),inset -14px 0 22px hsla(0,0%,100%,.24)}.cup-front{inset:0;z-index:6}.cup-bottom-front,.cup-bottom-inner,.cup-side-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.cup-side-line{stroke:rgba(24,34,30,.12);stroke-width:1.4}.cup-bottom-front{stroke:rgba(24,34,30,.18);stroke-width:2}.cup-bottom-inner{stroke:rgba(24,34,30,.1);stroke-width:1}.cup-rim{inset:0;z-index:7;pointer-events:none}.cup-rim-line{fill:hsla(0,0%,100%,.04);stroke:rgba(24,34,30,.16);stroke-width:1.8}.cup-rim-front{fill:none;stroke:rgba(24,34,30,.24);stroke-width:1.8;stroke-linecap:round}.debug-zone{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.review-stack{min-height:0;display:grid;align-content:start;grid-gap:14px;gap:14px;overflow:auto}.recipe-submit-panel{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;padding:14px;border:1px solid rgba(24,34,30,.12);border-radius:8px;background:rgba(255,252,246,.78)}.phone-lookup-input,.recipe-submit-panel label{min-width:0;display:grid;grid-gap:6px;gap:6px}.recipe-submit-panel span{color:#26727f;font-size:.76rem;font-weight:var(--font-weight-extra-bold)}.phone-lookup-input input,.recipe-submit-panel input{min-width:0;height:42px;padding:0 12px;border:1px solid rgba(24,34,30,.16);border-radius:8px;background:hsla(0,0%,100%,.72);color:#17231f;font:inherit;font-size:.9rem}.recipe-submit-panel input:focus{outline:2px solid rgba(29,75,66,.2);border-color:rgba(29,75,66,.48)}.recipe-save-status{grid-column:1/-1;font-size:.82rem}.state-panel{min-width:0;padding:14px;border:1px solid rgba(24,34,30,.12);border-radius:8px;background:rgba(255,252,246,.78)}.state-panel h2{margin:0 0 10px;color:#805339;font-size:.82rem;text-transform:uppercase}.state-panel pre{margin:0;white-space:pre-wrap;color:#17231f;font-size:.78rem;line-height:1.45}.asset-list{display:grid;grid-gap:6px;gap:6px;margin:0;padding:0;list-style:none}.asset-list li{min-width:0;display:grid;grid-template-columns:120px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:baseline}.asset-list span{color:rgba(24,34,30,.64);font-size:.76rem;font-weight:var(--font-weight-extra-bold)}.asset-list code{min-width:0;overflow-wrap:anywhere;color:#26727f;font-size:.76rem}.metric-panel p{margin:0;color:#26727f;font-size:clamp(1.1rem,2vw,1.7rem);font-weight:var(--font-weight-black)}.recipe-submit-panel{display:grid;grid-gap:12px;gap:12px}.recipe-submit-panel label{display:grid;grid-gap:7px;gap:7px;color:rgba(24,34,30,.72);font-size:.82rem;font-weight:var(--font-weight-extra-bold)}.recipe-submit-panel input{width:100%;min-height:44px;border:1px solid rgba(24,34,30,.18);border-radius:8px;background:hsla(0,0%,100%,.74);color:#18221e;font:inherit;padding:0 12px}.recipe-save-status{margin:0;padding:10px 12px;border-radius:8px;background:rgba(29,75,66,.08);color:#26727f;font-weight:var(--font-weight-extra-bold);overflow-wrap:anywhere}.recipe-save-status.is-error{background:rgba(161,50,36,.1);color:#8b2e1d}.recipe-complete-panel{display:grid;grid-gap:12px;gap:12px;padding:16px;border:1px solid rgba(29,75,66,.16);border-radius:8px;background:rgba(232,245,238,.76)}.recipe-complete-panel h3,.recipe-complete-panel p{margin:0}.recipe-complete-panel h3{font-size:1.25rem}.recipe-complete-panel p{color:rgba(24,34,30,.72);line-height:1.5}.recipe-complete-kicker,.recipe-public-kicker{margin:0;color:rgba(29,75,66,.74);font-size:.78rem;font-weight:var(--font-weight-black);letter-spacing:.14em;text-transform:uppercase}.recipe-complete-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.recipe-complete-grid div{display:grid;grid-gap:4px;gap:4px;padding:10px;border-radius:8px;background:hsla(0,0%,100%,.58)}.recipe-complete-grid span{color:rgba(24,34,30,.58);font-size:.76rem;font-weight:var(--font-weight-extra-bold)}.recipe-complete-grid strong,.recipe-link{min-width:0;overflow-wrap:anywhere}.recipe-link{color:#26727f;font-weight:var(--font-weight-extra-bold)}body:has(.recipe-public-shell){overflow:auto;background:var(--app-bg);color:#18221e}:root:has(.recipe-public-shell){font-size:min(calc(100vw / 67.5),calc(100svh / 120),16px)}body:has(.phone-lookup-shell){overflow:hidden;background:var(--app-bg);color:#26727f}:root:has(.phone-lookup-shell){font-size:min(calc(100vw / 67.5),calc(100svh / 120),16px)}.phone-lookup-shell,.recipe-public-shell{min-height:100vh;padding:clamp(.875rem,4.8vw,2.25rem)}.recipe-public-shell{display:grid;place-items:center;position:relative;isolation:isolate;height:100vh;height:100svh;padding:0;overflow:hidden;background:var(--app-bg)}.recipe-public-shell:before{content:"";position:absolute;inset:0;z-index:0;background:url(/assets/bg_texture.webp) 50%/cover no-repeat;mix-blend-mode:multiply;opacity:.25;pointer-events:none}.recipe-public-shell>*{position:relative;z-index:1}.phone-lookup-shell{display:grid;place-items:center;height:100vh;height:100svh;padding:0;overflow:hidden;background:var(--app-bg)}.recipe-public-panel{--card-surface-radius:2.5rem;--card-surface-inner-radius:2.125rem;--card-surface-border-width:0.45rem;--card-surface-outer-shadow:0.375rem 0.625rem 0.5rem rgba(0,0,0,.08);--card-surface-inner-top:calc(var(--card-surface-border-width) * 2);--card-surface-inner-left:calc(var(--card-surface-border-width) * 2);--card-surface-inner-right:calc(var(--card-surface-border-width) * 2);--card-surface-inner-bottom:calc(var(--card-surface-border-width) * 2);--card-surface-mask-width:58%;--card-surface-mask-height:66%;position:relative;isolation:isolate;container-type:inline-size;width:50rem;display:grid;border:0;border-radius:2.5rem;background:transparent;box-shadow:none;color:#26727f}.recipe-public-message-panel{width:min(42rem,100%);margin:0 auto;padding:2rem;border:1px solid rgba(24,34,30,.12);border-radius:.5rem;background:rgba(255,252,246,.78);box-shadow:0 18px 60px rgba(69,58,28,.08)}.phone-lookup-frame{--flow-frame-row-gap:0;grid-template-rows:auto;align-content:center;justify-items:center;transform:translateY(-1.75rem)}.phone-lookup-form{width:100%;display:grid;grid-template-rows:auto auto auto;justify-items:center;grid-row-gap:6.4375rem;row-gap:6.4375rem}.phone-lookup-panel{--card-surface-radius:2.5rem;--card-surface-inner-radius:2.0625rem;--card-surface-border-width:0.25rem;--card-surface-outer-shadow:0.0625rem 2.5rem 1.25rem -0.9375rem rgba(31,98,99,.16);--card-surface-inner-top:0.9375rem;--card-surface-inner-left:1.09375rem;--card-surface-inner-right:1.09375rem;--card-surface-inner-bottom:0.9375rem;--card-surface-mask-width:32.5rem;--card-surface-mask-height:24.875rem;position:relative;isolation:isolate;width:56.0540625rem;display:grid;justify-items:center;border:0;border-radius:2.5rem;background:transparent;color:#26727f}.phone-lookup-panel>:not(.card-surface){position:relative;z-index:1}.phone-lookup-panel-inner{position:relative;width:100%;display:grid;justify-items:center;align-content:start;padding:5.4rem 6.5rem 9rem}.phone-lookup-panel h1{width:max-content;margin:0;color:#26727f;font-size:3.4375rem;font-weight:var(--font-weight-semi-bold);letter-spacing:-.10313rem;text-align:center}.phone-lookup-input{width:100%;margin-top:8rem;min-width:0;display:grid;grid-gap:2rem;gap:2rem}.phone-lookup-input-label{color:#26727f;font-size:2.4rem;font-weight:var(--font-weight-regular);letter-spacing:-.121rem;line-height:1}.phone-lookup-input-shell{width:100%;height:8rem;border-radius:3.5625rem}.phone-lookup-input input{position:relative;z-index:2;width:100%;min-width:0;height:100%;padding:0 2.625rem;border:0;border-radius:inherit;background:transparent;color:#fff;font:inherit;font-size:2.5rem;font-weight:var(--font-weight-light);letter-spacing:0;line-height:1;outline:none}.phone-lookup-input input::placeholder{color:hsla(0,0%,100%,.92);opacity:1}.phone-lookup-input input:focus{outline:.1875rem solid hsla(0,0%,100%,.62);outline-offset:.1875rem}.phone-lookup-submit{width:40rem;min-width:40rem;height:9.375rem;letter-spacing:0}.phone-lookup-error{width:51.5rem;margin:-4.75rem 0 0;color:#fff;font-size:1.4rem;font-weight:var(--font-weight-semi-bold);line-height:1.35;text-align:center;text-shadow:0 .125rem .35rem rgba(31,98,99,.32)}.recipe-public-card-inner{width:100%;height:100%;min-height:0;padding:5.5625rem 5.9375rem;display:grid;grid-template-rows:auto auto auto auto;justify-items:center;align-content:start;grid-row-gap:0;row-gap:0}.recipe-public-card-inner>*,.recipe-public-panel>:not(.card-surface){position:relative;z-index:1}.recipe-public-logo{width:13rem;aspect-ratio:181.457/78.85}.recipe-public-title{width:100%;min-width:0;margin-top:2.4375rem;color:#26727f;text-align:center}.recipe-public-title h1,.recipe-public-title p{max-width:100%;margin:0;color:#26727f;font-size:3.4375rem;letter-spacing:-.03em;line-height:1.18;text-align:center;overflow-wrap:break-word}.recipe-public-title p{font-weight:var(--font-weight-semi-bold)}.recipe-public-title h1,.recipe-public-title strong{font-weight:var(--font-weight-bold)}.recipe-public-title span{font-weight:var(--font-weight-medium)}.recipe-public-preview{width:30.25rem;aspect-ratio:484/427;margin-top:2.75rem;display:grid;place-items:center;overflow:hidden;border-radius:2.5rem;background:#fff}.recipe-public-preview img{object-fit:cover}.recipe-public-preview .display-cup-stage{width:82%;aspect-ratio:1/.95}.recipe-detail-list{width:37.8125rem;margin:2.75rem 0 0;display:grid;grid-gap:0;gap:0;font-size:3.125rem;font-weight:var(--font-weight-regular);letter-spacing:-.0756em;line-height:1}.recipe-detail-list div{min-width:0;display:grid;grid-template-columns:36.198% minmax(0,1fr);align-items:start;padding:1.5rem 0;line-height:1.25;border-bottom:.0625rem solid #fff;background:transparent}.recipe-detail-list div:last-child{border-bottom:0}.recipe-detail-row-topping{align-items:start}.recipe-detail-list dt{color:#26727f;text-transform:uppercase}.recipe-detail-list dd,.recipe-detail-list dt{overflow:hidden;font:inherit;text-overflow:ellipsis}.recipe-detail-list dd{min-width:0;margin:0;text-align:right}.recipe-detail-list dd.recipe-detail-topping{position:relative;overflow:visible;text-overflow:clip;white-space:normal}.recipe-detail-topping-dummy{display:grid;visibility:hidden}.recipe-detail-topping-content{position:absolute;inset:0;display:grid;align-content:start}.recipe-detail-topping-content>span{min-width:0;overflow-wrap:break-word}.recipe-staff-control{min-height:8.372rem;display:grid;justify-items:center;align-content:center;grid-gap:.8rem;gap:.8rem;color:#26727f}.recipe-staff-toggle{width:36.8817rem;min-width:36.8817rem;letter-spacing:-.09375rem}.recipe-staff-error,.recipe-staff-status{margin:0;text-align:center;font-size:1.4rem;font-weight:var(--font-weight-bold);line-height:1.2}.recipe-staff-error{color:#b03024}.recipe-public-frame{width:67.5rem;display:grid;grid-template-rows:auto auto auto;justify-items:center;align-content:start;grid-row-gap:9.1875rem;row-gap:9.1875rem}.recipe-staff-instruction{margin:-7.1875rem 0 0;color:#fff;font-size:2rem;font-weight:var(--font-weight-regular);letter-spacing:-.05625rem;line-height:1.2;text-align:center}@keyframes base-rise{0%{height:0}to{height:var(--base-level)}}@keyframes espresso-fill{0%{height:0}to{height:var(--espresso-height)}}@keyframes base-surface-rise{0%{opacity:0;bottom:0;transform:scaleX(.86)}to{opacity:1;bottom:var(--base-level);transform:scaleX(1)}}@keyframes espresso-surface-rise{0%{opacity:0;bottom:var(--espresso-bottom);transform:scaleX(.9)}to{opacity:1;bottom:calc(var(--espresso-bottom) + var(--espresso-height));transform:scaleX(1)}}@keyframes espresso-join-appear{0%{opacity:0}to{opacity:1}}@keyframes topping-land{0%{opacity:0;transform:translateY(-18px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes topping-fall{0%{opacity:0;transform:translateY(-34px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(137,194,154,.55)}70%{box-shadow:0 0 0 14px rgba(137,194,154,0)}to{box-shadow:0 0 0 0 rgba(137,194,154,0)}}@media (min-aspect-ratio:7/3){.display-frame{box-shadow:0 0 0 1px rgba(24,34,30,.08)}}@media (max-width:720px){.customizer-shell{padding:14px}.customizer-workspace{min-height:auto}.customizer-header{align-items:flex-start;flex-direction:column}.customizer-layout,.debug-zone,.phone-lookup-panel,.recipe-public-panel{grid-template-columns:1fr}.preview-zone{min-height:420px;padding:14px}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-list li{grid-template-columns:96px minmax(0,1fr)}.recipe-complete-grid{grid-template-columns:1fr}.admin-shell{padding:16px}.admin-login-form{width:min(360px,100%);padding:24px}.admin-header{flex-wrap:wrap;row-gap:12px}.admin-stats{justify-content:flex-start}.admin-stat-card-row{grid-template-columns:1fr}.admin-toolbar{flex-wrap:wrap;height:auto}.admin-toolbar form{width:100%}.admin-list-head{display:none}.admin-card-row,.admin-list-head{grid-template-columns:1fr}.admin-card-row{align-items:start;gap:10px}.admin-card-row>.admin-recipe-main:before,.admin-card-row>div:not(.admin-recipe-main):not(.admin-row-actions):before,.admin-card-row>span:not(.admin-visibility-badge):not(.admin-message-status):before{display:block;margin-bottom:2px;color:#93a49c;font-size:11px;font-weight:var(--font-weight-bold);text-transform:uppercase}.admin-card-row>.admin-recipe-main:before{content:"레시피"}.admin-card-row>div:not(.admin-recipe-main):not(.admin-row-actions):before{content:"사용자"}.admin-card-row>span:not(.admin-visibility-badge):not(.admin-message-status):before{content:"생성"}.admin-stats-table{min-width:420px}.admin-stats-table-daily{min-width:660px}}@media (max-aspect-ratio:3/4),(max-width:720px){.mobile-route-blocker{position:fixed;z-index:2147483647;inset:0;display:grid;place-items:center;padding:1.5rem;background:linear-gradient(157deg,rgba(182,239,237,.98),rgba(76,184,184,.98));color:#26727f;text-align:center;pointer-events:auto}.mobile-route-blocker>div{width:min(26rem,100%);display:grid;grid-gap:.75rem;gap:.75rem;padding:1.5rem;border:.125rem solid hsla(0,0%,100%,.62);border-radius:1.5rem;background:hsla(0,0%,100%,.52);box-shadow:0 1rem 2rem rgba(31,98,99,.18)}.mobile-route-blocker strong{font-size:1.35rem;font-weight:var(--font-weight-black);line-height:1.25}.mobile-route-blocker span{font-size:.95rem;font-weight:var(--font-weight-semi-bold);line-height:1.45}body:has(.admin-login-shell) .mobile-route-blocker,body:has(.admin-shell) .mobile-route-blocker,body:has(.phone-lookup-shell) .mobile-route-blocker,body:has(.recipe-public-shell) .mobile-route-blocker{display:none}}@media (min-width:721px) and (max-width:2000px) and (min-height:721px){:root{font-size:16px}.waiting-logo{width:42.8125rem}}@media (min-width:1000px) and (max-width:1180px) and (min-height:760px) and (max-height:900px){:root{font-size:16px}.waiting-logo{width:49rem}}