@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;--color-bg:#080808;--color-surface:#101010;--color-raised:#151515;--color-orange:#ff7918;--color-orange-2:#ff9a3d;--color-text:#fff;--color-muted:#999;--color-line:#292929;--color-good:#55d58a;--color-bad:#ff6c55;--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--space-1:8px;--space-2:12px;--space-3:18px;--space-4:24px;--tg-theme-bg-color:#080808;--tg-theme-text-color:#fff;--tg-theme-button-color:#ff7918;--tg-theme-button-text-color:#080808;background:#080808;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--color-bg);min-width:320px;min-height:100dvh;color:var(--color-text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--color-orange);outline-offset:3px}.app{background:radial-gradient(circle at 85% 0,#ff791814,#0000 24%),#080808;min-height:100dvh}.page{width:min(100%,480px);min-height:100dvh;padding:max(22px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));margin:auto;animation:.32s both page-in}.brand-logo{object-fit:contain;width:min(76vw,330px);height:auto;display:block}.brand-logo--compact{width:126px}.bolt{color:var(--color-orange);font-style:normal}.kicker{color:var(--color-orange);letter-spacing:.18em;font-size:11px;font-weight:800}.btn{border-radius:var(--radius-md);letter-spacing:.08em;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:16px;width:100%;min-height:58px;padding:0 20px;font-size:13px;font-weight:800;transition:transform .14s,filter .14s,background .14s;display:flex}.btn:active,.icon-btn:active,.quiz-answer:active{transform:scale(.98)}.btn--primary{background:var(--color-orange);color:#0a0a0a;justify-content:space-between;box-shadow:0 12px 34px #ff791826}.btn--primary span{font-size:20px}.btn--ghost{border-color:var(--color-line);color:#ddd;background:#111;margin-top:10px}.btn--danger{color:#ff7964;background:#21100d;border-color:#56281f}.text-btn{color:#777;cursor:pointer;background:0 0;border:0;margin:18px auto 0;font-size:12px;display:block}.icon-btn{border:1px solid var(--color-line);color:#eee;cursor:pointer;background:#111;border-radius:15px;place-items:center;width:48px;height:48px;padding:0;font-size:20px;display:grid}.icon-space{width:48px}.app-header{justify-content:space-between;align-items:center;min-height:50px;display:flex}.app-header>strong{letter-spacing:.16em;font-size:12px}.progress{background:#242424;border-radius:3px;height:4px;overflow:hidden}.progress span{border-radius:inherit;background:var(--color-orange);height:100%;transition:width .35s;display:block}.splash{align-content:center;place-items:center;min-height:100dvh;padding:30px;display:grid;overflow:hidden}.splash__mark{animation:.75s cubic-bezier(.2,.8,.2,1) both logo-enter;position:relative}.splash__mark .bolt{filter:drop-shadow(0 0 12px #ff791859);font-size:34px;position:absolute;top:70%;right:47%}.splash p{color:#777;letter-spacing:.04em;margin:34px 0 0;font-size:12px;animation:.5s .35s both fade-in}.onboarding{flex-direction:column;justify-content:space-between;display:flex}.onboarding__visual{background:linear-gradient(145deg,#131313,#0b0b0b);border:1px solid #202020;border-radius:36px;flex:1;place-items:center;margin:36px 0;display:grid;position:relative;overflow:hidden}.onboarding__visual:before{content:"";border:1px solid #272727;border-radius:50%;width:210px;height:210px;position:absolute}.onboarding__visual span{color:#202020;letter-spacing:-.09em;font-size:130px;font-weight:800}.onboarding__visual .bolt{filter:drop-shadow(0 10px 28px #ff791833);font-size:80px;position:absolute;transform:skew(-8deg)}.onboarding h1{letter-spacing:-.045em;margin:16px 0 8px;font-size:34px;line-height:1}.onboarding p{color:#999;margin:0 0 28px;line-height:1.55}.dots{gap:7px;display:flex}.dots i{background:#333;border-radius:2px;width:18px;height:3px}.dots i.active{background:var(--color-orange);width:38px}.home{flex-direction:column;display:flex}.home__top{justify-content:space-between;align-items:center;display:flex}.level-pill{color:#bbb;border:1px solid #2b2b2b;border-radius:12px;padding:9px 12px;font-size:11px;font-weight:800}.hero{padding:clamp(42px,8vh,78px) 0 34px}.hero h1{letter-spacing:-.07em;text-transform:uppercase;margin:9px 0 10px;font-size:clamp(61px,18vw,86px);line-height:.82}.hero p{color:#888;margin:0 0 30px}.btn--hero{min-height:66px}.daily-card{text-align:left;cursor:pointer;background:linear-gradient(110deg,#17120e,#101010);border:1px solid #2b241f;border-radius:22px;align-items:center;width:100%;min-height:96px;padding:20px;display:flex;position:relative;overflow:hidden}.daily-card div{gap:7px;display:grid}.daily-card small{color:#8f7a6c;letter-spacing:.15em;font-size:10px;font-weight:800}.daily-card strong{font-size:17px}.daily-card__bolt{color:#2d2119;font-size:86px;position:absolute;right:68px;transform:skew(-10deg)}.daily-card i{color:var(--color-orange);margin-left:auto;font-size:23px;font-style:normal}.stats-strip{background:#0e0e0e;border:1px solid #202020;border-radius:18px;grid-template-columns:repeat(3,1fr);margin:20px 0;display:grid}.stats-strip div{text-align:center;gap:4px;padding:16px 8px;display:grid}.stats-strip div+div{border-left:1px solid #252525}.stats-strip b{font-size:18px}.stats-strip span{color:#696969;text-transform:uppercase;font-size:9px}.home-links{grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;display:grid}.home-links button{letter-spacing:.08em;cursor:pointer;background:#101010;border:1px solid #242424;border-radius:14px;justify-content:space-between;align-items:center;min-height:54px;padding:0 15px;font-size:10px;font-weight:800;display:flex}.home-links span{color:var(--color-orange);font-size:17px}.page-title{padding:48px 0 30px}.page-title h1{letter-spacing:-.055em;text-transform:uppercase;margin:10px 0 0;font-size:48px;line-height:.94}.category-grid{gap:10px;display:grid}.category-grid button{text-align:left;cursor:pointer;background:#101010;border:1px solid #242424;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:38px 1fr 22px;align-items:center;gap:4px 12px;min-height:82px;padding:15px;display:grid;position:relative}.category-grid i{width:36px;height:36px;color:var(--color-orange);border:1px solid #39291d;border-radius:11px;grid-row:1/3;place-items:center;font-size:10px;font-style:normal;display:grid}.category-grid strong{font-size:13px}.category-grid span{color:#737373;font-size:11px}.category-grid em{color:#777;grid-area:1/3/3;font-size:18px;font-style:normal}.quiz-page{flex-direction:column;display:flex}.quiz-top{justify-content:space-between;align-items:center;display:flex}.quiz-count{letter-spacing:.14em;font-size:10px;font-weight:800}.timer{width:48px;height:48px;color:var(--color-orange);border:1px solid #33261d;border-radius:50%;place-items:center;display:grid}.timer--hot{color:#ff6549;border-color:#8b3c28;animation:.7s infinite pulse}.quiz-page>.progress{margin-top:16px}.score-row{color:#777;letter-spacing:.09em;justify-content:space-between;align-items:center;margin-top:15px;font-size:9px;font-weight:800;display:flex}.score-row div{align-items:center;gap:5px;display:flex}.score-row b{color:#eee}.score-row em{color:var(--color-orange);background:#2a170b;border-radius:8px;margin-left:7px;padding:5px 7px;font-style:normal}.timer-track{background:#242424;height:2px;margin-top:9px}.timer-track span{background:var(--color-orange);height:100%;transition:width 1s linear;display:block}.question-block{align-items:center;min-height:clamp(138px,25vh,220px);padding:24px 0;display:flex}.question-block h1{letter-spacing:-.035em;margin:0;font-size:clamp(24px,7vw,34px);line-height:1.15}.question-image{object-fit:cover;border-radius:18px;width:100%;max-height:180px}.quiz-answers{gap:9px;margin-top:auto;display:grid}.quiz-answer{text-align:left;cursor:pointer;background:#111;border:1px solid #292929;border-radius:16px;grid-template-columns:34px 1fr 24px;align-items:center;gap:12px;min-height:59px;padding:10px 14px;transition:all .18s;display:grid}.quiz-answer>span{color:#777;border:1px solid #303030;border-radius:10px;place-items:center;width:32px;height:32px;font-size:10px;display:grid}.quiz-answer b{font-size:13px;font-weight:600;line-height:1.3}.quiz-answer i{font-style:normal}.quiz-answer:disabled{cursor:default}.quiz-answer.muted{opacity:.42}.quiz-answer.correct{background:#0e1d15;border-color:#285b3e}.quiz-answer.correct>span{color:#07100a;background:#2dba6b;border-color:#0000}.quiz-answer.wrong{background:#21100e;border-color:#713a30;animation:.32s shake}.quiz-answer.wrong>span{color:#fff;background:#d34f3a;border-color:#0000}.answer-feedback{border-top:1px solid #222;margin-top:16px;padding-top:16px;animation:.3s slide-up}.feedback-title{justify-content:space-between;align-items:center;display:flex}.feedback-title strong{color:var(--color-orange);font-size:20px}.is-wrong .feedback-title strong{color:#ff6c55}.feedback-title span{color:var(--color-orange);font-size:20px;font-weight:800;animation:.5s points}.answer-feedback>p{color:#aaa;margin:8px 0 14px;font-size:12px;line-height:1.5}.answer-feedback aside{border-left:2px solid var(--color-orange);color:#bbb;background:#12100e;margin-bottom:14px;padding:11px 13px;font-size:11px;line-height:1.45}.answer-feedback aside small{color:var(--color-orange);letter-spacing:.14em;margin-bottom:4px;font-size:8px;font-weight:800;display:block}.answer-feedback .btn{min-height:52px}.is-correct:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 75%,#ff79181f,#0000 35%);animation:.5s both flash;position:fixed;inset:0}.result{text-align:center}.result>.brand-logo{margin:0 auto}.rank-reveal{margin:44px 0 22px;animation:.6s both rank-in}.rank-reveal h1{letter-spacing:-.055em;max-width:390px;margin:9px auto 12px;font-size:clamp(41px,12vw,60px);line-height:.92}.rank-reveal p{color:#999;max-width:330px;margin:auto;font-size:13px;line-height:1.5}.result-score{margin:28px 0;display:grid}.result-score strong{letter-spacing:-.06em;font-size:80px;line-height:1}.result-score small{color:#555;font-size:32px}.result-score span{color:var(--color-orange);letter-spacing:.15em;margin-top:6px;font-size:11px;font-weight:800}.result-metrics{background:#101010;border:1px solid #242424;border-radius:18px;grid-template-columns:repeat(3,1fr);display:grid}.result-metrics div{gap:4px;padding:15px 5px;display:grid}.result-metrics div+div{border-left:1px solid #252525}.result-metrics b{font-size:17px}.result-metrics span{color:#6d6d6d;text-transform:uppercase;font-size:8px}.category-summary{text-align:left;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0 20px;display:grid}.category-summary div,.info-card{background:#101010;border:1px solid #242424;border-radius:14px;gap:6px;padding:14px;display:grid}.category-summary small,.info-card small{color:#777;letter-spacing:.1em;font-size:8px;font-weight:800}.category-summary b,.info-card b{font-size:10px}.result .text-btn{margin-bottom:4px}.profile-hero{align-items:center;gap:16px;padding:46px 0 25px;display:flex}.profile-hero>span{width:66px;height:66px;color:var(--color-orange);background:#17110d;border:1px solid #49301e;border-radius:20px;place-items:center;font-weight:800;display:grid}.profile-hero h1{margin:0 0 5px;font-size:23px}.profile-hero p{color:var(--color-orange);letter-spacing:.12em;margin:0;font-size:10px;font-weight:800}.level-card{background:#101010;border:1px solid #262626;border-radius:17px;padding:17px}.level-card>div:first-child{justify-content:space-between;margin-bottom:12px;display:flex}.level-card b{font-size:12px}.level-card span{color:#666;font-size:10px}.profile-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin:16px 0;display:grid}.profile-grid div{background:#0f0f0f;border:1px solid #222;border-radius:15px;gap:4px;padding:16px;display:grid}.profile-grid b{font-size:20px}.profile-grid span{color:#6e6e6e;text-transform:uppercase;font-size:9px}.info-card{margin-bottom:15px}.menu-list{gap:8px;display:grid}.menu-list button{text-align:left;cursor:pointer;background:#111;border:1px solid #242424;border-radius:14px;justify-content:space-between;align-items:center;min-height:55px;padding:0 16px;display:flex}.menu-list span{color:var(--color-orange)}.history-list,.achievement-list{gap:10px;margin-top:34px;display:grid}.history-list article{text-align:left;background:#101010;border:1px solid #242424;border-radius:16px;padding:17px}.history-list small{color:#777}.history-list div{align-items:baseline;gap:12px;margin:8px 0;display:flex}.history-list div b{font-size:25px}.history-list div span{color:#999;font-size:12px}.history-list>article>strong{color:var(--color-orange);letter-spacing:.1em;font-size:9px}.achievement-list article{opacity:.55;background:#0e0e0e;border:1px solid #222;border-radius:16px;gap:13px;padding:15px;display:flex}.achievement-list article.unlocked{opacity:1;background:#14100d;border-color:#3a2b20}.achievement-list article>span{height:40px;color:var(--color-orange);border:1px solid #313131;border-radius:12px;flex:0 0 40px;place-items:center;display:grid}.achievement-list strong{font-size:11px}.achievement-list p{color:#888;margin:4px 0;font-size:10px}.achievement-list small{color:#666;font-size:9px}.settings-list{gap:10px;margin-top:40px;display:grid}.settings-list>label,.timer-setting{background:#101010;border:1px solid #242424;border-radius:16px;justify-content:space-between;align-items:center;min-height:66px;padding:13px 16px;display:flex}.settings-list label>span{gap:3px;display:grid}.settings-list small{color:#666;font-size:9px}.settings-list input{width:44px;height:25px;accent-color:var(--color-orange)}.timer-setting{gap:13px;display:grid}.timer-setting>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.timer-setting button{color:#888;cursor:pointer;background:#171717;border:1px solid #2c2c2c;border-radius:11px;min-height:40px;font-size:11px}.timer-setting button.active{color:var(--color-orange);background:#24160d;border-color:#623719}.reset-btn{margin-top:26px}.daily-result{padding-top:55px}.daily-status{color:#ff735c;background:#29120f;border-radius:10px;padding:8px 11px;font-size:10px;font-weight:800;display:inline-block}.daily-status.ok{color:#55d58a;background:#102519}.daily-result h1{letter-spacing:-.04em;margin:18px 0 14px;font-size:30px;line-height:1.18}.daily-result>p{color:#999;line-height:1.6}.daily-result .info-card{margin-top:30px}.daily-result .info-card b{font-size:20px}.empty,.center-state{text-align:center;align-content:center;place-items:center;min-height:65dvh;display:grid}.empty .bolt,.center-state .bolt{font-size:54px}.empty p,.center-state p{color:#777;max-width:290px;line-height:1.5}.center-state h1{max-width:320px;margin:16px 0 4px;font-size:30px}.modal-layer{z-index:20;padding:16px 16px max(16px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;justify-content:center;align-items:flex-end;animation:.2s fade-in;display:flex;position:fixed;inset:0}.modal{background:#151515;border:1px solid #303030;border-radius:24px;width:min(100%,440px);padding:22px;animation:.25s slide-up;box-shadow:0 20px 70px #000}.modal h2{margin:0;font-size:23px}.modal p{color:#888;margin:9px 0 22px;line-height:1.5}.modal__actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.modal__actions .btn{margin:0}.toast{z-index:30;left:50%;bottom:max(22px,env(safe-area-inset-bottom));color:#fff;letter-spacing:.06em;background:#19120d;border:1px solid #49301e;border-radius:14px;width:min(100% - 32px,430px);padding:15px 18px;font-size:11px;font-weight:800;animation:.25s toast-in;position:fixed;transform:translate(-50%)}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}@keyframes logo-enter{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(14px)}}@keyframes pulse{50%{box-shadow:0 0 0 6px #ff5a3c12}}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes points{0%{opacity:0;transform:translateY(8px)scale(.8)}}@keyframes flash{0%{opacity:1}to{opacity:0}}@keyframes rank-in{0%{opacity:0;transform:scale(.92)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}@media (height<=740px){.question-block{min-height:115px;padding:17px 0}.question-block h1{font-size:22px}.quiz-answer{min-height:52px}.quiz-answers{gap:7px}.answer-feedback>p{margin-bottom:9px}.answer-feedback aside{display:none}.hero{padding:34px 0 24px}.hero h1{font-size:58px}}@media (width>=700px){.app{padding:24px 0}.page{background:#0a0a0a;border:1px solid #1e1e1e;border-radius:32px;min-height:calc(100dvh - 48px)}.splash{min-height:calc(100dvh - 48px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{transition:none!important;animation:none!important}