*{box-sizing:border-box}html{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background:#f5f6f8!important}body{-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:#111318!important;background:#f5f6f8!important}.screen{place-items:center;min-height:100svh;padding:18px;display:grid}.glass-card{text-align:center;background:#fff;border:1px solid #e2e5e9;border-radius:28px;width:min(560px,100%);padding:34px 24px;box-shadow:0 18px 55px #10131814}.brand-logo-wrap{background:#111318;border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto 16px;display:grid;overflow:hidden}.brand-logo-image{object-fit:cover;width:100%;height:100%;display:block}.brand-logo-fallback{color:#fff;place-items:center;width:100%;height:100%;font-size:26px;font-weight:900;display:grid}.glass-card h1{margin:10px 0 7px;font-size:27px}.glass-card p{color:#69707a;line-height:1.5}.test-title,.user-name{font-weight:800;color:#171a20!important}.final-score{margin-top:18px;font-size:34px;display:block}.test-shell{min-height:100svh;padding-bottom:24px}.test-header{z-index:30;background:#f5f6f8f5;border-bottom:1px solid #e2e5e9;justify-content:space-between;align-items:center;padding:12px max(14px,50% - 360px);display:flex;position:sticky;top:0}.test-header div{flex-direction:column;gap:2px;min-width:0;display:flex}.test-header b{white-space:nowrap;text-overflow:ellipsis;max-width:70vw;font-size:14px;overflow:hidden}.test-header small{color:#707780;white-space:nowrap;text-overflow:ellipsis;max-width:70vw;font-size:11px;overflow:hidden}.test-header>span{font-variant-numeric:tabular-nums;font-weight:900}.progress-track{z-index:31;background:#e2e5e9;height:3px;position:sticky;top:51px}.progress-track i{background:#111318;border-radius:99px;height:100%;transition:width .2s;display:block}.live-bar{color:#5c646e;background:#fff;border:1px solid #d9dde2;border-radius:12px;justify-content:space-between;width:min(720px,100% - 28px);margin:10px auto 0;padding:9px 13px;font-size:12px;font-weight:800;display:flex}.live-bar strong{color:#111318;font-variant-numeric:tabular-nums}.test-wrap{width:min(720px,100%);margin:0 auto;padding:10px 14px 25px}.test-intro{background:#fff;border:1px solid #e1e5ea;border-radius:22px;margin:8px 0 12px;padding:20px 18px}.test-intro small{letter-spacing:.14em;color:#747b84;font-size:10px;font-weight:900}.test-intro h1{letter-spacing:-.6px;margin:7px 0 4px;font-size:24px}.test-intro p{color:#747b84;margin:0;font-size:13px}.q-card{background:#fff;border:1px solid #e1e5ea;border-radius:22px;padding:20px 17px;box-shadow:0 10px 30px #14191e0a}.q-top{color:#737a84;text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;gap:10px;font-size:11px;font-weight:900;display:flex}.q-card h2{white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0 20px;font-size:18px;line-height:1.5}.question-image{object-fit:contain;border-radius:15px;max-width:100%;max-height:340px;margin:0 auto 18px;display:block}.choice-grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:10px;display:grid}.choice-btn{color:#111318;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:3px 0;display:flex}.choice-btn:disabled{cursor:default}.choice-letter{background:#fff;border:2px solid #cfd4da;border-radius:50%;place-items:center;width:58px;height:58px;font-size:18px;font-weight:900;transition:all .15s;display:grid}.choice-text{text-align:center;overflow-wrap:anywhere;max-width:100%;font-size:12px;font-weight:700;line-height:1.35}.choice-btn:not(:disabled):active .choice-letter{transform:scale(.94)}.picked-correct .choice-letter{color:#fff;background:#111318;border-color:#111318}.picked-wrong .choice-letter{color:#fff;background:#b42318;border-color:#b42318}.choice-dim{opacity:.34}.answer-result{text-align:center;border-radius:12px;margin-top:18px;padding:11px 12px;font-size:13px;font-weight:900}.correctText{color:#116b3d;background:#edf8f1}.wrongText{color:#9d2118;background:#fff0ef}.answer-input{color:#111318;background:#fff;border:1px solid #d8dde3;border-radius:13px;outline:none;width:100%;padding:13px;font-size:16px}.answer-input:focus{border-color:#111318}.keypad{grid-template-columns:repeat(6,1fr);gap:6px;margin-top:8px;display:grid}.keypad button{color:#111318;background:#f4f6f8;border:1px solid #dce1e6;border-radius:10px;min-height:38px;padding:9px 4px;font-size:12px;font-weight:800}.accept-answer,.question-nav button{color:#fff;background:#111318;border:0;border-radius:13px;padding:12px 15px;font-weight:900}.accept-answer{width:100%;margin-top:10px}.accept-answer:disabled{opacity:.4}.question-nav{justify-content:space-between;align-items:center;gap:10px;margin:13px 0 0;display:flex}.question-nav span{color:#6e757e;font-size:12px;font-weight:800}.question-nav button:disabled{opacity:.3}.question-nav button:not(:disabled):active{transform:scale(.98)}@media (max-width:560px){.screen{padding:12px}.glass-card{padding:28px 18px}.test-wrap{padding:8px 10px 20px}.test-intro{padding:18px 15px}.test-intro h1{font-size:21px}.q-card{border-radius:19px;padding:17px 13px}.q-card h2{font-size:16px}.choice-grid{gap:5px}.choice-letter{width:52px;height:52px;font-size:17px}.choice-text{font-size:11px}.keypad{grid-template-columns:repeat(5,1fr)}}@media (max-width:360px){.choice-letter{width:46px;height:46px}.choice-text{font-size:10px}.test-header b{max-width:58vw}.keypad{grid-template-columns:repeat(4,1fr)}}