html{margin:0;padding:0}body{margin:0;padding:0;background-color:#000}:root{width:100vw;height:100vh;margin:0;padding:0;text-align:center;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;width:100vw;height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:pxfont;src:url(/assets/fusion-pixel-8px-proportional-zh_hans-CCif--fj.otf)}@font-face{font-family:YouSheBiaoTiHei;src:url(/assets/ysbth-fahbdFno.ttf)}:root{--select-font-size: 1.2rem;--select-font-size-small: 1rem;--input-width: 60%;--button-text-size: 1.2rem}.pxfont{font-family:pxfont}@media screen and (max-width: 900px){html{font-size:small}}@media screen and (max-width: 768px){html{font-size:x-small}}@media screen and (max-width: 500px){html{font-size:xx-small}}.welcome-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#000;background-image:url(/_3_8-_1_4.jpg);background-size:cover;background-position:center;margin:0;padding:0;overflow:hidden;position:relative}.welcome-content{display:flex;flex-direction:column;align-items:center;gap:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:80vw}.welcome-title{display:flex;gap:1rem;font-weight:700;font-size:16px;letter-spacing:-.043em;line-height:19px;color:#2f2019}.welcome-ai-play,.welcome-alcohol{color:#2f2019;height:19px}.welcome-main-text{font-weight:700;font-size:36px;letter-spacing:.4em;line-height:43px;height:43px;color:#000;margin:0}.welcome-red-text{color:red}.welcome-start-button{padding:10px 30px;font-size:35px;font-weight:500;line-height:42px;height:42px;letter-spacing:-.046em;color:#fff;background:transparent;border:none;cursor:pointer;transition:transform .3s ease}.welcome-start-button:hover{transform:scale(1.1)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes scale{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.button-container{animation:float 2s ease-in-out infinite;cursor:pointer;transition:transform .2s ease;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.button-container:active{animation:scale .2s ease-in-out}.button-image{width:100%;height:100%;object-fit:fill}.button-text{position:relative;text-align:center;color:#fff;font-size:var(--button-text-size);-webkit-user-select:none;user-select:none;pointer-events:none;font-family:YouSheBiaoTiHei}.select-input-container{display:inline-block;position:relative;width:var(--input-width)}.input-container{display:flex;align-items:center;border:none;border-bottom:2px solid rgba(255,255,255,.5);background:transparent;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);padding:8px 5px;font-size:16px}.input-container:focus{border-bottom-color:#fff}.input-container.small{padding:6px 10px;font-size:14px}.input-container.large{padding:14px 18px;font-size:18px}.input-container.is-open{border-bottom-color:#fff;box-shadow:0 4px 12px #ffffff26}.input-container:hover{border-bottom-color:#fff;transform:translateY(-2px)}.input-element{flex:1;border:none;background:transparent;outline:none;width:100%;color:#fff;font-size:var(--select-font-size)}.input-element::placeholder{color:#ffffff80}.dropdown-indicator{width:0;height:0;border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-top:.5rem solid #fff;margin-left:.75rem;cursor:pointer;transition:transform .3s ease}.clear-button{background:none;border:none;color:#fff;font-size:36px;cursor:pointer;padding:0 16px;margin-right:8px;line-height:1;min-width:48px;min-height:48px}.option-item{padding:24px 32px;font-size:48px}.dropdown-indicator:hover,.input-container.is-open .dropdown-indicator{transform:rotate(180deg)}.clear-button{background:none;border:none;color:#fff;cursor:pointer;padding:0 8px;margin-right:4px;line-height:1;display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;border-radius:50%;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);-webkit-tap-highlight-color:transparent}.clear-button:hover,.clear-button:active{background-color:#ffffff1a;transform:rotate(90deg)}.clear-button:focus{outline:none}.option-list{position:absolute;width:100%;max-width:400px;max-height:300px;margin:8px 0;padding:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;overflow-y:auto;opacity:0;transform:translateY(-10px);transition:opacity var(--animate-duration) ease,transform var(--animate-duration) ease;z-index:9999;display:none}.option-list.is-open{opacity:1;transform:translateY(0);display:block}.option-list::-webkit-scrollbar{width:8px}.option-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.option-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.option-item{padding:2px 16px;list-style:none;cursor:pointer;color:#fff;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;font-size:var(--select-font-size-small);font-weight:400;line-height:70px}.option-item.highlighted{background-color:#ffffff1a;transform:scale(1.02) translate(4px);font-weight:700}.option-item:hover,.option-item:active{background-color:#ffffff1a;transform:scale(1.02) translate(4px)}.input-container.error{border-bottom-color:#ff4d4f}.input-container.error:hover,.input-container.error.is-open{border-bottom-color:#ff7875;box-shadow:0 4px 12px #ff4d4f26}.input-container.error .input-element{color:#ff4d4f}.input-container.error .input-element::placeholder{color:#ff4d4f80}.input-container.error .dropdown-indicator{border-top-color:#ff4d4f}.input-container.error .clear-button{color:#ff4d4f}.error-message{color:#ff4d4f;font-size:14px;margin-top:4px;position:absolute;left:0;width:100%}@media (hover: none){.input-container:hover{transform:none}.option-item:hover{transform:none;background-color:transparent}.option-item:active{background-color:#ffffff1a;transform:scale(.98)}}.m-input-box{display:flex;color:#fff;height:10.5%;line-height:10.5%;font-size:1.5rem;align-items:center;margin-bottom:3.5%;--input-size: 65% }.m-input-label{display:inline-block;width:35%}.m-input-container{position:relative;left:56%;height:100%;width:30%}.m-input-container-toppadding{height:13%}.number-wheel-container{position:relative;width:var(--input-width);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;display:inline-block}.number-display{position:absolute;font-size:var(--select-font-size-small);color:#fff;font-weight:700;text-align:center;font-size:.8rem;left:45%;top:-15px}.range-input{-webkit-appearance:none;width:100%;height:4px;background:#ffffff4d;border-radius:2px;outline:none}.range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border-radius:50%;cursor:pointer;transition:transform .2s ease}.range-input::-moz-range-thumb{width:20px;height:20px;background:#fff;border-radius:50%;cursor:pointer;transition:transform .2s ease;border:none}.range-input::-webkit-slider-thumb:hover,.range-input::-webkit-slider-thumb:active{transform:scale(1.2)}.range-input::-moz-range-thumb:hover,.range-input::-moz-range-thumb:active{transform:scale(1.2)}.number-wheel-container.small{height:80px}.number-wheel-container.small .number-display{font-size:18px}.number-wheel-container.small .range-input{height:3px}.number-wheel-container.small .range-input::-webkit-slider-thumb{width:16px;height:16px}.number-wheel-container.small .range-input::-moz-range-thumb{width:16px;height:16px}.loading-container{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000;color:#fff;background-image:url(/_3_8-_1_5.jpg);background-size:cover;background-position:center;margin:0;padding:0;overflow:hidden;position:relative}@keyframes fadeInOut{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.loading-text{animation:fadeInOut 2s ease-in-out infinite}.loading-message{font-size:59px;font-weight:500;line-height:71px;height:71px;letter-spacing:0em;position:absolute;bottom:10%;left:50%;transform:translate(-50%);text-align:center;padding:0 2rem;width:90vw;max-width:1200px}#g-_3_8-_1_6{position:relative;overflow:hidden;width:100vw;margin:0 auto}#g-_3_8-_1_6 .g-aiImg{position:absolute;top:0;left:0;display:block;width:100%!important}.result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;color:#f7efd7;z-index:1}.result-kicker,.result-name,.result-abv-label,.result-abv-value,.result-formula-title,.result-story-title,.result-switch-title,.result-recipe-name,.result-recipe-amount,.result-story-box{position:absolute;margin:0;font-weight:500;color:inherit;text-shadow:0 1px 0 rgba(0,0,0,.55)}.result-kicker{top:23.57%;left:51.08%;font-size:clamp(14px,.8vw,18px);line-height:1.2;letter-spacing:.04em;color:#f7efd7cc}.result-name{top:27.15%;left:50.45%;width:14.5%;min-width:180px;font-size:clamp(32px,2.65vw,60px);line-height:1.15;text-align:left;word-break:break-word}.result-formula-title{top:32.95%;left:50.97%;font-size:clamp(24px,1.72vw,39px);line-height:1.18}.result-recipe-list{position:absolute;top:39.45%;left:51.97%;width:15.95%;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:1.2%;row-gap:.65%;align-items:baseline}.result-recipe-row{display:contents}.result-recipe-name,.result-recipe-amount{position:static;font-size:clamp(12px,.82vw,19px);line-height:1.45}.result-recipe-name,.result-recipe-amount{text-align:left;white-space:nowrap}.result-abv-meta{position:static}.result-abv-label{position:absolute;top:49.78%;left:50.82%;font-size:clamp(24px,1.72vw,39px);line-height:1.18;text-align:left}.result-abv-value{position:absolute;top:50.2%;left:62.46%;font-size:clamp(28px,1.6vw,36px);line-height:1.2;color:#ffcb4a}.result-story-title{top:57.1%;left:50.89%;font-size:clamp(24px,1.72vw,39px);line-height:1.18}.result-story-box{top:61.65%;left:51.98%;width:18.25%;height:10.95%;overflow:auto;padding-right:.45%;font-size:clamp(11px,.76vw,18px);line-height:1.62;text-align:left;white-space:pre-wrap;color:#f7efd7e0;scrollbar-width:thin}.result-story-box::-webkit-scrollbar{width:6px}.result-story-box::-webkit-scrollbar-thumb{background:#00000040;border-radius:999px}.result-switch-title{top:72.1%;left:50.89%;font-size:clamp(24px,1.72vw,39px);line-height:1.18}.result-switch-list{position:absolute;top:79.85%;left:51.95%;width:20.2%;display:flex;align-items:center;gap:.55vw;transform:matrix(.9851,-.1717,.1717,.9851,0,0);transform-origin:left center}.result-switch-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#f7efd7;display:flex;align-items:center;gap:.45vw;min-width:0;padding:0;border-radius:999px;font-size:clamp(12px,.76vw,18px);line-height:1.2;transition:transform .16s ease,opacity .16s ease}.result-switch-item:hover{transform:translateY(-1px)}.result-switch-item.active{opacity:1;color:#ffcb4a}.result-switch-item:not(.active){opacity:.45}.result-switch-index{font-size:clamp(11px,.72vw,16px)}.result-switch-name{max-width:5.1vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width: 1400px){.result-name{width:16.8%}.result-recipe-list{width:17.2%}.result-story-box{width:19.4%;height:11.7%}.result-switch-list{width:22.8%}}@media screen and (max-width: 900px){.result-kicker{top:23.25%}.result-name{top:27.4%;width:19%;min-width:120px}.result-formula-title{top:33.15%}.result-recipe-list{top:39.55%;width:18.6%}.result-abv-meta{position:static}.result-abv-value{left:62.46%}.result-story-box{width:21.6%;height:12.8%}.result-switch-list{width:25.8%;gap:.8vw;flex-wrap:wrap}.result-switch-name{max-width:none}}