:root{--text:#d7dcff;--text-h:#ffd86f;--bg:#050816;--border:#ffd77840;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--card-bg:#0c142c;--card-text:white}body{background:linear-gradient(#050816,#0d1b33);min-height:100vh;margin:0;font-family:Segoe UI,system-ui,sans-serif}#root{box-sizing:border-box;background:0 0;flex-direction:column;width:100%;max-width:1126px;min-height:100svh;margin:0 auto;display:flex;overflow-x:hidden}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:20px 0 5px;font-size:clamp(2.2rem,7vw,3.5rem)}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.2px;color:#fff;margin:0;font-size:clamp(1rem,4vw,1.5rem);font-weight:600;line-height:1.3}@media (width<=1024px){h2{font-size:20px}}p{color:var(--text);margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.fortune-wheel{pointer-events:none;width:min(90vw,500px);height:auto;display:block}.wheel-pointer{color:#d32f2f;z-index:10;margin-bottom:-20px;font-size:clamp(30px,8vw,40px)}.wheel-text{fill:#036;font-size:18px;font-weight:700}.spin-button{color:#fff;cursor:pointer;background-color:#005bbb;border:4px solid #ffd500;border-radius:12px;margin-top:20px;padding:14px 40px;font-size:clamp(18px,4vw,22px)}.spin-button:disabled{color:#ddd;cursor:not-allowed;background:#999;border-color:#777}@media (width<=600px){.wheel-text{font-size:14px}.spin-button{width:80%;max-width:300px}}.slot-wrapper{flex-direction:column;align-items:center;gap:20px;font-family:sans-serif;display:flex}.slots{background:#222;border:4px solid #444;border-radius:10px;gap:10px;padding:20px;display:flex;box-shadow:0 10px 20px #00000080,inset 0 0 20px #000}.reel-box{background:#fff;border-radius:5px;width:160px;height:60px;position:relative;overflow:hidden;box-shadow:inset 0 3px 10px #0000004d}.reel-box:before,.reel-box:after{content:"";z-index:2;pointer-events:none;height:15px;position:absolute;left:0;right:0}.reel-box:before{background:linear-gradient(#0006,#0000);top:0}.reel-box:after{background:linear-gradient(#0000,#0006);bottom:0}.reel-content{will-change:transform}.item{color:#333;text-align:center;justify-content:center;align-items:center;height:60px;font-size:16px;font-weight:700;display:flex}.stop-btn{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:5px;padding:12px 30px;font-size:18px;font-weight:700;transition:all .2s;box-shadow:0 4px 6px #0000004d}.stop-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 3px #0000004d}.stop-btn:disabled{cursor:not-allowed;opacity:.8;background:#7f8c8d}.wish-container{box-sizing:border-box;color:#fff;background:#0c142ceb;border:1px solid #ffd77840;border-radius:20px;width:100%;max-width:700px;margin:2rem auto;padding:clamp(1rem,5vw,2.5rem);box-shadow:0 0 40px #78a0ff26}.wish-title{text-align:center;color:#ffd86f;letter-spacing:1px;text-shadow:0 0 12px #ffd86f99;margin:0 0 2rem;font-size:clamp(1.8rem,6vw,2.4rem)}.step{margin-bottom:2rem}.step-number{color:#09111f;background:linear-gradient(135deg,#ffd86f,#ffb347);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:.75rem;font-weight:700;display:inline-flex}.step p{color:#d7dcff;margin:.5rem 0 1rem;font-size:1rem}.zodiac-select,.wish-input{resize:vertical;box-sizing:border-box;color:#fff;background:#17213f;border:1px solid #384b88;border-radius:12px;width:100%;min-height:140px;padding:14px;font-family:inherit;font-size:16px}.wish-input::placeholder{color:#aab4d6}.zodiac-select:focus,.wish-input:focus{border-color:#ffd86f;outline:none;box-shadow:0 0 12px #ffd86f66}.wish-input{resize:vertical;min-height:140px}textarea:disabled{color:#aaa;cursor:not-allowed;opacity:.8;background:#333b55}.wish-button{cursor:pointer;color:#09111f;background:linear-gradient(90deg,#ffd86f,#ffbe55,#ffd86f);border:none;border-radius:999px;width:100%;padding:16px;font-size:clamp(16px,4vw,18px);font-weight:700;transition:all .3s}.wish-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 25px #ffd86f80}.wish-button:disabled{color:#bbb;cursor:not-allowed;opacity:.7;background:#555}button:disabled{color:#fff;cursor:not-allowed;opacity:.6;background-color:gray}.result-card{background:#ffffff0d;border:1px solid #ffd76f33;border-radius:16px;margin-top:35px;padding:25px}.result-card h2{color:#ffd86f;margin-top:0}.result-card p{margin:12px 0;font-size:18px}@media (width<=600px){.wish-container{border-radius:12px;margin:1rem auto}.step{margin-bottom:1.5rem}.wish-input{min-height:120px}}.drink-model-area{box-sizing:border-box;background:#1a1a1a;background:var(--card-bg);width:100%;max-width:600px;min-height:400px;color:var(--card-text);border-radius:12px;justify-content:center;align-items:center;margin:auto;padding:1rem;display:flex;overflow:hidden;box-shadow:0 4px 10px #0000004d}@media (width<=600px){.drink-model-area{min-height:300px;padding:.5rem}}.drink-banner-container{width:100%;max-width:600px;position:relative}.drink-banner-image{border-radius:8px;width:100%;height:auto;display:block}.drink-banner-text{text-align:center;color:#fff;text-shadow:2px 2px 4px #000;width:90%;margin:0;font-size:clamp(1.2rem,5vw,2.2rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.row-top,.row-bottom{display:block}.row-top{opacity:.9;margin-bottom:5px;font-size:clamp(1rem,4vw,2rem)}.day-night-symbol{visibility:visible;flex-direction:column;align-items:center;width:200px;display:flex}.day-night-symbol.hidden{visibility:hidden}.zodiac-sign-area{visibility:visible;width:160px}.zodiac-sign-area.hidden{visibility:hidden}.zodiac-sign-frame{background:linear-gradient(145deg,#f5f3ea,#dcd8c8);border:3px solid #ffffff59;border-radius:24px;justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative;box-shadow:0 0 25px #ffffff1f,inset 0 0 20px #00000026}.zodiac-sign-frame:before{content:"";border:1px solid #50463240;border-radius:18px;position:absolute;inset:8px}.zodiac-sign-icon{z-index:1;color:#222;font-size:80px;position:relative}.number-container{color:#fff;flex-direction:column;align-items:center;gap:20px;font-family:Arial,sans-serif;display:flex}.number-control{align-items:center;gap:15px;display:flex}.number-box{color:#fff;background-color:#005bbb;border:3px solid #ffd500;border-radius:12px;justify-content:center;align-items:center;width:120px;height:120px;font-size:48px;font-weight:700;display:flex}.arrow-button{color:#036;cursor:pointer;background-color:#ffd500;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:24px;font-weight:700;transition:opacity .2s;display:flex}.arrow-button:hover:not(:disabled){opacity:.75}.arrow-button:disabled{color:#ddd;cursor:not-allowed;background-color:#777}.controls{align-items:center;gap:10px;display:flex}.toggle-label{width:50px;height:26px;display:inline-block;position:relative}.toggle-label input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#666;border-radius:26px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle-label input:checked+.toggle-slider{background-color:#ffd500}.toggle-label input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-text{color:#fff;font-size:16px;font-weight:500}.message{color:red;visibility:hidden;opacity:0;margin:0;transition:opacity .2s}.message.visible{visibility:visible;opacity:1}@media (width<=600px){.number-box{width:90px;height:90px;font-size:36px}.arrow-button{width:38px;height:38px;font-size:20px}.number-control{gap:10px}}.app{flex-direction:column;align-items:center;gap:4rem;padding:1rem;display:flex}@media (width<=768px){.app{gap:2rem}}.title-area{justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:0 1rem;display:flex}@media (width<=768px){.title-area{text-align:center;flex-direction:column}}.wheel-area{justify-content:space-between;align-items:center;gap:3rem;width:100%;display:flex}@media (width<=768px){.wheel-area{flex-direction:column}}.drink-model-area{box-sizing:border-box;background:#1a1a1a;border-radius:12px;width:100%;max-width:630px;min-height:auto;padding:1.5rem}@media (width<=768px){.drink-model-area{border-radius:8px;padding:1rem}.title-area,.wheel-area{flex-direction:column}.app{gap:2rem}.drink-model-area{width:100%;min-height:auto}}img,svg,canvas{max-width:100%;height:auto}button,input,select{max-width:100%;font-size:1rem}.undertitle{color:#f34848;opacity:1}