:root{--live-navy:#142744;--live-blue:#3159d4;--live-line:#dde4ed}
body{background:#fff;color:var(--live-navy)}
.live-header{max-width:1280px;margin:auto;gap:24px;height:auto;min-height:86px}
.live-header nav{display:flex;gap:10px;align-items:center}
.language-select{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}
.language-select select{border:1px solid var(--live-line);background:#fff;border-radius:7px;padding:9px 12px;font:inherit;font-size:14px;max-width:155px;color:var(--live-navy)}
#app{max-width:1280px;margin:0 auto;min-height:60vh;padding:36px 28px}
.live-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;padding:30px 0 60px}
.live-hero h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.6px;line-height:1.3;margin:10px 0 22px}
.live-hero .lead{font-size:18px;line-height:1.85;margin:0 0 28px;max-width:580px}
.live-hero .practice-card{margin:0}
.live-hero .live-note{margin-top:18px}
.live-hero .text-button{margin:10px 10px 0 0}
.live-note{font-size:13px!important;line-height:1.8!important;color:#52647a;margin-top:14px}
.live-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}
.live-guide-image{margin:0;justify-self:center;background:#eef3f9;border-radius:24px;overflow:hidden;max-width:390px}
.live-guide-image img{display:block;width:100%;height:auto}
.live-guide-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:24px 0 40px}
.live-guide-steps article{padding:24px;border:1px solid var(--live-line);border-radius:12px}
.live-guide-steps h2{font-size:18px;margin:10px 0}
.live-guide-steps span{color:var(--live-blue);font-weight:700}
.live-setup{max-width:750px;margin:20px auto 80px;background:#fff;border:1px solid var(--live-line);padding:36px;border-radius:15px}
.live-setup h1{font-size:30px;line-height:1.4;margin:0 0 24px}
.live-setup p{line-height:1.9;margin-bottom:20px}
.live-setup .checkbox-row{align-items:flex-start;margin:18px 0;line-height:1.7}
.live-setup .primary{margin-top:15px}
.live-error{padding:15px 18px;background:#fff2ed;border:1px solid #eac1b0;color:#81331f;border-radius:8px;font-size:14px}
.live-number-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;margin:18px 0 24px}
.live-number-grid button{padding:0;height:30px;min-width:0;border:1px solid #d8e0eb;background:#f4f7fb;color:#435774;border-radius:5px;font:inherit;font-size:12px;cursor:pointer}
.live-number-grid button.answered{background:#3159d4;border-color:#3159d4;color:white}
.live-number-grid button.current{outline:2px solid #182f54;outline-offset:1px}
.live-number-grid button:focus-visible{outline:3px solid #b77719}
#app .test-bottom{gap:10px;flex-wrap:wrap}
#app .test-content .section-clock{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;background:#f0f4fa;border-radius:9px;margin-bottom:20px}
#app .test-content .section-clock strong{font:700 24px/1.2 monospace}
#app .logic-prompt{white-space:pre-line}
#live-digit{min-height:120px;display:flex;align-items:center;justify-content:center;font-size:80px}
.live-statistics{margin-top:65px;border-top:1px solid var(--live-line);padding:42px 0 22px}
.live-statistics h2{font-size:32px;text-align:center;margin:0 0 18px;line-height:1.4;letter-spacing:-.8px}
.live-statistics>p{font-size:13px;line-height:1.8;color:#596a80;max-width:950px;margin:8px auto;text-align:center}
.live-statistics .stats-prior{font-size:12px}
.stats-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px}
.stats-columns table{width:100%;border-collapse:collapse;font-size:13px}
.stats-columns th,.stats-columns td{padding:16px 5px;border-top:1px solid var(--live-line);text-align:left;line-height:1.6}
.stats-columns th{font-size:11px;color:#53657e}
.stats-columns th:nth-last-child(-n+2),.stats-columns td:nth-last-child(-n+2){text-align:right;font-variant-numeric:tabular-nums}
.stats-columns td:first-child{color:#667791;font-size:12px;min-width:25px}
.stats-columns td:nth-child(2){min-width:100px}
.stats-columns td span{margin-right:5px}
.live-lock{max-width:1000px;margin:auto}
.live-lock>h1{font-size:36px;text-align:center;margin:10px 0 15px}
.live-lock>p{text-align:center;line-height:1.8}
.lock-frame{position:relative;border:1px solid var(--live-line);border-radius:18px;overflow:hidden;margin:32px 0}
.report-skeleton{padding:42px;filter:blur(9px);opacity:.5;user-select:none;pointer-events:none;min-height:650px;background:#fff}
.skeleton-hero{height:150px;background:#183352;border-radius:12px;padding:30px;display:flex;justify-content:space-between;color:#fff}
.skeleton-hero b{font-size:60px}.skeleton-hero span{font-size:32px}
.skeleton-domains{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}
.skeleton-domains>div{height:80px;border:1px solid #dce4ee;border-radius:8px;padding:15px;display:flex;flex-wrap:wrap;justify-content:space-between}
.skeleton-domains i{display:block;background:#b7c6d9;width:50%;height:14px}
.skeleton-domains span{display:block;height:8px;width:100%;background:#98aecd}
.skeleton-career{border:1px solid #cbd5e3;padding:25px;border-radius:12px;min-height:130px}
.skeleton-career i{float:left;width:85px;height:85px;border-radius:50%;background:#aabbd1;margin-right:25px}
.skeleton-career p{height:17px;margin:15px 0;background:#c4cfdc}
.skeleton-minis{display:flex;gap:15px;margin-top:20px}.skeleton-minis i{height:75px;width:33.33%;background:#dce4ef;border-radius:9px}
.lock-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px;background:rgba(246,249,255,.68);backdrop-filter:blur(2px);text-align:center;gap:12px}
.lock-overlay h2{font-size:26px;margin:0}.lock-price{font-size:48px;letter-spacing:-1px}.lock-icon{font-size:32px;color:#3159d4}
.lock-overlay .primary{width:min(330px,100%);min-height:50px;font-size:15px}
.lock-overlay p{max-width:440px;margin:0;line-height:1.7;font-size:13px}
.test-payment-note{color:#784b0c;background:#fff3d8;padding:10px 15px;border-radius:6px}
#app .live-domain-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:25px 0}
#app .live-domain-results>div{border:1px solid var(--live-line);border-radius:9px;padding:18px}
#app .live-domain-results span{font-size:14px}#app .live-domain-results strong{display:block;font-size:30px;line-height:1.5;margin:10px 0}
#app .live-domain-results .bar-track>span{background:#4164d7}#app .live-percent{font-size:38px}
#app .career-editorial .ce-chips{display:flex;gap:7px;flex-wrap:wrap}
#app .career-editorial .ce-chips>span{background:#eaf0fa;color:#354e77;padding:7px 10px;border-radius:5px;font-size:12px}
#app .career-editorial h4{font-size:16px}
#app .career-editorial .ce-next-step>span{font-size:12px;color:#4e6590}
#app .career-editorial .ce-next-step>p{font-size:14px;line-height:1.85}
#app .report-footer .primary{margin-top:20px;font-size:13px}
#live-dialog{max-width:650px;width:calc(100% - 36px);border:1px solid var(--live-line);border-radius:14px;padding:28px;color:#203650}
#live-dialog::backdrop{background:#0c1f39a0}#live-dialog p{line-height:1.9;overflow-wrap:anywhere}
#live-dialog h2{margin-bottom:18px;font-size:23px}#live-dialog form{margin-top:25px;text-align:right}
.recovery-code{width:100%;font:15px/1.7 monospace;padding:12px;border:1px solid #abbad0;border-radius:5px}
.live-footer{max-width:1280px;margin:auto;border-top:1px solid var(--live-line);padding:24px 28px;display:flex;justify-content:space-between}
@media(max-width:1000px){.live-hero{gap:30px}.stats-columns{gap:16px}.stats-columns table{font-size:12px}#app .live-domain-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.live-header{padding:18px 16px;gap:12px;flex-wrap:wrap;min-height:78px}.live-header nav{order:3;width:100%;justify-content:center}.language-select{margin-left:auto}.language-select>span{display:none}#app{padding:24px 16px}.live-hero{grid-template-columns:1fr;gap:28px;padding:12px 0 30px}.live-hero h1{font-size:34px}.live-hero .lead{font-size:16px}.stats-columns{grid-template-columns:1fr;gap:0}.stats-columns table{font-size:14px}.stats-columns thead{font-size:12px}.live-statistics h2{font-size:26px}.live-guide-steps{grid-template-columns:1fr 1fr;gap:12px}.live-setup{padding:23px;margin:10px auto}.live-number-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}.live-number-grid button{height:31px}.report-skeleton{padding:24px;min-height:710px}.lock-overlay{padding:22px}.live-lock>h1{font-size:29px}.live-guide-image{max-width:320px}.live-footer{padding:22px 16px}.live-domain-results>div{padding:12px!important}}
@media(max-width:390px){.live-number-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.live-header .brand{font-size:23px}.language-select select{max-width:133px}.live-guide-steps{grid-template-columns:1fr}.lock-overlay .primary{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.live-header,.live-footer,#app .report-toolbar,#app .report-footer button{display:none!important}#app{max-width:none;padding:0}.report-paper{border:0!important}.ce-featured,.ce-alternative{break-inside:avoid}.lock-overlay{background:#fff}.report-skeleton{visibility:hidden}.stats-columns{display:block}.live-lock{page-break-inside:avoid}}
.live-header nav button,#app .live-number-grid button{display:block}
.live-guide-image figcaption{padding:0 16px 16px;font-size:11px!important}
#app .live-hero+.areas{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:720px){#app .live-hero+.areas{grid-template-columns:1fr 1fr}.steps{flex-wrap:wrap}.step{min-width:40%}}