.login-screen[data-v-e9958034]{z-index:2000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040408ad;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.login-card[data-v-e9958034]{color:#fff;text-align:center;background:linear-gradient(145deg,#191923f7,#07080dfa);border:1px solid #ffffff21;border-radius:28px;width:min(430px,92vw);padding:38px 34px;box-shadow:0 35px 100px #000000a6,0 0 70px #ff3f911f}.login-icon[data-v-e9958034]{background:linear-gradient(135deg,#ff78b3,#ff3f91);border-radius:18px;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 12px;font-size:30px;display:flex;box-shadow:0 10px 30px #ff3f9152}.login-eyebrow[data-v-e9958034]{color:#ff78b3;letter-spacing:.22em;font-size:9px;font-weight:900;display:block}.login-card h1[data-v-e9958034]{margin:7px 0 3px;font-size:36px}.login-card>p[data-v-e9958034]{color:#ffffff73;margin:0;font-size:12px}.login-fields[data-v-e9958034]{text-align:left;flex-direction:column;gap:12px;margin-top:28px;display:flex}.login-fields label[data-v-e9958034]{flex-direction:column;gap:6px;display:flex}.login-fields label span[data-v-e9958034]{color:#ffffff8c;font-size:10px;font-weight:700}.login-fields input[data-v-e9958034]{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;outline:none;width:100%;height:46px;padding:0 14px;font-size:14px}.login-fields input[data-v-e9958034]:focus{border-color:#ff3f91b3;box-shadow:0 0 0 3px #ff3f9117}.login-error[data-v-e9958034]{color:#ff8080;margin-top:12px;font-size:11px;font-weight:700}.login-button[data-v-e9958034]{color:#fff;cursor:pointer;background:linear-gradient(105deg,#ff78b3,#ff3f91,#d41e68);border:none;border-radius:12px;width:100%;height:46px;margin-top:18px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 30px #ff3f9147}.login-button[data-v-e9958034]:hover{transform:translateY(-1px);box-shadow:0 13px 35px #ff3f9161}.login-button[data-v-e9958034]:active{transform:scale(.985)}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#app{width:100%;height:100%;margin:0}html,body{overflow:hidden}*,:before,:after{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer}.app{--accent:#ff3f91;--accent-light:#ff78b3;--accent-dark:#d41e68;--accent-rgb:255, 63, 145;color:#fff;background-image:linear-gradient(#00000014,#00000014),url(/party-background.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:14px;display:flex;overflow:hidden}.app.theme-girls{--accent:#ff3f91;--accent-light:#ff78b3;--accent-dark:#d41e68;--accent-rgb:255, 63, 145}.app.theme-boys{--accent:#748cff;--accent-light:#a1b0ff;--accent-dark:#4056d8;--accent-rgb:116, 140, 255}.content{z-index:5;flex-direction:column;gap:9px;width:100%;max-width:520px;display:flex;position:relative}.party-switch{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08090eeb;border:1px solid #ffffff1f;border-radius:17px;grid-template-columns:1fr 1fr;width:390px;max-width:100%;margin:0 auto;padding:4px;display:grid;box-shadow:0 12px 35px #0000006b}.party-switch-button{color:#ffffff7a;background:0 0;border:none;border-radius:13px;justify-content:center;align-items:center;gap:7px;height:45px;padding:5px 12px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.party-switch-button:hover{color:#fff}.party-switch-button:disabled{cursor:not-allowed;opacity:.55}.party-switch-button.active{color:#fff;background:linear-gradient(135deg, var(--accent-light), var(--accent));box-shadow:0 6px 20px rgba(var(--accent-rgb), .35)}.switch-icon{font-size:16px}.generator{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#181821f2,#07080df7);border:1px solid #ffffff1f;border-radius:25px;width:100%;padding:20px 24px 13px;position:relative;overflow:hidden;box-shadow:0 35px 90px #0009,inset 0 1px #ffffff0f}.generator:before{content:"";background:rgba(var(--accent-rgb), .22);filter:blur(65px);pointer-events:none;border-radius:50%;width:300px;height:300px;position:absolute;top:-190px;left:50%;transform:translate(-50%)}.header{justify-content:center;align-items:center;gap:12px;display:flex}.logo-wrapper{border:1px solid rgba(var(--accent-rgb), .3);background:rgba(var(--accent-rgb), .12);border-radius:12px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;margin:0;display:flex}.logo{object-fit:contain;width:27px;height:27px;display:block}.eyebrow{color:var(--accent-light);letter-spacing:.18em;font-size:8px;font-weight:800;display:block}.header h1{letter-spacing:.04em;margin:0;font-size:32px;font-weight:900;line-height:1}.header p{color:#ffffff6b;margin:0;font-size:11px}.range{justify-content:center;align-items:flex-end;gap:9px;margin:12px 0 9px;display:flex}.range label{color:#ffffff8c;flex-direction:column;gap:4px;font-size:9px;display:flex}.range input{color:#fff;text-align:center;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:82px;height:36px;padding:5px 8px;font-size:15px;font-weight:700}.range input:focus{border-color:rgba(var(--accent-rgb), .7);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .09)}.range-divider{color:#ffffff59;align-items:center;height:36px;display:flex}.result{flex-direction:column;align-items:center;margin:2px 0 10px;display:flex}.number{color:#fff;background:radial-gradient(circle at 35% 25%, var(--accent-light), var(--accent) 52%, var(--accent-dark));width:108px;height:108px;box-shadow:0 0 40px rgba(var(--accent-rgb), .35), inset 0 2px 7px #ffffff38;border:1px solid #ffffff3d;border-radius:50%;justify-content:center;align-items:center;font-size:47px;font-weight:900;line-height:1;display:flex;position:relative}.number:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff1f;position:absolute;inset:8px}.number.empty{color:#ffffff38;box-shadow:none;background:#ffffff06;border:1px dashed #ffffff21}.result-label{color:#fff6;margin-top:5px;font-size:9px}.generate{color:#fff;background:linear-gradient(105deg, var(--accent-light), var(--accent), var(--accent-dark));width:100%;min-height:42px;box-shadow:0 10px 28px rgba(var(--accent-rgb), .26);border:none;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:8px 15px;font-size:13px;font-weight:800;transition:all .2s;display:flex}.generate:hover{box-shadow:0 13px 35px rgba(var(--accent-rgb), .38);transform:translateY(-1px)}.generate:active{transform:scale(.985)}.generate-icon{font-size:9px}.finished{border:1px solid rgba(var(--accent-rgb), .27);min-height:42px;color:var(--accent-light);background:rgba(var(--accent-rgb), .075);border-radius:11px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.generate:disabled{cursor:not-allowed;opacity:.4;filter:grayscale(.35);box-shadow:none;transform:none}.history{border-top:1px solid #ffffff13;margin-top:10px;padding-top:8px}.history-header{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.history-header h2{margin:0;font-size:10px;font-weight:700}.history-header span{color:#ffffff5e;font-size:9px}.numbers{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.history-number{color:#ffffffad;background:#ffffff08;border:1px solid #ffffff17;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:10px;font-weight:700;transition:all .2s;display:flex}.history-number.latest{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 0 16px rgba(var(--accent-rgb), .42)}.empty-history{color:#ffffff40;text-align:center;border:1px dashed #ffffff14;border-radius:9px;padding:8px;font-size:9px}.bottom{text-align:center}.reset{color:#ffffff61;background:0 0;border:none;justify-content:center;align-items:center;gap:4px;margin-top:7px;padding:4px 9px;font-size:9px;transition:all .2s;display:inline-flex}.reset:hover{color:#fff}.credits{margin-top:1px}.credits a{color:#ffffff29;font-size:6px;text-decoration:none}.credits a:hover{color:#ffffff80}.music-player{background:linear-gradient(145deg,#ffffff0e,#ffffff05);border:1px solid #ffffff17;border-radius:14px;margin-bottom:10px;padding:13px}.music-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.playing-status{align-items:center;gap:10px;display:flex}.music-status-text{flex-direction:column;gap:2px;display:flex}.music-status-text strong{font-size:11px}.music-status-text span{color:#ffffff61;font-size:8px}.music-time{color:#ffffff5c;white-space:nowrap;font-size:8px}.audio-loader{border:3px solid rgba(var(--accent-rgb), .25);border-top-color:var(--accent);border-radius:50%;flex:0 0 24px;width:24px;height:24px;animation:.75s linear infinite audio-loader-spin}@keyframes audio-loader-spin{to{transform:rotate(360deg)}}.equalizer{justify-content:center;align-items:center;gap:2px;width:29px;height:25px;display:flex}.equalizer span{background:var(--accent);width:3px;height:5px;box-shadow:0 0 8px rgba(var(--accent-rgb), .4);border-radius:3px;transition:height .2s}.equalizer.active span{animation:.75s ease-in-out infinite alternate sound-wave}.equalizer.active span:nth-child(2){animation-delay:-.2s}.equalizer.active span:nth-child(3){animation-delay:-.4s}.equalizer.active span:nth-child(4){animation-delay:-.1s}.equalizer.active span:nth-child(5){animation-delay:-.3s}@keyframes sound-wave{0%{height:5px}50%{height:20px}to{height:9px}}.progress-track{background:#ffffff14;border-radius:10px;width:100%;height:4px;margin:10px 0;overflow:hidden}.progress-value{border-radius:inherit;background:linear-gradient(90deg, var(--accent-light), var(--accent));height:100%;box-shadow:0 0 10px rgba(var(--accent-rgb), .45);transition:width .15s linear}.music-controls{grid-template-columns:auto auto 1fr;align-items:center;gap:7px;display:grid}.music-control{color:#ffffffbf;background:#ffffff0a;border:1px solid #ffffff17;border-radius:8px;height:32px;padding:0 11px;font-size:9px;font-weight:700;transition:all .2s}.music-control:hover:not(:disabled){color:#fff;background:#ffffff14}.music-control:disabled{cursor:default;opacity:.3}.primary-control{color:#fff;border-color:rgba(var(--accent-rgb), .35);background:rgba(var(--accent-rgb), .12)}.volume-control{align-items:center;gap:6px;padding-left:5px;display:flex}.volume-control span{font-size:11px}.volume-control input{width:100%;min-width:70px;accent-color:var(--accent);cursor:pointer}.game-help{border-top:1px solid #ffffff12;margin-top:10px;padding-top:9px}.game-help-buttons{border-top:1px solid #ffffff12;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;padding-top:10px;display:grid}.hint-button,.answer-button{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;min-height:38px;font-size:11px;font-weight:700}.hint-button:hover,.answer-button:hover{border-color:rgba(var(--accent-rgb), .4);background:rgba(var(--accent-rgb), .12)}.help-content{text-align:left;border-radius:8px;margin-top:7px;padding:9px 11px}.help-label{letter-spacing:.13em;margin-bottom:3px;font-size:6px;font-weight:900;display:block}.help-content p{margin:0;font-size:10px;line-height:1.35}.hint-content{color:#ffffffd4;background:#ffc8480e;border:1px solid #ffc84821}.hint-content .help-label{color:#f4c34e}.answer-content{border:1px solid rgba(var(--accent-rgb), .18);background:rgba(var(--accent-rgb), .07)}.answer-content .help-label{color:var(--accent-light)}.answer-content strong{margin-bottom:2px;font-size:11px;display:block}.answer-content p{color:#ffffff94}.help-enter-active,.help-leave-active{transition:opacity .2s,transform .2s}.help-enter-from,.help-leave-to{opacity:0;transform:translateY(-5px)}@media (width<=700px){.music-player{border-radius:10px;margin-bottom:5px;padding:8px}.music-header{gap:7px}.equalizer{width:23px;height:20px}.music-controls{grid-template-columns:1fr 1fr;gap:5px}.volume-control{grid-column:1/-1}.music-control{height:28px;font-size:8px}.game-help{margin-top:6px;padding-top:6px}.hint-button,.answer-button{min-height:27px;font-size:8px}.help-content{padding:6px 8px}.help-content p{font-size:8px}.answer-content strong{font-size:9px}}@media (width>=1200px){.content{max-width:520px}}@media (height<=800px) and (width>=701px){.content{gap:6px}.party-switch-button{height:39px}.generator{padding:13px 21px 8px}.logo-wrapper{border:1px solid rgba(var(--accent-rgb), .3);background:rgba(var(--accent-rgb), .12);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.logo{object-fit:contain;width:27px;height:27px}.header h1{font-size:22px}.header p{font-size:9px}.range{margin:7px 0 5px}.range input,.range-divider{height:32px}.number{width:86px;height:86px;font-size:37px}.result{margin-bottom:5px}.generate,.finished{min-height:35px}.history{margin-top:6px;padding-top:5px}.history-header{margin-bottom:4px}.numbers{gap:4px}.history-number{width:29px;height:29px;font-size:8px}.reset{margin-top:3px}}.game-modal{z-index:1100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020308d6;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.game-modal-card{text-align:center;width:min(900px,90vw);min-height:430px;box-shadow:0 40px 120px #000000b3, 0 0 80px rgba(var(--accent-rgb), .13);background:linear-gradient(145deg,#1b1b27fa,#08080efa);border:1px solid #ffffff24;border-radius:34px;flex-direction:column;justify-content:center;align-items:center;padding:60px 70px;display:flex;position:relative}.game-modal-card:before{content:"";border-radius:inherit;background:radial-gradient(circle at 50% 0%, rgba(var(--accent-rgb), .16), transparent 48%);pointer-events:none;position:absolute;inset:0}.modal-close{color:#ffffffa6;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;line-height:1;display:flex;position:absolute;top:20px;right:24px}.modal-close:hover{color:#fff;background:#ffffff1a}.modal-icon{z-index:1;margin-bottom:16px;font-size:64px;position:relative}.modal-label{z-index:1;color:var(--accent-light);letter-spacing:.2em;margin-bottom:25px;font-size:16px;font-weight:900;position:relative}.modal-main-text{z-index:1;color:#fff;max-width:750px;font-size:clamp(32px,4vw,58px);font-weight:800;line-height:1.18;position:relative}.answer-artist{z-index:1;color:#ffffff9e;font-size:clamp(24px,3vw,38px);font-weight:700;position:relative}.answer-title{z-index:1;color:#fff;margin-top:10px;font-size:clamp(42px,5vw,72px);font-weight:900;line-height:1.05;position:relative}.modal-action{z-index:1;color:#fff;background:linear-gradient(105deg, var(--accent-light), var(--accent), var(--accent-dark));min-width:190px;min-height:50px;box-shadow:0 10px 30px rgba(var(--accent-rgb), .32);border:none;border-radius:14px;margin-top:38px;padding:12px 28px;font-size:15px;font-weight:800;position:relative}.modal-enter-active,.modal-leave-active{transition:opacity .2s}.modal-enter-active .game-modal-card,.modal-leave-active .game-modal-card{transition:transform .25s,opacity .25s}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .game-modal-card{opacity:0;transform:scale(.9)translateY(20px)}.modal-leave-to .game-modal-card{opacity:0;transform:scale(.95)}.countdown-overlay{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040408c7;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.countdown-number{color:#fff;text-shadow:0 0 30px rgba(var(--accent-rgb), .8), 0 0 90px rgba(var(--accent-rgb), .45);font-size:clamp(140px,20vw,280px);font-weight:900;line-height:.9;animation:.95s both countdown-pop}.countdown-label{color:#ffffffb8;letter-spacing:.28em;margin-top:28px;font-size:20px;font-weight:800}@keyframes countdown-pop{0%{opacity:0;transform:scale(1.6)}25%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.7)}}.countdown-enter-active,.countdown-leave-active{transition:opacity .2s}.countdown-enter-from,.countdown-leave-to{opacity:0}@media (width<=700px){.app{background-position:50%;padding:6px}.content{gap:5px;max-width:430px}.party-switch{border-radius:14px;width:100%}.party-switch-button{border-radius:10px;height:37px;padding:4px 8px;font-size:10px}.switch-icon{font-size:13px}.generator{border-radius:18px;padding:10px 12px 7px}.logo-wrapper{border-radius:9px;width:31px;height:31px;margin-bottom:3px}.logo{width:19px;height:19px}.eyebrow{font-size:6px}.header h1{margin:2px 0 0;font-size:19px}.header p{font-size:8px}.range{gap:6px;margin:6px 0 4px}.range label{gap:2px;font-size:7px}.range input{border-radius:8px;width:65px;height:29px;padding:2px 4px;font-size:12px}.range-divider{height:29px;font-size:11px}.result{margin:1px 0 5px}.number{width:77px;height:77px;font-size:33px}.number:after{inset:6px}.result-label{margin-top:3px;font-size:7px}.generate,.finished{border-radius:8px;min-height:33px;font-size:10px}.history{margin-top:5px;padding-top:4px}.history-header{margin-bottom:4px}.history-header h2{font-size:8px}.history-header span{font-size:7px}.numbers{gap:3px}.history-number{width:27px;height:27px;font-size:8px}.empty-history{padding:5px;font-size:7px}.reset{margin-top:2px;padding:2px 6px;font-size:7px}.credits{margin-top:0}.credits a{font-size:5px}}