@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Noto+Sans+KR:wght@400;500;700;900&display=swap";.audit-volume-display{width:22%!important;padding:.48% .55%!important;bottom:15.8%!important;right:1.3%!important}.audit-volume-display .audit-volume-buttons{grid-template-columns:repeat(4,1fr)!important}.audit-volume-display .audit-technique-title{border-top:1px solid #72898052;margin-top:5px;padding-top:4px}.audit-volume-display .audit-technique-buttons{grid-template-columns:repeat(5,1fr)!important}.audit-volume-display .audit-technique-buttons button{height:26px!important;padding:1px!important}.audit-volume-display .audit-technique-buttons button b{font-size:6.5px;align-items:center!important}.audit-volume-display .audit-technique-buttons button em{font-size:5px}.active-ingredient-label em{color:#8fa7a0;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:7px;font-style:normal;overflow:hidden}.audit-volume-display section button{color:#f1d98e;cursor:pointer;background:linear-gradient(#2b2a1c,#151812);border:1px solid #65562e;border-radius:5px;justify-content:center;align-items:center;gap:3px;height:29px;padding:2px;display:flex}.audit-volume-display section button:hover,.audit-volume-display section button:focus-visible,.audit-volume-display section button.inspecting{background:linear-gradient(#4b3d18,#211d10);border-color:#f2c552;outline:none;box-shadow:0 0 5px #f2c552,0 0 10px #f2c55280}.audit-volume-display section button.visited:not(:hover):not(.inspecting){color:#a9f3cb;background:linear-gradient(#214a36,#14271f);border-color:#57d391}.audit-volume-display section button b{flex-direction:column;align-items:flex-start;gap:1px;font-size:7px;line-height:1;display:flex}.audit-volume-display section button em{color:#d7b95f;font-size:5.5px;font-style:normal}.audit-page{padding:38px 0 70px}.audit-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.audit-heading h2{margin:6px 0 8px;font-size:38px}.audit-heading p:not(.eyebrow){color:#8fa09a;margin:0;font-size:13px}.audit-count{background:#0e1b18;border:1px solid #31443f;border-radius:10px;align-items:baseline;gap:7px;padding:12px 14px;display:flex}.audit-count strong{color:#f2c552;font:700 25px DM Sans}.audit-count span{color:#869991;font-size:10px}.audit-count button{color:#b9c8c3;cursor:pointer;background:#14221f;border:1px solid #465a53;border-radius:5px;margin-left:9px;padding:6px 8px;font-size:9px}.audit-hotspot{box-shadow:inset 0 0 4px #daeae41f;z-index:8!important;color:#9eafa9!important;background:#b5cdc414!important;border:1px solid #b8cdc561!important}.audit-hotspot span{pointer-events:none;font:700 6px DM Sans}.audit-hotspot:hover,.audit-hotspot:focus-visible,.audit-hotspot.inspecting{outline:none;z-index:12!important;color:#fff4c5!important;background:#f2c55245!important;border-color:#f2c552!important;box-shadow:0 0 5px #f2c552,0 0 12px #f2c552a6!important}.audit-hotspot.visited:not(:hover):not(.inspecting){color:#a9f3cb!important;background:#57d39124!important;border-color:#57d391b8!important}.audit-readout{z-index:20;pointer-events:none;background:#040e0ceb;border:1px solid #3c514a;border-radius:8px;flex-direction:column;align-items:center;gap:3px;min-width:330px;max-width:62%;padding:8px 13px;display:flex;position:absolute;top:2.5%;left:50%;transform:translate(-50%)}.audit-readout.visible{border-color:#f2c552;box-shadow:0 0 10px #f2c5525c}.audit-readout small{color:#799089;font-size:8px}.audit-readout strong{color:#e8f2ee;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.audit-guide{color:#80928b;background:#0b1715;align-items:center;gap:14px;padding:10px 14px;font-size:9px;display:flex}.audit-guide span{align-items:center;gap:5px;display:flex}.audit-guide i{background:#182622;border:1px solid #6e817a;border-radius:50%;width:9px;height:9px}.audit-guide i.hovered{background:#796525;border-color:#f2c552}.audit-guide i.checked{background:#285e43;border-color:#57d391}.audit-guide p{color:#667a72;margin:0 0 0 auto}@media (width<=800px){.audit-page{padding:25px 0 55px}.audit-heading{display:block}.audit-count{width:max-content;margin-top:15px}.audit-readout{min-width:270px}.audit-guide{min-width:980px}}.audit-volume-display{z-index:7;background:linear-gradient(145deg,#091613f5,#13221df0);border:1px solid #a7c2b761;border-radius:10px;width:11.8%;padding:.48% .55%;position:absolute;bottom:16.8%;right:1.8%;box-shadow:0 8px 20px #00000073}.audit-volume-display>div{justify-content:space-between;align-items:baseline;margin-bottom:3px;display:flex}.audit-volume-display>div span{color:#70aaa0;letter-spacing:.16em;font-size:6px;font-weight:700}.audit-volume-display>div strong{color:#e9f0ed;font-size:8px}.audit-volume-display section{grid-template-columns:repeat(2,1fr);gap:3px;display:grid}.audit-volume-display article{color:#f1d98e;background:linear-gradient(#2b2a1c,#151812);border:1px solid #65562e;border-radius:5px;justify-content:center;align-items:center;gap:3px;height:29px;display:flex}.audit-volume-display article b{flex-direction:column;align-items:flex-start;gap:1px;font-size:7px;line-height:1;display:flex}.audit-volume-display article em{color:#d7b95f;font-size:5.5px;font-style:normal}.real-scene .invisible-hotspot{border-radius:50%!important;width:2.7%!important;height:4.8%!important}.real-scene .sink-source{top:63.2%!important;left:71.05%!important}.real-scene .ice-source{top:63.9%!important;left:56.65%!important}.real-scene .jigger-source{top:76.6%!important;left:15.05%!important}.real-scene .measure-animation{width:2.7%!important;height:5.6%!important;top:75.8%!important;left:15.05%!important}.real-scene .glass-source{top:86.1%!important}.real-scene .work-glass{top:62%!important;left:17.95%!important}.real-scene .work-tool{top:63.2%!important;left:32.6%!important}.real-scene .coaster-source{top:65.3%!important;left:47.05%!important}.bottle-hotspot{transform-origin:50%;border-radius:50%!important;width:2.7%!important;height:4.8%!important}.bottle-hotspot{background:#f2c5522e!important;border:1px solid #f2c552b8!important;border-radius:50%!important;width:2.15%!important;height:3.82%!important;transform:translate(-50%,-50%)!important;box-shadow:0 0 0 1px #08120f8c,0 1px 5px #00000073!important}.bottle-hotspot.expected,.bottle-hotspot.active,.bottle-hotspot.used{width:2.15%!important;height:3.82%!important}.real-scene .object-center-hotspot{transform-origin:50%!important;border-radius:50%!important;width:2.15%!important;height:3.82%!important;transform:translate(-50%,-50%)!important}.bottle-hotspot:hover,.bottle-hotspot:focus-visible{background:#f2c55257!important;border-color:#ffe59a!important;box-shadow:0 0 5px #f2c552,0 0 11px #f2c5528c!important}.invisible-hotspot{border-radius:50%!important}.measure-animation{border-radius:50%!important;width:2.7%!important;height:6.2%!important;top:75.2%!important;left:15.1%!important}.volume-selector{background:linear-gradient(145deg,#091613f5,#13221df0)!important;border-color:#a7c2b761!important;width:11.8%!important;padding:.48% .55%!important;bottom:16.8%!important;right:1.8%!important}.volume-selector-title{margin-bottom:2%!important}.volume-selector-title strong{font-size:8px!important}.volume-options{grid-template-columns:repeat(2,1fr)!important;gap:3px!important}.volume-options button{height:29px!important}.volume-options button:only-child{grid-column:1/-1}.volume-options button.available{color:#f1d98e;background:linear-gradient(#2b2a1c,#151812);border-color:#a98b43}.volume-options button:disabled{cursor:not-allowed;opacity:.22!important}.volume-selector:not(.ready) .volume-options button{opacity:.4}.volume-selector.ready .volume-options button.available{box-shadow:inset 0 0 5px #f2c55229}.volume-options b{flex-direction:column;align-items:flex-start;gap:1px;display:flex!important}.volume-options b em{color:#d7b95f;font-size:5.5px;font-style:normal;line-height:1}.volume-options button.active b em{color:#9cefff}.volume-cup{width:7px!important;height:14px!important}.coaster-source{width:6.4%!important;height:11.5%!important;top:61%!important;left:45.8%!important}.invisible-hotspot.expected{z-index:11;border-width:1px!important;box-shadow:0 0 4px #f2c552,0 0 9px #f2c55275!important}.invisible-hotspot.active{border-width:1px!important;box-shadow:0 0 4px #55e7ff,0 0 9px #55e7ff80!important}.invisible-hotspot.used{box-shadow:0 0 4px #78d9a75c!important}.bottle-hotspot{border-radius:50%!important}.selected-glass{z-index:6;filter:drop-shadow(0 8px 7px #0000008c);pointer-events:none;width:5%;height:16.6%;animation:.55s ease-out both selected-glass-arrive;position:absolute;top:58.2%;left:16.9%}.selected-glass svg{width:100%;height:100%;overflow:visible}.selected-glass-body{fill:#bfdcd514;stroke:#e3f3eeeb;stroke-width:2.3px;stroke-linejoin:round}.selected-glass-stem{fill:none;stroke:#e3f3eeeb;stroke-width:2.3px;stroke-linecap:round}.selected-glass-liquid{fill:#b7833e;opacity:.78;transition:y .4s,height .4s}.selected-glass-ice{fill:#dcf6fcb8;stroke:#effcff;stroke-width:1px}.selected-glass.chilled{filter:drop-shadow(0 0 6px #a6e5f5d9)drop-shadow(0 8px 7px #00000080)}.selected-glass.filled{animation:.7s ease-in-out 2 technique-motion}.selected-glass.filled .selected-glass-liquid{fill:#d19a4b}@keyframes selected-glass-arrive{0%{opacity:.25;top:87%;left:9%;transform:scale(.42)}to{opacity:1;transform:scale(1)}}.selected-tool{z-index:6;pointer-events:none;filter:drop-shadow(0 8px 7px #0000008c);width:5.6%;height:16%;animation:.5s ease-out both selected-tool-arrive;position:absolute;top:58.5%;left:31.8%}.selected-tool svg{width:100%;height:100%;overflow:visible}.selected-tool path{fill:#b4cdc521;stroke:#dfefeae6;stroke-width:2.3px;stroke-linejoin:round;stroke-linecap:round}.selected-tool .tool-detail{fill:none;stroke:#d7c27c}.selected-tool.shake{width:5%;left:31.8%}.selected-tool.stir{width:5.8%;left:31.4%}.selected-tool.blend{width:6.3%;left:31%}.selected-tool.build{width:5.2%;left:31.7%}@keyframes selected-tool-arrive{0%{opacity:.2;top:75%;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.work-tool{width:3.5%!important;height:6.2%!important;top:63.2%!important;left:32.6%!important}.sink-source{width:15.5%;height:17%;top:58%;left:63.2%}.jigger-source{width:3.8%!important;height:9.5%!important;top:74.5%!important;left:15.2%!important}.measure-animation{width:3.8%!important;height:12%!important;top:72%!important;left:15.2%!important}.real-guide{gap:12px 18px!important}.workflow-checklist{grid-column:1/-1;grid-template-columns:repeat(10,1fr);gap:5px;margin:0;padding:0;list-style:none;display:grid}.workflow-checklist li{color:#71847d;white-space:nowrap;background:#101d1a;border:1px solid #2e403b;border-radius:5px;justify-content:center;align-items:center;gap:4px;min-width:0;padding:6px 3px;font-size:8px;display:flex}.workflow-checklist li span{border:1px solid #53665f;border-radius:50%;flex:0 0 14px;place-items:center;width:14px;height:14px;font-size:7px;display:grid}.workflow-checklist li.done{color:#83caa8;border-color:#315f4b}.workflow-checklist li.done span{color:#d8ffeb;background:#204f3a;border-color:#50b982}.workflow-checklist li.current{color:#ffe7a1;background:#302914;border-color:#f2c552;box-shadow:0 0 7px #f2c55259}.workflow-checklist li.current span{color:#fff;background:#7e651e;border-color:#f2c552}.workflow-checklist small{color:#788a84;font-size:6px}:root{color:#eef4ef;font-synthesis:none;--mint:#98e8c1;--line:#263734;--panel:#101c1a;background:#07100f;font-family:Noto Sans KR,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% -10%,#17332d 0,#0000 32%),#07100f;min-width:320px;margin:0}button,input,select{font:inherit;color:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07100fef;justify-content:space-between;align-items:center;height:72px;padding:0 max(24px,50vw - 600px);display:flex;position:sticky;top:0}.brand{cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;display:flex}.brand span{border:1px solid var(--mint);color:var(--mint);padding:7px;font:700 12px DM Sans}.brand strong{font-size:15px}.topbar nav{gap:8px;display:flex}.topbar nav button{color:#94a59f;cursor:pointer;background:0 0;border:0;padding:10px 12px}.topbar nav button.active{color:var(--mint)}main{flex:1;width:100%;max-width:1200px;margin:auto}.hero{border-radius:24px;height:570px;margin-top:22px;position:relative;overflow:hidden}.hero>img{object-fit:cover;width:100%;height:100%}.hero-shade{background:linear-gradient(90deg,#030a09f2 5%,#030a0999 55%,#0000),linear-gradient(#0000,#030a0980);position:absolute;inset:0}.hero-copy{max-width:570px;position:absolute;top:50%;left:7%;transform:translateY(-50%)}.eyebrow{letter-spacing:.18em;color:var(--mint);text-transform:uppercase;font:700 12px DM Sans}.hero h1{letter-spacing:-.06em;margin:15px 0 20px;font-size:clamp(40px,6vw,76px);line-height:1.08}.hero-copy>p:not(.eyebrow){color:#c2cec9;line-height:1.8}.hero-actions{gap:10px;margin-top:32px;display:flex}.primary,.secondary{cursor:pointer;border-radius:8px;padding:14px 20px;font-weight:700}.primary{background:var(--mint);color:#06130e;border:1px solid var(--mint)}.secondary{background:#13211fc9;border:1px solid #52635f}.full{width:100%;margin-top:24px}.stat-row{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding:32px 0;display:grid}.stat-row article{border-right:1px solid var(--line);justify-content:center;align-items:baseline;gap:14px;display:flex}.stat-row article:last-child{border:0}.stat-row strong{color:var(--mint);font:700 38px DM Sans}.stat-row span{color:#8fa09a;font-size:13px}.feature-grid,.cocktail-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:48px 0;display:grid}.feature-grid article,.cocktail-card,.practice-panel,.policy article{border:1px solid var(--line);background:linear-gradient(135deg,#12211e,#0d1816);border-radius:16px;padding:28px}.feature-grid span,.card-no{color:var(--mint);font:700 12px DM Sans}.feature-grid h3{margin:36px 0 8px}.feature-grid p,.cocktail-card p,.instruction p,.policy p{color:#91a19c;line-height:1.7}.page-section{padding:60px 0}.page-heading{justify-content:space-between;align-items:end;display:flex}.page-heading h2,.policy h2{margin:8px 0;font-size:44px}.segmented{background:#101b19;border-radius:9px;padding:4px;display:flex}.segmented button{color:#84958f;background:0 0;border:0;border-radius:6px;padding:9px 18px}.segmented .active{color:var(--mint);background:#253a35}.filters{grid-template-columns:2fr 1fr 1fr;gap:10px;margin-top:32px;display:grid}.filters input,.filters select{color:#d8e3df;border:1px solid var(--line);background:#0f1b19;border-radius:9px;padding:13px}.result-count{color:#7f918b}.cocktail-grid{padding-top:8px}.cocktail-card{text-align:left;cursor:pointer;transition:all .2s}.cocktail-card:hover{border-color:#689d86;transform:translateY(-2px)}.card-no{justify-content:space-between;display:flex}.card-no span{color:#82938d}.cocktail-card h3{margin:28px 0 2px;font-size:22px}.cocktail-card p{margin:0 0 20px}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{color:#a9cbbd;background:#1d302b;border-radius:4px;padding:5px 8px;font-size:11px}.practice-page{max-width:850px;margin:0 auto;padding:28px 20px 80px}.practice-page.workbench-mode{max-width:1200px;padding-left:0;padding-right:0}.practice-top{color:#879992;justify-content:space-between;font-size:13px;display:flex}.practice-top button{cursor:pointer;background:0 0;border:0}.practice-top-compact{justify-content:flex-start;align-items:center;gap:16px}.practice-name-only{color:var(--mint);letter-spacing:-.03em;font:700 18px DM Sans}.practice-page.workbench-mode .practice-title{display:none}.practice-title{text-align:center;margin:45px 0 30px}.practice-title p{color:var(--mint);font-size:12px}.practice-title h2{margin:7px;font-size:42px}.practice-title span{color:#8d9e98}.recipe-meta{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.recipe-meta article{background:#152420;border-radius:8px;padding:15px}.recipe-meta small{color:#73867f;letter-spacing:.12em;margin-bottom:8px;font:700 10px DM Sans;display:block}.recipe-meta strong{font-size:13px}.practice-panel h3{margin-top:28px}.recipe-list,.method-preview{color:#cfdbd7;padding-left:22px;line-height:2}.method-preview{color:#91a19c}.instruction{text-align:center}.sortable-list{padding:0;list-style:none}.sortable-list li{background:#172723;border:1px solid #2d413c;border-radius:9px;align-items:center;gap:14px;margin:8px 0;padding:10px;display:flex}.sortable-list li>span{min-width:30px;height:30px;color:var(--mint);background:#29433b;border-radius:50%;place-items:center;display:grid}.sortable-list p{flex:1;font-size:13px;line-height:1.55}.sortable-list button{color:#91aaa0;cursor:pointer;background:0 0;border:0;display:block}.result{text-align:center}.score-ring{border:8px solid var(--mint);border-radius:50%;flex-direction:column;justify-content:center;width:160px;height:160px;margin:30px auto;display:flex}.score-ring strong{font:700 52px DM Sans}.score-ring span{color:#82938d;font-size:11px}.notice{font-size:12px;line-height:1.7;color:#82938d!important}.record-list{gap:10px;margin-top:30px;display:grid}.record-list article{background:var(--panel);border:1px solid var(--line);border-radius:12px;align-items:center;gap:20px;padding:18px;display:flex}.record-score{color:var(--mint);text-align:center;width:65px;font:700 30px DM Sans}.record-list article div:nth-child(2){flex:1}.record-list p{color:#81938d;margin:5px 0;font-size:12px}.record-list button{background:0 0;border:1px solid #3a504a;border-radius:7px;padding:8px 12px}.empty{text-align:center;color:#8ca099;padding:100px 20px}.policy{max-width:820px}.policy-nav{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.policy-nav a{color:var(--mint);border:1px solid var(--line);border-radius:6px;padding:8px 12px;text-decoration:none}.policy article h3{margin-top:30px}footer{color:#64756f;border-top:1px solid var(--line);justify-content:space-between;width:100%;max-width:1200px;margin:auto;padding:30px 0;font-size:12px;display:flex}.real-workbench{overscroll-behavior-x:contain;background:#050a09;border:1px solid #31443f;border-radius:12px;margin-top:18px;overflow-x:auto}.real-scene{aspect-ratio:1672/941;background:url(/assets/%EC%9E%91%EC%97%85%EB%8C%80%20%EA%B0%80%EB%8B%88%EC%8B%9C%EB%B2%84%ED%8A%BC-v4-CfaLqHqZ.png) 50%/100% 100% no-repeat;width:100%;min-width:1050px;position:relative;overflow:hidden}.invisible-hotspot{z-index:7;color:#0000;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:7px;padding:0;position:absolute}.invisible-hotspot:hover{background:#efc14e14;border-color:#efc14e8c}.invisible-hotspot:focus-visible{outline-offset:2px;outline:2px solid #fff}.invisible-hotspot.active{z-index:9;background:#55e7ff33;border:2px solid #55e7ff;animation:.32s ease-out active-object;box-shadow:0 0 9px #55e7ff,0 0 24px #55e7ffcc}.invisible-hotspot.expected{background:#f2c5521a;border:2px solid #f2c552;animation:1.25s infinite expected-object;box-shadow:0 0 8px #f2c552,0 0 20px #f2c552a6}.invisible-hotspot.active.expected{background:#55e7ff33;border-color:#fff3a6;box-shadow:0 0 8px #fff,0 0 25px #55e7ff}.invisible-hotspot.used{background:#78d9a71a;border-color:#78d9a7;box-shadow:0 0 10px #78d9a780}@keyframes active-object{0%{opacity:.35;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes expected-object{50%{box-shadow:0 0 4px #f2c552,0 0 8px #f2c5524d}}.active-ingredient-label{z-index:12;pointer-events:none;background:#020c0ee6;border:1px solid #55e7ffb3;border-radius:7px;align-items:center;gap:8px;max-width:42%;padding:7px 11px;display:flex;position:absolute;top:3.5%;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #00000080}.active-ingredient-label span{color:#79c8d3;white-space:nowrap;font-size:9px}.active-ingredient-label strong{color:#e9fdff;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.glass-source{width:5%;height:10%;top:88%}.ice-source{width:8%;height:13%;top:56%;left:38.8%}.technique-source{z-index:8}.work-glass{width:9%;height:22%;top:52%;left:18%}.coaster-source{border-radius:50%;width:9%;height:8%;top:68.5%;left:62.5%}.animated-glass{z-index:5;background:linear-gradient(90deg,#ffffff0d,#c1e4da38,#ffffff0a);border:2px solid #e1f4eed6;border-top:5px solid #effaf7eb;border-radius:3px 3px 28px 28px;width:7%;height:17%;animation:.7s both glass-move-in;position:absolute;top:56%;left:31%;overflow:hidden;box-shadow:0 13px 20px #00000080}@keyframes glass-move-in{0%{opacity:.2;top:89%;left:18%;transform:scale(.55)}}.animated-glass.chilled{box-shadow:0 0 15px #b2e6f6cc,inset 0 0 15px #b3e5f54d}.ice-cubes{z-index:2;color:#d9f3fa;text-align:center;text-shadow:0 0 3px #fff;font-size:9px;line-height:1.4;position:absolute;bottom:8px;left:7px;right:7px}.drink-fill{background:linear-gradient(#e2be65b8,#a66525d1);border-radius:2px 2px 24px 24px;transition:height .45s;position:absolute;bottom:2px;left:2px;right:2px}.animated-glass.filled{animation:.7s ease-in-out 2 technique-motion}@keyframes technique-motion{25%{transform:translate(-5px)rotate(-3deg)}75%{transform:translate(5px)rotate(3deg)}}.pour-stream{z-index:8;opacity:0;background:#e3bd62;width:2px;height:0;transition:all .35s;position:absolute;top:55%;left:35%;transform:rotate(-18deg)}.pour-stream[data-visible=true]{opacity:.8;height:13%;animation:1s infinite pouring-stream}@keyframes pouring-stream{50%{opacity:.35}}.real-guide{background:#0b1715;border-top:1px solid #344740;grid-template-columns:150px 1fr auto;align-items:center;gap:18px;min-width:min(100%,1050px);padding:13px 16px;display:grid;position:sticky;left:0}.real-guide>div:first-child span{color:#7e918a;letter-spacing:.1em;font-size:9px;display:block}.real-guide>div:first-child strong{color:#f2ca67;font-size:13px}.real-guide p{color:#d6dfdc;margin:0;font-size:12px}.real-progress{color:#83968f;align-items:center;gap:10px;font-size:10px;display:flex}.real-progress button{cursor:pointer;background:#14221f;border:1px solid #465a53;border-radius:5px;padding:6px 9px;font-size:10px}@media (width<=800px){.topbar{padding:0 14px}.brand strong{display:none}.topbar nav button{padding:8px;font-size:12px}main{padding:0 14px}.hero{height:520px;margin-top:12px}.hero-copy{left:24px;right:24px}.hero h1{font-size:43px}.hero-actions{flex-direction:column}.stat-row article{flex-direction:column;align-items:center;gap:0}.stat-row strong{font-size:30px}.feature-grid,.cocktail-grid{grid-template-columns:1fr;padding:30px 0}.page-section{padding-top:35px}.page-heading{display:block}.page-heading h2{font-size:34px}.segmented{margin-top:18px}.segmented button{flex:1}.filters,.recipe-meta{grid-template-columns:1fr}.practice-panel{padding:18px}.practice-page.workbench-mode{padding:12px 0}.real-scene{min-width:980px}.real-guide{grid-template-columns:105px 1fr;gap:8px;min-width:980px}.real-guide p{font-size:11px}.real-progress{grid-column:1/-1;justify-content:flex-end}.animated-glass{width:6.5%}footer{padding:25px 14px}}.scenario-review{color:#f4dfa1;background:#2b2515;border-bottom:1px solid #6b5930;align-items:center;gap:12px;padding:10px 14px;font-size:12px;display:flex}.scenario-review strong{white-space:nowrap}.scenario-review span{color:#d8c99b}.selected-bottle{z-index:6;background:linear-gradient(90deg,#276863e6,#68cdbab3,#1f524ee6);border:2px solid #55e7ffcc;border-radius:8px 8px 4px 4px;flex-direction:column;justify-content:flex-end;width:5.2%;height:19%;padding:5px;animation:.55s ease-out bottle-move-in;display:flex;position:absolute;top:51%;left:40%;box-shadow:0 12px 18px #0000008c,0 0 18px #55e7ff73}.selected-bottle:before{content:"";background:#b6d8d1;border-radius:3px 3px 0 0;width:38%;height:15%;position:absolute;top:-13%;left:31%}.selected-bottle span,.selected-bottle strong{text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#041211c7;padding:2px;font-size:7px;position:relative;overflow:hidden}.selected-bottle span{color:#74d9cc}.selected-bottle strong{color:#fff}@keyframes bottle-move-in{0%{opacity:.2;top:24%;left:22%;transform:scale(.55)}}.completion-title{color:var(--mint);font-size:28px}.result-score{color:#c6d5cf;font-weight:700}.result-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.result-actions button{width:100%}@media (width<=600px){.result-actions{grid-template-columns:1fr}}.tool-ice-indicator{z-index:8;color:#d9f3fa;letter-spacing:2px;text-shadow:0 0 4px #fff;pointer-events:none;font-size:9px;position:absolute;top:66%;left:30.7%}.real-guide .error-feedback{color:#ffb7a8;font-weight:700}.inventory-checklist{border:1px solid var(--line);background:#0d1816;border-radius:14px;margin:28px 0 60px;padding:24px}.inventory-checklist>div:first-child{max-width:760px}.inventory-checklist h3{margin:6px 0;font-size:24px}.inventory-checklist p{color:#93a59f;line-height:1.6}.inventory-warning{color:#ffc4a7;background:#39271d;border-radius:6px;margin:8px 0 16px;padding:7px 10px;display:inline-block}.inventory-table-wrap{border:1px solid #2b3d38;border-radius:8px;max-height:520px;overflow:auto}.inventory-checklist table{border-collapse:collapse;width:100%;min-width:850px;font-size:12px}.inventory-checklist th,.inventory-checklist td{text-align:left;border-bottom:1px solid #263732;padding:10px}.inventory-checklist th{color:var(--mint);background:#172522;position:sticky;top:0}.inventory-checklist tr.conflict{background:#91482a2e}.inventory-checklist tr.conflict td:last-child{color:#ffb799;font-weight:700}.real-workbench>.volume-selector{border-width:1px 0 0!important;border-radius:0!important;width:100%!important;padding:10px 14px!important;position:relative!important;bottom:auto!important;right:auto!important}.real-workbench>.volume-selector .volume-selector-title{margin-bottom:8px!important}.real-workbench>.volume-selector .volume-selector-title strong{font-size:11px!important}.real-workbench>.volume-selector .volume-options{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:5px!important}.real-workbench>.volume-selector .volume-options button{height:38px!important}.real-workbench>.volume-selector .volume-options b{align-items:center!important;font-size:9px!important}@media (width<=800px){.real-workbench>.volume-selector .volume-options{grid-template-columns:repeat(5,minmax(0,1fr))!important}}.volume-selector{z-index:10;background:linear-gradient(145deg,#06110ff0,#121f1be6);border:1px solid #b4cdc361;border-radius:10px;width:23%;padding:1% 1.1%;transition:border-color .2s,box-shadow .2s;position:absolute;bottom:4%;right:2.2%;box-shadow:0 10px 28px #0000007a}.volume-selector.ready{border-color:#f2c552;box-shadow:0 0 10px #f2c5528c,0 10px 28px #00000080}.volume-selector-title{justify-content:space-between;align-items:baseline;margin-bottom:4%;display:flex}.volume-selector-title span{color:#70aaa0;letter-spacing:.18em;font-size:7px;font-weight:700}.volume-selector-title strong{color:#e9f0ed;font-size:10px}.volume-options{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.volume-options button{color:#b9c8c3;cursor:pointer;background:linear-gradient(#172723,#0b1513);border:1px solid #41544e;border-radius:5px;justify-content:center;align-items:center;gap:2px;min-width:0;height:37px;padding:2px;display:flex;position:relative}.volume-options button:hover{color:#fff;border-color:#e0bd62}.volume-options button.expected{color:#ffe8a6;border:2px solid #f2c552;animation:1.25s infinite expected-object;box-shadow:0 0 8px #f2c552d9}.volume-options button.active{color:#eaffff;background:#17353a;border-color:#55e7ff;box-shadow:0 0 9px #55e7ffcc}.volume-options b{white-space:nowrap;font-size:7px;line-height:1}.volume-cup{border:1px solid #a9bbb5;border-top-width:2px;border-radius:1px 1px 4px 4px;width:8px;height:17px;position:relative;overflow:hidden;transform:perspective(15px)rotateX(-2deg)}.volume-cup i{opacity:.88;background:linear-gradient(#f4d47e,#b9782c);border-radius:0 0 2px 2px;position:absolute;bottom:1px;left:1px;right:1px}.volume-selector:not(.ready) .volume-options button:not(.active){opacity:.58}.audit-workbench>.audit-volume-display{grid-template-columns:110px minmax(0,1fr);align-items:center;gap:6px 12px;width:100%!important;box-shadow:none!important;background:#0b1715!important;border:0!important;border-top:1px solid #344740!important;border-radius:0!important;padding:10px 14px!important;display:grid!important;position:relative!important;bottom:auto!important;left:auto!important;right:auto!important}.audit-workbench>.audit-volume-display>div{justify-content:space-between;align-items:baseline;margin:0!important;display:flex!important}.audit-workbench>.audit-volume-display>.audit-technique-title{grid-column:1;border:0!important;margin:0!important;padding:0!important}.audit-workbench>.audit-volume-display>.audit-volume-buttons,.audit-workbench>.audit-volume-display>.audit-technique-buttons{grid-column:2;gap:5px;display:grid}.audit-workbench>.audit-volume-display>.audit-volume-buttons{grid-template-columns:repeat(4,minmax(0,1fr))!important}.audit-workbench>.audit-volume-display>.audit-technique-buttons{grid-template-columns:repeat(5,minmax(0,1fr))!important}.audit-workbench>.audit-volume-display section button{color:#f1d98e;cursor:pointer;background:linear-gradient(#2b2a1c,#151812);border:1px solid #65562e;border-radius:5px;justify-content:center;align-items:center;gap:5px;display:flex;height:31px!important;padding:3px 7px!important}.audit-workbench>.audit-volume-display section button:hover,.audit-workbench>.audit-volume-display section button:focus-visible,.audit-workbench>.audit-volume-display section button.inspecting{background:linear-gradient(#4b3d18,#211d10);border-color:#f2c552;outline:none;box-shadow:0 0 5px #f2c552,0 0 10px #f2c55280}.audit-workbench>.audit-volume-display section button.visited:not(:hover):not(.inspecting){color:#a9f3cb;background:linear-gradient(#214a36,#14271f);border-color:#57d391}.audit-workbench>.audit-volume-display section button b{flex-direction:column;align-items:center;gap:1px;font-size:8px;line-height:1;display:flex}.audit-workbench>.audit-volume-display section button em{color:#d7b95f;font-size:6px;font-style:normal}.audit-workbench>.audit-volume-display section button{gap:10px!important;height:58px!important}.audit-control-icon{flex:0 0 34px;width:34px;height:40px;display:block;overflow:visible}.audit-control-icon .icon-outline{fill:#cbe0d80f;stroke:#d7e2dd;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.audit-control-icon .icon-liquid{fill:#d7a64b;opacity:.8}.audit-control-icon .icon-measure,.audit-control-icon .icon-motion{fill:none;stroke:#f2c552;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.audit-method-icon{flex-basis:40px;width:40px}.audit-workbench>.audit-volume-display section button:hover .audit-control-icon .icon-outline,.audit-workbench>.audit-volume-display section button.inspecting .audit-control-icon .icon-outline{stroke:#fff3b6}.audit-workbench>.audit-volume-display section button.visited:not(:hover):not(.inspecting) .audit-control-icon .icon-outline{stroke:#a9f3cb}.audit-workbench>.audit-volume-display section button b{min-width:46px;font-size:9px!important}@media (width<=800px){.audit-workbench>.audit-volume-display{min-width:980px}.audit-workbench>.audit-volume-display section button{height:54px!important}.audit-control-icon{flex-basis:31px;width:31px;height:36px}.audit-method-icon{flex-basis:36px;width:36px}}.audit-workbench{position:relative}.audit-workbench>.audit-volume-display{z-index:9;background:#071210f0!important;border:1px solid #a7c2b775!important;border-radius:5px!important;grid-template-columns:29px minmax(0,1fr)!important;gap:3px 4px!important;width:18.5%!important;min-width:0!important;padding:4px!important;position:absolute!important;inset:66.2% 1.2% auto auto!important;box-shadow:0 3px 10px #00000080!important}.audit-workbench>.audit-volume-display>div{flex-direction:column;gap:1px;justify-content:center!important;align-items:center!important;display:flex!important}.audit-workbench>.audit-volume-display>div span{letter-spacing:.08em;font-size:4px!important}.audit-workbench>.audit-volume-display>div strong{text-align:center;line-height:1.1;font-size:5px!important}.audit-workbench>.audit-volume-display>.audit-volume-buttons,.audit-workbench>.audit-volume-display>.audit-technique-buttons{gap:2px!important}.audit-workbench>.audit-volume-display section button{border-radius:3px;flex-direction:column;gap:0!important;height:32px!important;padding:1px!important}.audit-workbench>.audit-volume-display .audit-control-icon{flex:0 0 18px;width:15px;height:18px}.audit-workbench>.audit-volume-display section button b{min-width:0;line-height:.9;font-size:5px!important}.audit-workbench>.audit-volume-display section button em{line-height:1;font-size:4px!important}@media (width<=800px){.audit-workbench>.audit-volume-display{width:18.8%!important;top:65.8%!important}.audit-workbench>.audit-volume-display section button{height:30px!important}}.audit-workbench>.audit-volume-display{grid-template-columns:minmax(0,1fr)!important;gap:4px!important;width:19.1%!important;padding:5px!important;right:.7%!important}.audit-workbench>.audit-volume-display>.audit-volume-buttons,.audit-workbench>.audit-volume-display>.audit-technique-buttons{grid-column:1!important}.audit-workbench>.audit-volume-display section button{height:40px!important;padding:2px!important}.audit-workbench>.audit-volume-display .audit-control-icon{flex-basis:24px;width:21px;height:24px}.audit-workbench>.audit-volume-display .audit-method-icon{flex-basis:24px;width:23px}.audit-workbench>.audit-volume-display section button b{line-height:1;font-size:6.2px!important}.audit-workbench>.audit-volume-display section button em{font-size:4.8px!important}@media (width<=800px){.audit-workbench>.audit-volume-display{width:19.1%!important;right:.7%!important}.audit-workbench>.audit-volume-display section button{height:38px!important}}.real-scene:before{content:"?깊겕 ?ㅽ뀒?댁뀡\a (Sink Station)\a (???몄쿃 / ?쇱쓬 ?먭린)";z-index:4;color:#111310;letter-spacing:-.03em;text-align:center;text-shadow:0 0 2px #111310,1px 0 1px #111310,-1px 0 1px #111310;white-space:pre-line;pointer-events:none;background:0 0;border:0;justify-content:center;align-items:center;width:11.2%;height:5.3%;font:500 7px/1.25 Noto Sans KR;display:flex;position:absolute;top:70%;left:65.2%}.real-scene:after{content:"???몄쿃  ?쇱쓬 ?먭린";z-index:5;color:#d8d7cf;letter-spacing:-.03em;text-align:center;text-shadow:0 1px 2px #000;pointer-events:none;background:0 0;border:0;justify-content:center;align-items:center;width:11.2%;height:6.1%;font:500 7.5px Noto Sans KR;display:flex;position:absolute;top:69.4%;left:65.2%}.real-scene{background-image:url(/assets/%EC%9E%91%EC%97%85%EB%8C%80%20%EA%B3%B5%EA%B0%84%ED%9A%A8%EC%9C%A8-v5-CMFa-v7m.png)!important}.real-scene:before{content:none!important}.real-scene:after,.audit-workbench>.audit-volume-display section button b,.audit-workbench>.audit-volume-display section button em{letter-spacing:-.04em!important;font-family:Noto Sans KR,sans-serif!important;font-style:normal!important}.real-scene:after{color:#d0cfc8;text-shadow:0 1px 2px #000,0 0 1px #000c;font-size:8px!important;font-weight:500!important}.audit-workbench>.audit-volume-display section button b{font-size:7px!important;font-weight:500!important;line-height:1!important}.audit-workbench>.audit-volume-display section button em{font-size:5.3px!important;font-weight:500!important;line-height:1!important}.real-scene:after{color:#9b9a96!important;letter-spacing:-.04em!important;text-shadow:0 1px 1px #000000e6!important;font-size:10px!important;font-weight:400!important}.audit-readout.audit-readout-above{z-index:2;width:max-content;min-width:330px;max-width:min(62%,620px);margin:14px auto -5px;position:relative!important;top:auto!important;left:auto!important;transform:none!important}@media (width<=800px){.audit-readout.audit-readout-above{min-width:270px;max-width:calc(100% - 28px);margin-top:12px}}.audit-heading-copy{flex:1;min-width:0}.audit-title-line{align-items:center;gap:18px;display:flex}.audit-title-line h2{flex:none}.audit-title-line .audit-readout.audit-readout-above{flex:0 360px;width:clamp(280px,30vw,360px);min-width:0;max-width:360px;margin:0;transform:none!important}@media (width<=650px){.audit-title-line{flex-direction:column;align-items:flex-start;gap:4px}.audit-title-line .audit-readout.audit-readout-above{width:100%;max-width:100%;margin:0 0 6px}}.audit-count{flex-wrap:wrap;align-items:center!important}.audit-count .audit-readout.audit-readout-inline{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:230px;min-width:0;max-width:230px;height:30px;margin-left:9px;padding:2px 8px;display:flex;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.audit-count .audit-readout.audit-readout-inline small{font-size:6px;line-height:1}.audit-count .audit-readout.audit-readout-inline strong{color:#e8f2ee;white-space:nowrap;font:700 8px/1 Noto Sans KR}.audit-count>button{height:30px;margin-left:0!important;padding:0 9px!important}@media (width<=800px){.audit-count{max-width:100%;width:auto!important}.audit-count .audit-readout.audit-readout-inline{width:210px;max-width:210px;margin-left:4px}}.real-scene .ice-source{border-radius:7px!important;width:6.2%!important;height:9.7%!important;top:66.4%!important;left:66.2%!important}.real-scene .sink-source{border-radius:7px!important;width:8.5%!important;height:10.1%!important;top:65.8%!important;left:73.8%!important}.real-scene:before{z-index:1;clip-path:inset(0 0 0 14.4%);pointer-events:none;background:url(/assets/%EC%9E%91%EC%97%85%EB%8C%80%20%EC%A0%84%EC%B2%B4%EC%A3%BC%EB%A5%98-v6-4iKrEyfx.png) top/100% no-repeat;height:48.3%;position:absolute;inset:0 0 auto;content:""!important}.exact-liqueur-caption{z-index:3;box-sizing:border-box;text-align:center;pointer-events:none;background:#050908f0;flex-direction:column;justify-content:flex-start;align-items:center;width:145%;min-height:34px;padding:2px 1px;line-height:1.05;display:flex;position:absolute;top:155%;left:50%;transform:translate(-50%);color:#d7dfdc!important;font-family:Noto Sans KR,sans-serif!important}.exact-liqueur-caption b{color:#f6fbf8;overflow-wrap:anywhere;font-size:8px;font-weight:700;display:block}.exact-liqueur-caption small{color:#d1cfc8;overflow-wrap:anywhere;margin-top:2px;font-size:6.5px;display:block}.glass-shelf-overlay{z-index:2;pointer-events:none;background:linear-gradient(#090d0c,#040706);border-top:1px solid #5746318c;height:12.8%;position:absolute;bottom:0;left:0;right:0}.exact-glass-caption{z-index:6;box-sizing:border-box;color:#d8dfdc;text-align:center;pointer-events:none;background:#050908f2;flex-direction:column;align-items:center;width:8.25%;min-height:4.7%;padding:2px 1px;font-family:Noto Sans KR,sans-serif;line-height:1.05;display:flex;position:absolute;top:95.1%;transform:translate(-50%)}.exact-glass-caption b{overflow-wrap:anywhere;font-size:8px;font-weight:700}.exact-glass-caption small{color:#d1cfc8;overflow-wrap:anywhere;margin-top:2px;font-size:6.5px}.tool-shelf-overlay{z-index:2;pointer-events:none;background:linear-gradient(#0b1513,#050908);border-top:1px solid #47595280;height:9.6%;position:absolute;top:77.8%;left:14.4%;right:0}.exact-tool-caption{z-index:6;box-sizing:border-box;color:#d8dfdc;text-align:center;pointer-events:none;background:#070e0df2;flex-direction:column;align-items:center;width:9%;min-height:3.3%;padding:2px 1px;font-family:Noto Sans KR,sans-serif;line-height:1.05;display:flex;position:absolute;top:84.7%;transform:translate(-50%)}.exact-tool-caption b{font-size:8px;font-weight:700}.exact-tool-caption small{color:#d1cfc8;margin-top:2px;font-size:6.5px}.mixer-shelf-overlay{z-index:2;pointer-events:none;background:url(/assets/%EC%9E%91%EC%97%85%EB%8C%80%203%EC%97%B4%EC%A0%9C%EB%AA%A9-v13-C3Ko7uv3.png) 50%/100% 100% no-repeat;width:85.6%;height:18.2%;position:absolute;top:45.2%;left:14.4%}.technique-selector{box-sizing:border-box;background:linear-gradient(145deg,#0a1513,#15231f);border-top:1px solid #344740;width:100%;padding:10px 14px;position:relative}.technique-selector.ready{border-color:#f2c552;box-shadow:inset 0 1px #f2c55280}.technique-selector-title{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.technique-selector-title span{color:#70aaa0;letter-spacing:.18em;font-size:7px;font-weight:700}.technique-selector-title strong{color:#e9f0ed;font-size:11px}.technique-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.technique-options button{color:#b9c8c3;cursor:pointer;background:linear-gradient(#172723,#0b1513);border:1px solid #41544e;border-radius:5px;justify-content:center;align-items:center;gap:4px;min-width:0;height:42px;padding:4px 6px;display:flex}.technique-options button:hover:not(:disabled),.technique-options button:focus-visible:not(:disabled){color:#fff;border-color:#e0bd62;outline:none}.technique-options button.expected{color:#ffe8a6;border:2px solid #f2c552;box-shadow:0 0 8px #f2c552bf}.technique-options button:disabled{opacity:.34;cursor:not-allowed}.technique-options b{font:600 10px DM Sans,sans-serif}.technique-options span{font:500 8px Noto Sans KR,sans-serif}@media (width<=800px){.technique-options{grid-template-columns:repeat(2,minmax(0,1fr))}.technique-options button{height:40px}}.real-workbench>.technique-selector,.real-workbench>.volume-selector,.real-workbench>.garnish-selector{border:1px solid #344740!important;border-left-width:4px!important;border-radius:7px!important;margin-top:6px!important}.real-workbench>.technique-selector{background:linear-gradient(135deg,#0b1917,#132924)!important;border-left-color:#58c7b1!important}.real-workbench>.volume-selector{background:linear-gradient(135deg,#18160d,#292313)!important;border-left-color:#d5aa49!important}.real-workbench>.garnish-selector{background:linear-gradient(135deg,#0d180d,#1c2917)!important;border-left-color:#78b85a!important}.real-workbench>.technique-selector-title span{color:#75dbc8!important}.real-workbench>.volume-selector-title span{color:#e2bd62!important}.real-workbench>.garnish-selector-title span{color:#92d274!important}.audit-workbench>.audit-volume-display .audit-technique-buttons button{flex-direction:row!important;height:30px!important;padding:3px!important}.audit-workbench>.audit-volume-display .audit-technique-buttons button b{text-align:center;font:500 5.8px/1.1 Noto Sans KR,sans-serif!important}.garnish-selector{box-sizing:border-box;background:linear-gradient(145deg,#091613,#13221d);border-top:1px solid #344740;width:100%;padding:10px 14px;position:relative}.garnish-selector.ready{border-color:#f2c552;box-shadow:inset 0 1px #f2c55280}.garnish-selector-title{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.garnish-selector-title span{color:#70aaa0;letter-spacing:.18em;font-size:7px;font-weight:700}.garnish-selector-title strong{color:#e9f0ed;font-size:11px}.garnish-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.garnish-options button{color:#b9c8c3;cursor:pointer;background:linear-gradient(#172723,#0b1513);border:1px solid #41544e;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;height:52px;padding:4px 6px;display:flex}.garnish-options button:hover:not(:disabled),.garnish-options button:focus-visible:not(:disabled){color:#fff;border-color:#e0bd62;outline:none}.garnish-options button.expected{color:#ffe8a6;border:2px solid #f2c552;animation:1.25s infinite expected-object;box-shadow:0 0 8px #f2c552bf}.garnish-options button:disabled{opacity:.34;cursor:not-allowed}.garnish-options b{text-align:center;text-overflow:ellipsis;font:500 7.5px/1.15 DM Sans,sans-serif;overflow:hidden}.garnish-options span{text-align:center;font:500 7px/1.15 Noto Sans KR,sans-serif}@media (width<=800px){.garnish-options{grid-template-columns:repeat(2,minmax(0,1fr))}.garnish-options button{height:42px}}.audit-action-groups{background:#07110f;border-top:1px solid #344740;grid-template-columns:1fr;gap:8px;padding:10px 12px;display:grid}.audit-action-card{background:#101b18;border:1px solid #344740;border-left-width:4px;border-radius:7px;grid-template-columns:105px minmax(0,1fr);gap:10px;padding:9px 10px;display:grid}.audit-action-card.method{background:linear-gradient(135deg,#0b1917,#132924);border-left-color:#58c7b1}.audit-action-card.volume{background:linear-gradient(135deg,#18160d,#292313);border-left-color:#d5aa49}.audit-action-card.garnish{background:linear-gradient(135deg,#0d180d,#1c2917);border-left-color:#78b85a}.audit-action-card header{align-items:center;gap:8px;display:flex}.audit-action-card header>span{border:1px solid;border-radius:50%;place-items:center;width:28px;height:28px;font:700 10px DM Sans;display:grid}.audit-action-card.method header{color:#75dbc8}.audit-action-card.volume header{color:#e2bd62}.audit-action-card.garnish header{color:#92d274}.audit-action-card header small,.audit-action-card header strong{display:block}.audit-action-card header small{letter-spacing:.14em;font-size:6px}.audit-action-card header strong{color:#edf2ef;font-size:11px}.audit-action-buttons{gap:5px;display:grid}.audit-action-buttons button{color:#bdcac5;cursor:pointer;background:linear-gradient(#172723,#0b1513);border:1px solid #41544e;border-radius:5px;min-width:0;min-height:34px;padding:4px 5px;font:500 7px/1.15 Noto Sans KR,sans-serif}.audit-action-buttons button:hover,.audit-action-buttons button:focus-visible,.audit-action-buttons button.inspecting{color:#fff3bc;border-color:#f2c552;outline:none}.audit-action-buttons button.visited:not(:hover):not(.inspecting){color:#a9f3cb;background:#173627;border-color:#57d391}@media (width<=800px){.audit-action-groups{min-width:980px}.audit-action-card{grid-template-columns:90px minmax(0,1fr)}}.real-workbench>.technique-selector,.real-workbench>.volume-selector,.real-workbench>.garnish-selector{border-left-width:3px!important;border-radius:6px!important;margin-top:4px!important;padding:8px 11px!important}.real-workbench>.technique-selector-title,.real-workbench>.volume-selector-title,.real-workbench>.garnish-selector-title{margin-bottom:6px!important}.real-workbench>.technique-selector-title span,.real-workbench>.volume-selector-title span,.real-workbench>.garnish-selector-title span{font-size:6px!important}.real-workbench>.technique-selector-title strong,.real-workbench>.volume-selector-title strong,.real-workbench>.garnish-selector-title strong{font-size:9px!important}.real-workbench>.technique-selector .technique-options,.real-workbench>.volume-selector .volume-options,.real-workbench>.garnish-selector .garnish-options{gap:4px!important}.real-workbench>.technique-selector .technique-options{grid-template-columns:repeat(5,minmax(0,1fr))!important}.real-workbench>.technique-selector .technique-options button{height:30px!important;padding:2px 4px!important}.real-workbench>.technique-selector .technique-options button b{font-size:8px!important}.real-workbench>.technique-selector .technique-options button span{font-size:6px!important}.real-workbench>.volume-selector{width:100%!important}.real-workbench>.volume-selector .volume-options{grid-template-columns:repeat(6,minmax(0,1fr))!important}.real-workbench>.volume-selector .volume-options button{height:28px!important;padding:1px 3px!important}.real-workbench>.volume-selector .volume-options b{font-size:6px!important}.real-workbench>.volume-selector .volume-options b em{font-size:4.8px!important}.real-workbench>.garnish-selector .garnish-options{grid-template-columns:repeat(4,minmax(0,1fr))!important}.real-workbench>.garnish-selector .garnish-options button{height:34px!important;padding:3px 4px!important}.real-workbench>.garnish-selector .garnish-options b{font-size:6.5px!important}.real-workbench>.garnish-selector .garnish-options span{font-size:5.5px!important}.audit-action-groups{gap:6px!important;padding:8px 10px!important}.audit-action-card{border-left-width:3px!important;grid-template-columns:88px minmax(0,1fr)!important;gap:8px!important;padding:7px 8px!important}.audit-action-card header>span{width:24px!important;height:24px!important;font-size:9px!important}.audit-action-card header small{font-size:5px!important}.audit-action-card header strong{font-size:9px!important}.audit-action-buttons{gap:4px!important}.audit-action-buttons button{min-height:28px!important;padding:2px 4px!important;font-size:6px!important}.audit-action-buttons.five{grid-template-columns:repeat(5,minmax(0,1fr))!important}.audit-action-buttons.volume-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}.audit-action-buttons.garnish-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.scenario-workbench.real-workbench{padding-right:330px;display:block;position:relative;overflow:visible}.scenario-workbench.real-workbench>.scenario-review{width:100%}.scenario-workbench.real-workbench>.real-scene{width:calc(100% - 330px)!important;min-width:0!important}.scenario-workbench.real-workbench>.technique-selector{position:absolute;top:120px;right:0;width:312px!important;margin-top:0!important}.scenario-workbench.real-workbench>.volume-selector{position:absolute;top:330px;right:0;width:312px!important;margin-top:0!important}.scenario-workbench.real-workbench>.garnish-selector{position:absolute;top:520px;right:0;width:312px!important;margin-top:0!important}.scenario-workbench.real-workbench>.real-guide{clear:both;margin-top:12px}.scenario-workbench .technique-selector-title,.scenario-workbench .volume-selector-title,.scenario-workbench .garnish-selector-title{display:none!important}.scenario-workbench .technique-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}.scenario-workbench .technique-options button{height:34px!important}.scenario-workbench .volume-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}.scenario-workbench .volume-options button{height:31px!important}.scenario-workbench .garnish-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}.scenario-workbench .garnish-options button{height:38px!important}@media (width<=1100px){.scenario-workbench.real-workbench{padding-right:0;overflow-x:auto}.scenario-workbench.real-workbench>.real-scene,.scenario-workbench.real-workbench>.technique-selector,.scenario-workbench.real-workbench>.volume-selector,.scenario-workbench.real-workbench>.garnish-selector,.scenario-workbench.real-workbench>.real-guide,.scenario-workbench.real-workbench>.scenario-review{position:static;width:100%!important}.scenario-workbench.real-workbench>.technique-selector,.scenario-workbench.real-workbench>.volume-selector,.scenario-workbench.real-workbench>.garnish-selector{width:100%!important}}.scenario-workbench.real-workbench{padding-right:0;overflow:visible}.scenario-workbench .scenario-layout{flex-direction:column;gap:5px;display:flex}.scenario-workbench .real-scene{width:100%!important;min-width:0!important}.scenario-workbench .technique-panel{z-index:10;box-sizing:border-box;width:15.6%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:1px solid #0000;border-radius:8px;padding:5px;position:absolute;top:64.5%;left:83.1%}.scenario-workbench .real-scene .technique-panel.ready{box-shadow:none;border-color:#0000}.scenario-workbench .real-scene .technique-panel .control-panel-heading{min-height:14px;margin:0 1px 4px}.scenario-workbench .real-scene .technique-panel .control-panel-heading span{color:#83d7c6;font-size:6px}.scenario-workbench .real-scene .technique-panel .control-panel-heading strong{color:#f0f7f4;font-size:9px}.scenario-workbench .technique-panel .technique-options{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;gap:3px!important}.scenario-workbench .technique-panel .technique-options button{background:linear-gradient(#1d3f37f5,#0a1d19fa);border-color:#679d91a6;min-height:24px;padding:2px 4px}.scenario-workbench .technique-panel .technique-options button b{font-size:8px;line-height:1}.scenario-workbench .technique-panel .technique-options button span{font-size:6.5px;line-height:1}.scenario-workbench .scenario-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:4px;display:grid}.scenario-workbench .scenario-controls>section{min-width:0;border-radius:5px!important;width:100%!important;margin-top:0!important;padding:3px 4px!important;position:static!important}.scenario-workbench .scenario-controls .volume-selector,.scenario-workbench .scenario-controls .garnish-selector{width:100%!important;inset:auto!important}.scenario-workbench .scenario-controls .technique-options,.scenario-workbench .scenario-controls .volume-options,.scenario-workbench .scenario-controls .garnish-options{display:grid;gap:3px!important}.scenario-workbench .scenario-controls .volume-selector,.scenario-workbench .scenario-controls .garnish-selector{padding:2px 3px!important}.scenario-workbench .scenario-controls .volume-options,.scenario-workbench .scenario-controls .garnish-options{gap:2px!important}.scenario-workbench .scenario-controls button{min-height:16px;padding:0 2px}.scenario-workbench .scenario-controls .technique-options button,.scenario-workbench .scenario-controls .volume-options button,.scenario-workbench .scenario-controls .garnish-options button{height:auto!important}.scenario-workbench .scenario-controls .volume-options button,.scenario-workbench .scenario-controls .garnish-options button{border-radius:4px}.scenario-workbench .scenario-controls .volume-options button b,.scenario-workbench .scenario-controls .garnish-options button b{font-size:7px;line-height:1}.scenario-workbench .scenario-controls .volume-options button em,.scenario-workbench .scenario-controls .garnish-options button span{font-size:5.8px;line-height:1}.scenario-workbench .real-guide{margin-top:4px;padding:7px 8px}@media (width<=1200px){.scenario-workbench .technique-panel{width:16.2%;top:64%;left:82.5%}.scenario-workbench .scenario-controls{grid-template-columns:1fr}}.scenario-workbench .scenario-review,.scenario-workbench .selected-bottle,.scenario-workbench .active-ingredient-label,.scenario-workbench .real-scene:before,.scenario-workbench .real-scene:after{content:none!important;display:none!important}.scenario-workbench .scenario-controls .volume-selector,.scenario-workbench .scenario-controls .garnish-selector{padding:2px 3px!important}.scenario-workbench .scenario-controls .volume-options button,.scenario-workbench .scenario-controls .garnish-options button{min-height:14px!important;padding:0 1px!important}.scenario-workbench .scenario-controls .volume-options button{height:22px!important}.scenario-workbench .scenario-controls .garnish-options button{height:24px!important}.scenario-workbench .scenario-controls .volume-options b,.scenario-workbench .scenario-controls .volume-options em,.scenario-workbench .scenario-controls .garnish-options b,.scenario-workbench .scenario-controls .garnish-options span{font-size:6px!important;line-height:1!important}.scenario-workbench .scenario-controls{background:linear-gradient(110deg,#0b1210fa,#1d1912fa),#0b1210;border-top:1px solid #d3ae596b;grid-template-columns:1.2fr 1fr;gap:8px;padding:9px;display:grid;box-shadow:inset 0 1px #ffffff09}.scenario-workbench .scenario-controls>section{min-width:0;box-shadow:0 5px 14px #0003;background:linear-gradient(145deg,#121f1bf5,#0c1311fa)!important;border:1px solid #7d6c4373!important;border-radius:8px!important;width:100%!important;margin:0!important;padding:8px!important;position:static!important}.scenario-workbench .scenario-controls>section.ready{box-shadow:0 0 0 1px #f2c5522e,0 5px 18px #0000004d;border-color:#f2c552!important}.scenario-workbench .control-panel-heading{justify-content:space-between;align-items:center;min-height:18px;margin:0 2px 6px;display:flex}.scenario-workbench .control-panel-heading span{color:#9d8050;letter-spacing:.15em;font:700 7px DM Sans,sans-serif}.scenario-workbench .control-panel-heading strong{color:#e7ddd0;font-size:10px}.scenario-workbench .scenario-controls .technique-options{grid-template-columns:repeat(5,minmax(0,1fr))!important}.scenario-workbench .scenario-controls .technique-options button{min-height:31px!important;padding:3px 2px!important}.scenario-workbench .scenario-controls .technique-options button b{font-size:8px!important}.scenario-workbench .scenario-controls .technique-options button span{font-size:6px!important}@media (width<=900px){.scenario-workbench .scenario-controls{grid-template-columns:1fr 1fr}.scenario-workbench .scenario-controls .technique-options{grid-template-columns:repeat(5,minmax(0,1fr))!important}}.hero>img{object-position:center 42%;filter:saturate(.82)brightness(.78)contrast(1.08)}.hero-shade{background:linear-gradient(90deg,#030a09f7 3%,#030a09c7 43%,#030a0933 78%,#030a0914),linear-gradient(#0000 42%,#030a09bd),radial-gradient(circle at 82% 35%,#be842f21,#0000 34%)}.scenario-workbench .real-scene .invisible-hotspot,.scenario-workbench .real-scene .invisible-hotspot:hover,.scenario-workbench .real-scene .invisible-hotspot:focus-visible,.scenario-workbench .real-scene .invisible-hotspot.expected,.scenario-workbench .real-scene .invisible-hotspot.active,.scenario-workbench .real-scene .invisible-hotspot.used,.scenario-workbench .real-scene .invisible-hotspot.active.expected{transform-origin:50%!important;border-radius:50%!important;width:2%!important;height:3.55%!important;animation:none!important;transform:translate(-50%,-50%)!important}.scenario-workbench .real-scene .invisible-hotspot{background:#f2c5522e!important;border:1px solid #f2c552b8!important;box-shadow:0 0 0 1px #08120f8c,0 1px 5px #00000073!important}.scenario-workbench .real-scene .invisible-hotspot:hover,.scenario-workbench .real-scene .invisible-hotspot:focus-visible,.scenario-workbench .real-scene .invisible-hotspot.expected{background:#f2c55257!important;border-color:#ffe59a!important;box-shadow:0 0 5px #f2c552,0 0 11px #f2c5528c!important}.scenario-workbench .real-scene .invisible-hotspot.active{background:#55e7ff47!important;border-color:#8ff1ff!important;box-shadow:0 0 5px #55e7ff,0 0 11px #55e7ff8c!important}.scenario-workbench .real-scene .invisible-hotspot.used{background:#78d9a733!important;border-color:#78d9a7!important;box-shadow:0 0 6px #78d9a78c!important}.scenario-workbench .real-scene .sink-source{top:70.85%!important;left:78.05%!important}.scenario-workbench .real-scene .ice-source{top:71.25%!important;left:69.3%!important}.scenario-workbench .real-scene .work-glass{top:66.2%!important;left:19.15%!important}.scenario-workbench .real-scene .coaster-source{top:66.75%!important;left:49%!important}.scenario-workbench .real-scene .glass-source{top:var(--target-top)!important}.workbench-toolbar{z-index:20;box-sizing:border-box;color:#dce8e4;background:#030b09f5;border-bottom:1px solid #6ba79747;justify-content:space-between;align-items:center;height:5.3%;padding:0 1.2%;display:flex;position:absolute;top:0;left:0;right:0}.workbench-toolbar strong{font-size:clamp(8px,.75vw,13px)}.workbench-toolbar div{gap:6px;display:flex}.workbench-toolbar button{color:#bcd0c9;cursor:pointer;background:#10231e;border:1px solid #38574f;border-radius:5px;padding:4px 8px;font-size:clamp(7px,.58vw,10px)}.workbench-toolbar button[aria-pressed=true]{color:#ffe4a0;border-color:#d1aa4e}.workbench-settings{z-index:30;color:#dce8e4;background:#071411fa;border:1px solid #49685f;border-radius:8px;width:220px;padding:12px;position:absolute;top:5.5%;right:1%;box-shadow:0 12px 32px #000}.workbench-settings strong,.workbench-settings label,.workbench-settings small{margin-bottom:8px;display:block}.workbench-settings label{font-size:12px}.workbench-settings small{color:#91a79f;margin:0;font-size:10px;line-height:1.45}.live-recipe-panel{z-index:19;box-sizing:border-box;color:#d8e3df;background:linear-gradient(160deg,#051210fc,#080e0dfa);border-right:1px solid #365149;width:14.4%;padding:1.1% .9%;position:absolute;top:5.4%;bottom:21.8%;left:0;overflow:hidden}.live-recipe-panel>small{color:#61cdbd;font-size:clamp(6px,.52vw,9px)}.live-recipe-panel h2{color:#f1f5f3;margin:5% 0 0;font-size:clamp(10px,1vw,17px);line-height:1.15}.live-recipe-panel>p{color:#51d5eb;margin:2% 0 7%;font-size:clamp(7px,.7vw,12px)}.live-recipe-panel dl{border-bottom:1px solid #65918540;margin:0 0 7%;padding:0 0 5%}.live-recipe-panel dl div{margin:0 0 4%}.live-recipe-panel dt{color:#5cc6b7;font-size:clamp(6px,.48vw,8px)}.live-recipe-panel dd{color:#ced8d4;margin:1px 0;font-size:clamp(6px,.56vw,10px);line-height:1.2}.live-recipe-panel>strong{color:#66d0c0;font-size:clamp(7px,.55vw,10px)}.live-recipe-panel ol{margin:4% 0 0;padding:0;list-style:none}.live-recipe-panel li{justify-content:space-between;gap:4px;margin:0 0 2%;font-size:clamp(5.5px,.48vw,8.5px);line-height:1.15;display:flex}.live-recipe-panel li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-recipe-panel li b{color:#d5bc73;flex:none;font-weight:600}.live-recipe-progress{color:#e7c45f;font-size:clamp(7px,.6vw,10px);position:absolute;bottom:3%;left:7%;right:7%}.live-recipe-progress span{margin-bottom:4px;display:block}.live-recipe-progress progress{accent-color:#e8bd45;width:100%;height:5px}.scenario-workbench.hints-off .real-scene .invisible-hotspot:not(.active):not(.used){box-shadow:none!important;background:0 0!important;border-color:#0000!important}.scenario-workbench.hints-off .real-scene .invisible-hotspot:hover,.scenario-workbench.hints-off .real-scene .invisible-hotspot:focus-visible{background:#bfdcd314!important;border-color:#bfdcd380!important}.scenario-workbench.mode-exam .real-scene .invisible-hotspot.used{box-shadow:none!important;background:0 0!important;border-color:#0000!important}.selected-bottle-live{z-index:12;color:#dff5ef;text-align:center;pointer-events:none;flex-direction:column;align-items:center;width:8%;font-size:clamp(5px,.45vw,8px);animation:.45s ease-out both selected-bottle-arrive;display:flex;position:absolute;top:57%;left:28%}.selected-bottle-live i{aspect-ratio:.42;background:linear-gradient(90deg,#4b321c,#987044 45%,#382516);border:1px solid #c9d8d3;border-radius:3px 3px 7px 7px;width:24%;display:block;box-shadow:0 7px 10px #0000008c}.selected-bottle-live span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:3px;overflow:hidden}@keyframes selected-bottle-arrive{0%{opacity:0;top:35%;left:45%;transform:scale(.55)}}.technique-motion{display:contents}.selected-tool-name{z-index:13;color:#d8e8e3;pointer-events:none;background:#040e0cdb;border-radius:4px;max-width:12%;padding:2px 5px;font-size:clamp(5px,.45vw,8px);position:absolute;top:72%;left:29%}.technique-motion.motion-shake .selected-tool{animation:.22s ease-in-out 4 workbench-shake}.technique-motion.motion-stir .selected-tool,.technique-motion.motion-float .selected-tool{animation:.8s ease-in-out workbench-stir}.technique-motion.motion-blend .selected-tool{animation:.12s linear 7 workbench-blend}@keyframes workbench-shake{25%{transform:translate(-5px)rotate(-5deg)}75%{transform:translate(5px)rotate(5deg)}}@keyframes workbench-stir{50%{transform:rotate(5deg)translate(3px)}}@keyframes workbench-blend{50%{transform:translate(1px)}}.scenario-workbench .real-guide{z-index:40;grid-template-columns:minmax(170px,25%) 1fr auto;position:sticky;bottom:0}.scenario-workbench .real-guide p{font-size:clamp(10px,.85vw,14px)}.scenario-workbench .real-guide strong{font-size:clamp(11px,.9vw,15px)!important}@media (width<=900px){.live-recipe-panel{width:22%;bottom:23%}.scenario-workbench .real-scene:before,.mixer-shelf-overlay{clip-path:inset(0 0 0 22%)}.scenario-workbench .real-guide{grid-template-columns:1fr;gap:5px}.scenario-workbench .real-progress{justify-content:space-between}}@media (width<=640px){.live-recipe-panel{width:100%;max-height:none;padding:12px;position:relative;top:auto;bottom:auto}.live-recipe-panel ol{grid-template-columns:1fr 1fr;gap:2px 12px;display:grid}.live-recipe-progress{margin-top:8px;position:static}.workbench-toolbar{height:34px}.scenario-workbench .real-scene{box-sizing:border-box;padding-top:34px}}main:has(.practice-page.workbench-mode){max-width:none}main:has(.practice-page.workbench-mode)+footer{display:none}.practice-page.workbench-mode{width:min(100vw - 24px,177.7vh - 302.09px);max-width:none;margin:0 auto;padding:10px 0 16px}.practice-page.workbench-mode .practice-top{min-height:34px;padding:0 4px}.scenario-workbench.real-workbench{border-color:#41645a;margin-top:4px;box-shadow:0 18px 60px #00000061}.scenario-workbench .real-scene{min-width:0}.scenario-workbench .real-scene .invisible-hotspot,.scenario-workbench .real-scene .invisible-hotspot.active,.scenario-workbench .real-scene .invisible-hotspot.used{box-shadow:none!important;background:0 0!important;border:0 #0000!important}.scenario-workbench .real-scene .invisible-hotspot:after{content:"";z-index:2;aspect-ratio:1;box-sizing:border-box;opacity:0;pointer-events:none;background:0 0;border:1px solid #0000;border-radius:50%;width:clamp(18px,1.55vw,25px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scenario-workbench .real-scene .invisible-hotspot:hover,.scenario-workbench .real-scene .invisible-hotspot:focus-visible{box-shadow:none!important;background:0 0!important;border-color:#0000!important}.scenario-workbench .real-scene .invisible-hotspot:hover:after,.scenario-workbench .real-scene .invisible-hotspot:focus-visible:after{opacity:1;background:#b8dad01f;border-color:#b8dad0ad;box-shadow:0 0 0 2px #b8dad029}.scenario-workbench.hints-on .real-scene .invisible-hotspot.expected{box-shadow:none!important;background:0 0!important;border:0!important;animation:none!important}.scenario-workbench.hints-on .real-scene .invisible-hotspot.expected:after{opacity:1;background:#f2c55247;border:2px solid #ffe18a;animation:1.15s ease-in-out infinite expected-target-pulse;box-shadow:0 0 0 3px #f2c55226,0 0 15px #e8b936}@keyframes expected-target-pulse{50%{box-shadow:0 0 0 6px #f2c55214,0 0 24px #e8b936}}.scenario-workbench .real-scene .invisible-hotspot.bottle-hotspot{width:2.8%!important;height:10%!important}.scenario-workbench .real-scene .invisible-hotspot.sink-source{border-radius:9px!important;width:8.2%!important;height:10.5%!important;top:70.85%!important;left:78.05%!important}.scenario-workbench .real-scene .invisible-hotspot.ice-source{border-radius:9px!important;width:7.2%!important;height:10.5%!important;top:71.25%!important;left:69.3%!important}.scenario-workbench .real-scene .invisible-hotspot.work-glass{border-radius:10px!important;width:7%!important;height:11%!important;top:66.2%!important;left:19.15%!important}.scenario-workbench .real-scene .invisible-hotspot.coaster-source{width:8%!important;height:11%!important;top:66.75%!important;left:49%!important}.scenario-workbench .real-scene .invisible-hotspot.glass-source,.scenario-workbench .real-scene .invisible-hotspot.technique-source{width:4.2%!important;height:8.5%!important}.scenario-workbench .real-scene .invisible-hotspot.technique-source[title=Bar\ Spoon]{width:8%!important;height:7%!important}.scenario-workbench .real-scene .invisible-hotspot.technique-source[title=Strainer]{width:7.5%!important;height:8.5%!important}.action-banner{z-index:18;pointer-events:none;background:#040f0df0;border:1px solid #f2c55294;border-radius:8px;grid-template-columns:auto auto;align-items:center;gap:2px 8px;max-width:39%;padding:7px 11px;display:grid;position:absolute;top:6.2%;left:16%;box-shadow:0 8px 22px #0006}.action-banner small{color:#e4bb51;grid-row:1/3;font-size:clamp(7px,.55vw,10px);font-weight:700}.action-banner strong{color:#fff1bd;font-size:clamp(9px,.72vw,13px)}.action-banner span{color:#b7c8c2;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(7px,.55vw,10px);overflow:hidden}.scenario-workbench .scenario-controls.controls-inactive,.scenario-workbench .scenario-controls .volume-selector:not(.ready),.scenario-workbench .scenario-controls .garnish-selector:not(.ready){display:none}.scenario-workbench .scenario-controls{grid-template-columns:1fr}.scenario-workbench .scenario-controls .volume-options{grid-template-columns:repeat(7,minmax(0,1fr))!important}.scenario-workbench .scenario-controls .garnish-options{grid-template-columns:repeat(4,minmax(0,1fr))!important}.scenario-workbench .scenario-controls .volume-options button,.scenario-workbench .scenario-controls .garnish-options button{opacity:1!important;min-height:38px!important}.scenario-workbench .scenario-controls .volume-options b,.scenario-workbench .scenario-controls .garnish-options b{font-size:clamp(8px,.7vw,12px)!important}.scenario-workbench .scenario-controls .volume-options em,.scenario-workbench .scenario-controls .garnish-options span{font-size:clamp(7px,.55vw,10px)!important}.scenario-workbench .scenario-controls .garnish-options button{text-align:left;grid-template-rows:auto auto;grid-template-columns:48px 1fr;column-gap:8px;min-height:76px!important;display:grid!important}.scenario-workbench .scenario-controls .garnish-options button img{object-fit:contain;filter:drop-shadow(0 3px 3px #00000080);grid-row:1/3;align-self:center;width:46px;height:46px}.scenario-workbench .scenario-controls .garnish-options button.expected img{filter:drop-shadow(1px 0 #ff493f)drop-shadow(-1px 0 #ff493f)drop-shadow(0 1px #ff493f)drop-shadow(0 -1px #ff493f)drop-shadow(0 0 7px #ff3930e6)}.scenario-workbench .real-guide{min-width:0;padding:10px 14px}.scenario-workbench .real-guide p{color:#e2ebe8}.scenario-workbench .error-feedback{color:#ffb69d!important}@media (width<=1100px){.practice-page.workbench-mode{width:calc(100vw - 16px)}.action-banner{max-width:50%}.scenario-workbench .scenario-controls .volume-options{grid-template-columns:repeat(5,minmax(0,1fr))!important}.scenario-workbench .scenario-controls .garnish-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.scenario-workbench .mixer-shelf-overlay{background:linear-gradient(#2c1c12fa 0 18%,#764f2e7a 18% 19%,#080a09fc 19% 90%,#644126b3 90% 94%,#120d0afa 94%);border-top:1px solid #8c68418c;border-bottom:1px solid #8c684173;width:85.6%;height:18.2%;top:45.2%;left:14.4%;box-shadow:inset 0 8px 20px #0000008c;clip-path:none!important}.scenario-workbench .mixer-shelf-overlay:before{content:"주스 / 시럽 / 믹서 / 비터스 / 기타 재료  (Juice / Syrup / Mixer / Bitters / Others)";color:#c9b08a;letter-spacing:.035em;text-align:center;text-shadow:0 1px 2px #000;font-size:clamp(7px,.72vw,12px);font-weight:700;line-height:1;position:absolute;top:3.3%;left:0;right:0}.mixer-bottle-sprite{display:none}.mixer-item-visual{z-index:4;pointer-events:none;width:4.1%;height:12.9%;position:absolute;top:48.9%;transform:translate(-50%)}.mixer-item-visual img{object-fit:contain;filter:saturate(.82)brightness(.82)contrast(1.08)drop-shadow(0 4px 3px #000000a6);width:100%;height:100%}.scenario-workbench .real-scene .invisible-hotspot.mixer-item-hotspot{z-index:7;overflow:visible;width:4.1%!important;height:13.2%!important}.scenario-workbench .real-scene .mixer-item-hotspot:after{display:none}.scenario-workbench .real-scene .mixer-item-hotspot:before{content:"";background-image:var(--item-image);opacity:0;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;transition:filter .18s,transform .18s;position:absolute;inset:0}.scenario-workbench.hints-on .real-scene .mixer-item-hotspot.expected:before{opacity:1;filter:saturate(.95)brightness(.95)drop-shadow(1px 0 #ff493f)drop-shadow(-1px 0 #ff493f)drop-shadow(0 1px #ff493f)drop-shadow(0 -1px #ff493f)drop-shadow(0 0 7px #ff3930e6);animation:1.1s ease-in-out infinite silhouette-hint-pulse}.scenario-workbench .real-scene .mixer-item-hotspot:hover:before,.scenario-workbench .real-scene .mixer-item-hotspot:focus-visible:before{opacity:1;filter:brightness(1.08)drop-shadow(0 0 6px #ff6359bf);transform:translateY(-1px)}@keyframes silhouette-hint-pulse{50%{filter:saturate(1.05)brightness(1.06)drop-shadow(1px 0 #ff655c)drop-shadow(-1px 0 #ff655c)drop-shadow(0 1px #ff655c)drop-shadow(0 -1px #ff655c)drop-shadow(0 0 12px #ff3930f2)}}.alcohol-shelf-surface{z-index:3;pointer-events:none;background:linear-gradient(#080c0b,#050706 82%,#17100b);position:absolute;left:14.4%;right:0;box-shadow:inset 0 -2px #64412685,inset 0 8px 18px #0000008c}.alcohol-shelf-top{height:16.8%;top:8.5%}.alcohol-shelf-middle{height:16.8%;top:28%}.alcohol-item-visual{z-index:4;text-align:center;pointer-events:none;width:3.6%;height:15%;position:absolute;transform:translate(-50%)}.alcohol-item-visual img{object-fit:contain;filter:saturate(.78)brightness(.78)contrast(1.08)drop-shadow(0 4px 3px #000000b3);width:100%;height:82%}.alcohol-item-visual small{color:#c8cfcc;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(4px,.32vw,6px);line-height:1.05;display:block;overflow:hidden}.scenario-workbench .real-scene .invisible-hotspot.alcohol-item-hotspot{z-index:7;width:3.6%!important;height:15%!important}.tool-item-visual,.glass-item-visual{z-index:4;pointer-events:none;position:absolute;transform:translate(-50%)}.tool-item-visual{width:8.4%;height:7.5%;top:78.1%}.glass-item-visual{width:7.2%;height:8.3%;top:87.2%}.tool-item-visual img,.glass-item-visual img{object-fit:contain;filter:saturate(.65)brightness(.72)contrast(1.08)drop-shadow(0 3px 3px #000000b3);width:100%;height:100%}.scenario-workbench .real-scene .silhouette-hotspot:after{display:none}.scenario-workbench .real-scene .silhouette-hotspot:before{content:"";background-image:var(--item-image);opacity:0;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:-8%}.scenario-workbench.hints-on .real-scene .silhouette-hotspot.expected:before{opacity:1;filter:brightness(1.05)drop-shadow(1px 0 #ff493f)drop-shadow(-1px 0 #ff493f)drop-shadow(0 1px #ff493f)drop-shadow(0 -1px #ff493f)drop-shadow(0 0 8px #ff3930e6);animation:1.1s ease-in-out infinite silhouette-hint-pulse}.scenario-workbench.hints-on .real-scene .invisible-hotspot.expected:not(.silhouette-hotspot):not(.mixer-item-hotspot):after{border-radius:inherit;background:#ff393014;border:2px solid #ff554c;width:100%;height:100%;animation:1.1s ease-in-out infinite silhouette-hint-pulse;box-shadow:0 0 0 2px #ff39301f,0 0 12px #ff3930bf}.exact-mixer-caption{z-index:6;color:#d5d7d2;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #000;pointer-events:none;width:4.25%;height:1.8%;font-size:clamp(4.5px,.32vw,6.5px);line-height:1.08;position:absolute;top:60.75%;overflow:hidden;transform:translate(-50%)}.scenario-workbench .selected-glass{filter:drop-shadow(0 5px 4px #000000b3);opacity:.88;width:4.15%;height:13.2%;animation:.46s cubic-bezier(.2,.78,.28,1) both selected-glass-settle;top:61.3%;left:17.15%}.glass-stage-active{z-index:5;width:9.15%;height:13.4%;box-shadow:none;pointer-events:none;background:radial-gradient(at 50% 82%,#00000038,#0000 45%);border:0;border-radius:50%;position:absolute;top:63.2%;left:14.65%}.glass-stage-active.finished{border-radius:50%;width:8.1%;height:12.6%;top:62.4%;left:45.25%}.scenario-workbench .selected-glass:after,.scenario-workbench .selected-tool:after,.scenario-workbench .selected-bottle-live:after{content:"";z-index:-1;filter:blur(2px);background:#000000ad;border-radius:50%;height:5%;position:absolute;bottom:-1%;left:12%;right:12%}.scenario-workbench .selected-glass-body,.scenario-workbench .selected-glass-stem{stroke:#aebbb6;stroke-width:1.65px}.scenario-workbench .selected-glass-body{fill:#53696221}@keyframes selected-glass-settle{0%{opacity:0;top:84%;left:49%;transform:scale(.38)}72%{transform:translateY(-2px)scale(1.03)}to{opacity:.88;transform:none}}.scenario-workbench .selected-glass.filled{width:4%;height:12.8%;animation:.58s cubic-bezier(.2,.78,.28,1) both selected-glass-finish;top:61.4%;left:47%}@keyframes selected-glass-finish{0%{top:61.3%;left:17.15%;transform:scale(1)}55%{transform:translateY(-8px)scale(.92)}to{top:61.4%;left:47%;transform:none}}.scenario-workbench .selected-tool{opacity:.84;filter:drop-shadow(0 5px 4px #000000b8);width:4.25%;height:12.8%;animation:.42s cubic-bezier(.2,.78,.28,1) both selected-tool-settle;top:61.5%;left:34%}.scenario-workbench .selected-tool.shake{width:3.8%;left:34.2%}.scenario-workbench .selected-tool.stir{width:4.1%;left:34%}.scenario-workbench .selected-tool.blend{width:4.3%;left:33.9%}.scenario-workbench .selected-tool.build{width:3.9%;left:34.1%}.scenario-workbench .selected-tool.strainer{width:6.8%;height:10.5%;top:63%;left:33%}.scenario-workbench .selected-tool path{fill:#44585238;stroke:#aab7b2;stroke-width:1.65px}.scenario-workbench .selected-tool .tool-detail{stroke:#bca76d}@keyframes selected-tool-settle{0%{opacity:0;top:79%;transform:scale(.42)}72%{transform:translateY(-2px)scale(1.03)}to{opacity:.84;transform:none}}.scenario-workbench .selected-bottle-live{display:none}.scenario-workbench .selected-bottle-live i{filter:drop-shadow(0 5px 4px #000000b3);background:linear-gradient(90deg,#151a17e6,#765630d1 42%,#251f17f0),#31271d;border-color:#8f9d98;width:42%}.scenario-workbench .selected-bottle-live span{color:#aebbb6;width:180%;margin-top:2px;font-size:clamp(5px,.42vw,8px)}@keyframes selected-bottle-settle{0%{opacity:0;top:48%;left:45%;transform:scale(.45)}72%{transform:translateY(-2px)scale(1.03)}to{opacity:.9;transform:none}}.scenario-workbench .selected-tool-name{display:none}.scenario-workbench .tool-ice-indicator{z-index:14;color:#cce9ee;width:2.2%;text-shadow:none;font-size:0;top:68.2%;left:35.6%;overflow:hidden}.scenario-workbench .tool-ice-indicator:before{content:"◆  ◆";color:#cdedf3d1;text-shadow:0 0 4px #7bc5d1a6;font-size:clamp(5px,.5vw,9px)}.scenario-workbench .real-scene:before{content:""!important;display:block!important}