:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#191620;background:#f4f2fa;font-synthesis:none;text-rendering:optimizeLegibility}html{min-width:320px;background:#f4f2fa}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(151,128,255,.16),transparent 32rem),linear-gradient(180deg,#faf9fd,#f1eef9)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid rgba(123,92,245,.35);outline-offset:3px}button:disabled{cursor:default;opacity:.55}.app-shell{width:min(100%,520px);min-height:100dvh;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom))}.brandbar{display:flex;align-items:center;gap:11px;margin-bottom:14px;padding:13px 15px;border:1px solid rgba(88,67,206,.08);border-radius:22px;background:#ffffffd1;box-shadow:0 12px 40px #39267112;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brandmark{display:grid;width:42px;height:42px;place-items:center;border-radius:15px;color:#fff;font-size:21px;font-weight:850;background:linear-gradient(145deg,#9780ff,#6f4cf0);box-shadow:0 8px 20px #7b5cf547}.brandbar>div:nth-child(2){display:flex;flex:1;flex-direction:column;line-height:1.12}.brandbar strong{font-size:15px}.brandbar span{margin-top:4px;color:#8b8592;font-size:12px}.brandbar__pill{display:grid;min-width:33px;height:28px;place-items:center;border-radius:999px;color:#694be2;font-size:13px;font-weight:800;background:#f0ebff}.game-card{min-height:min(680px,calc(100dvh - 125px));overflow:hidden;border:1px solid rgba(88,67,206,.08);border-radius:32px;background:#fffffff0;box-shadow:0 24px 70px #3222661c}.screen{min-height:min(680px,calc(100dvh - 125px));padding:30px 24px}.screen--center{display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}.hero-icon,.permission-icon,.audio-orb,.error-icon{display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#9780ff,#6f4cf0);box-shadow:0 18px 45px #7b5cf547}.hero-icon{width:94px;height:94px;margin-bottom:26px;border-radius:31px;font-size:50px;font-weight:700;transform:rotate(-12deg)}.permission-icon,.audio-orb{width:88px;height:88px;margin:20px 0 24px;border-radius:50%;font-size:35px}.audio-orb{font-size:28px}.error-icon{width:74px;height:74px;margin-bottom:22px;border-radius:24px;font-size:34px;font-weight:900;background:linear-gradient(145deg,#ff8296,#e75971)}.eyebrow{margin:0 0 10px;color:#7354e9;font-size:12px;font-weight:850;letter-spacing:.12em}h1,h2,h3,p{margin-top:0}h1{margin-bottom:17px;font-size:clamp(34px,9vw,47px);line-height:.98;letter-spacing:-.045em}h2{max-width:390px;margin-bottom:13px;font-size:clamp(27px,7vw,35px);line-height:1.03;letter-spacing:-.035em}.lead{max-width:370px;margin-bottom:27px;color:#77727f;font-size:15px;line-height:1.55}.button{display:inline-flex;width:100%;min-height:56px;align-items:center;justify-content:center;border:0;border-radius:18px;cursor:pointer;font-weight:800;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.button:not(:disabled):active{transform:translateY(1px) scale(.995)}.button--primary{color:#fff;background:linear-gradient(135deg,#8c70ff,#6948e7);box-shadow:0 12px 30px #6c49e742}.button--secondary{color:#6244d8;background:#eee9ff}.mode-button{margin-top:10px}.duel-scores{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 22px}.duel-scores>div{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 10px;border-radius:22px;background:#f4f1fc;color:#77727f}.duel-scores strong{color:#6746df;font-size:34px}.recording-replay{margin:0 0 20px;padding:16px;border-radius:20px;background:#faf8ff;text-align:left}.recording-replay h3{margin:0 0 12px;text-align:center}.recording-replay__player{padding:10px 0;border-top:1px solid #ebe6f8}.recording-replay__player>strong{display:block;margin-bottom:8px;color:#5f5968}.recording-replay__player>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.recording-replay button{min-height:42px;padding:8px;border:0;border-radius:12px;color:#6244d8;background:#eee9ff;cursor:pointer;font:inherit;font-size:13px;font-weight:800}.recording-replay button:disabled{cursor:default;opacity:.45}.recording-replay p{margin:10px 0 0;color:#9a94a2;font-size:11px;text-align:center}.button--ghost{margin-top:9px;color:#77727f;background:transparent}.button--white{color:#6244d8;background:#fff;box-shadow:0 10px 24px #39257b24}.privacy-note,.counter,.footer-note{color:#9a94a2;font-size:12px}.telegram-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:14px;padding:15px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#34a9e8,#2189cc);box-shadow:0 14px 34px #2089cc38;text-decoration:none}.telegram-banner__icon{display:grid;width:43px;height:43px;place-items:center;border-radius:14px;background:#ffffff2e;font-size:22px}.telegram-banner>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}.telegram-banner strong{font-size:14px}.telegram-banner small{color:#ffffffc7;font-size:11px}.telegram-banner b{font-size:12px;white-space:nowrap}.privacy-note{margin:16px 0 0}.invite-link{display:block;max-width:100%;margin:14px auto 0;overflow:hidden;color:#766d80;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.invite-notice{margin:9px 0 0;color:#6244d8;font-size:12px}.audio-warning{margin:12px 0 0;color:#b04b5b;font-size:13px;font-weight:700}.forfeit-button{display:block;margin:12px auto 0;padding:10px 16px;border:0;color:#a95261;background:transparent;cursor:pointer;font:inherit;font-size:12px;font-weight:800}.text-entry{position:relative;width:100%;margin:0 0 18px}.text-entry--spaced{margin-top:18px}.text-entry input{width:100%;min-height:58px;padding:15px 58px 15px 16px;border:2px solid #e6e0f6;border-radius:17px;outline:0;color:#29242e;background:#fbfaff;font:inherit;font-size:16px;transition:border-color .16s ease,box-shadow .16s ease}.text-entry input:focus{border-color:#8b6cf3;box-shadow:0 0 0 4px #7b5cf51a}.text-entry>span{position:absolute;right:13px;bottom:8px;color:#aaa3b2;font-size:10px}.secret-phrase,.answer-card{display:flex;width:100%;flex-direction:column;gap:7px;margin:4px 0 20px;padding:17px 18px;border:1px solid #e9e3f7;border-radius:19px;background:#faf8ff;text-align:left}.secret-phrase span,.answer-card span,.round-answer span{color:#918a99;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.secret-phrase strong,.answer-card strong{overflow-wrap:anywhere;color:#5e43c9;font-size:17px;line-height:1.35}.answer-card span:not(:first-child){margin-top:8px}.round-answers{display:grid;gap:10px;margin:0 0 18px}.round-answer{padding:15px 16px;border-radius:18px;background:#faf8ff}.round-answer strong{display:block;margin:7px 0 5px;overflow-wrap:anywhere;color:#5e43c9;line-height:1.35}.round-answer p{margin:0;color:#77727f;font-size:13px;line-height:1.45}.progress{display:flex;gap:7px;margin-bottom:24px}.progress__dot{width:28px;height:6px;border-radius:999px;background:#ece9f1}.progress__dot--active{background:linear-gradient(90deg,#9780ff,#6f4cf0)}.waveform{display:flex;width:min(100%,330px);height:86px;align-items:center;justify-content:center;gap:5px;margin:6px auto 20px;overflow:hidden}.waveform span{width:5px;height:calc(11px + (var(--bar) % 6) * 5px);border-radius:999px;background:#dcd6ef}.waveform--active span{background:linear-gradient(180deg,#9a84ff,#6d4ae8);animation:bounce-wave .78s ease-in-out infinite alternate;animation-delay:calc(var(--bar) * -45ms)}@keyframes bounce-wave{0%{transform:scaleY(.55);opacity:.7}to{transform:scaleY(1.9);opacity:1}}.mic-button{display:grid;width:126px;height:126px;place-items:center;margin:4px auto 16px;border:12px solid #f1ecff;border-radius:50%;cursor:pointer;color:#fff;background:linear-gradient(145deg,#957cff,#6846e6);box-shadow:0 18px 42px #6948e74d}.mic-button span{font-size:28px;line-height:1}.mic-button--recording{border-color:#ffe7ed;background:linear-gradient(145deg,#ff7891,#e65672);box-shadow:0 18px 44px #e759714a;animation:record-pulse 1.15s ease-in-out infinite}@keyframes record-pulse{50%{box-shadow:0 18px 44px #e7597147,0 0 0 15px #e7597114}}.timer{min-height:22px;margin-bottom:8px;color:#696270;font-size:13px}.counter{margin:11px 0 17px}.processing-screen{background:radial-gradient(circle at center,rgba(143,116,255,.1),transparent 45%)}.spinner{width:68px;height:68px;margin-bottom:25px;border:7px solid #eee9ff;border-top-color:#7553ec;border-radius:50%;animation:spin .85s linear infinite}.spinner--small{width:34px;height:34px;margin:2px 0 10px;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.result-head{display:flex;align-items:center;flex-direction:column;text-align:center}.score-ring{display:grid;width:162px;height:162px;place-items:center;margin:5px 0 21px;border:13px solid #eee9ff;border-radius:50%;color:#6746df;background:linear-gradient(145deg,#fff,#f7f4ff);box-shadow:inset 0 0 0 1px #704fe114,0 18px 50px #593bb521}.score-ring strong{font-size:48px;letter-spacing:-.05em}.listen-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:7px 0 13px}.audio-button{display:flex;min-height:82px;align-items:center;gap:11px;border:0;border-radius:20px;cursor:pointer;color:#2e2933;background:#f6f4f9;text-align:left}.audio-button>span{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:13px;color:#fff;background:#7957ec}.audio-button div{display:flex;min-width:0;flex-direction:column}.audio-button small{margin-bottom:3px;color:#8e8795;font-size:11px}.audio-button strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.result-actions{display:grid;gap:3px;margin-bottom:18px}.easysong-card{display:grid;grid-template-columns:auto 1fr;gap:13px;padding:20px;border-radius:25px;color:#fff;background:radial-gradient(circle at top right,rgba(255,255,255,.22),transparent 13rem),linear-gradient(135deg,#8f73ff,#6543dd);box-shadow:0 18px 45px #6643dd3d}.easysong-card__icon{display:grid;width:48px;height:48px;place-items:center;border-radius:16px;font-size:26px;background:#ffffff29}.easysong-card h3{margin-bottom:6px;font-size:18px}.easysong-card p{margin-bottom:17px;color:#ffffffc9;font-size:13px;line-height:1.45}.easysong-card .button{grid-column:1 / -1}.score-details{margin-top:17px;padding:14px 16px;border-radius:18px;color:#7f7887;background:#f8f7fa;font-size:12px;line-height:1.5}.score-details summary{cursor:pointer;color:#655f6c;font-weight:750}.score-details p{margin:10px 0 0}.footer-note{display:flex;justify-content:center;gap:7px;padding:13px 0 0;text-align:center}@media(max-width:390px){.screen{padding:25px 18px}.game-card,.screen{min-height:calc(100dvh - 119px)}.listen-grid{grid-template-columns:1fr}.hero-icon{width:82px;height:82px;border-radius:27px}.telegram-banner{grid-template-columns:auto 1fr}.telegram-banner b{grid-column:2}}@media(min-width:760px){.app-shell{padding-top:28px;padding-bottom:28px}}.connection-bar{display:flex;justify-content:space-between;gap:12px;margin:0 4px 10px;padding:9px 13px;border-radius:14px;background:#ffffffe0;color:#625d6b;font-size:13px;font-weight:700}.connection-bar--reconnecting{background:#fff7d8;color:#7b6416}.connection-bar--restored{background:#e9faef;color:#287044}.round-score-banner{margin:0 4px 10px;padding:9px 13px;border-radius:14px;background:#6f4cf01a;color:#5f46bc;text-align:center;font-size:13px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#211b2b;background:#f6f3ff}*{box-sizing:border-box}body{margin:0}.admin-login{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#ebe4ff,#f8f7fc 55%)}.admin-login__card{width:min(100%,430px);display:grid;gap:17px;padding:36px;border-radius:30px;background:#fff;box-shadow:0 24px 70px #472d8e29}.admin-logo{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;color:#fff;font-size:23px;font-weight:900;background:linear-gradient(135deg,#9471ff,#6340df)}.admin-eyebrow{margin:0;color:#6f4cf0;font-size:12px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.admin-login h1,.admin-page h1{margin:-8px 0 0;font-size:clamp(28px,5vw,42px)}.admin-login p{margin:-6px 0 2px;color:#777080}.admin-login label{display:grid;gap:7px;color:#5f5868;font-size:13px;font-weight:750}.admin-login input,.admin-actions select{width:100%;padding:14px 15px;border:1px solid #ded8e8;border-radius:14px;background:#fbfaff;font:inherit;outline:none}.admin-login input:focus{border-color:#7754ed;box-shadow:0 0 0 3px #7754ed1f}.admin-login button,.admin-actions button{border:0;border-radius:14px;padding:14px 18px;color:#fff;background:#6f4cf0;font-weight:800;cursor:pointer}.admin-login button:disabled{opacity:.65}.admin-login a{text-align:center;color:#6f4cf0;text-decoration:none;font-size:13px}.admin-error{padding:11px 13px;border-radius:12px;color:#9b2635;background:#fff0f2;font-size:13px}.admin-page{min-height:100dvh;padding:32px max(20px,calc((100vw - 1180px)/2));background:#f6f3ff}.admin-page header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.admin-actions{display:flex;gap:9px}.admin-actions select{width:auto;background:#fff}.admin-actions .admin-quiet{color:#625c6b;background:#fff}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.metric-grid article,.admin-panel{border:1px solid rgba(110,76,240,.08);border-radius:22px;background:#fff;box-shadow:0 10px 35px #4430730f}.metric-grid article{padding:20px}.metric-grid span{display:block;min-height:34px;color:#7a7481;font-size:13px}.metric-grid strong{font-size:30px}.admin-panel{padding:22px;overflow:auto}.admin-panel h2{margin:0 0 18px;font-size:18px}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.daily-chart{height:190px;display:flex;align-items:end;gap:7px;overflow-x:auto}.daily-bar{min-width:28px;height:155px;display:flex;flex:1 0 28px;flex-direction:column;justify-content:end;align-items:center;gap:7px}.daily-bar b{width:min(26px,75%);min-height:5px;border-radius:7px 7px 3px 3px;background:linear-gradient(#9a7aff,#6845e5)}.daily-bar span{color:#8a8490;font-size:10px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:11px 8px;border-bottom:1px solid #eeeaf4;text-align:left}th:last-child,td:last-child{text-align:right;font-weight:800}th{color:#817a88;font-size:11px;text-transform:uppercase}.admin-loading{position:fixed;right:20px;bottom:20px;padding:12px 16px;border-radius:14px;color:#fff;background:#332a40}@media(max-width:850px){.metric-grid{grid-template-columns:repeat(2,1fr)}.admin-columns{grid-template-columns:1fr}.admin-page header{align-items:stretch;flex-direction:column}}@media(max-width:520px){.admin-page{padding:22px 14px}.admin-actions{display:grid;grid-template-columns:1fr 1fr}.admin-actions select{grid-column:1/-1}.admin-login__card{padding:27px 22px;border-radius:24px}.metric-grid article{padding:16px}.metric-grid strong{font-size:25px}}.challenge-badge{margin:-8px 0 18px;padding:8px 12px;border-radius:999px;color:#6543dd;background:#eee9ff;font-size:12px;font-weight:800}