:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#080107;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;width:100%}body{min-height:100vh;background:#080107}button{font:inherit;cursor:pointer}.login-shell{position:relative;min-height:100svh;height:100svh;overflow:hidden;background:#080107;isolation:isolate}.gradient-field{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;display:block;background:radial-gradient(ellipse at 50% 50%,#e21b72b3,#7a104de6 28%,#26051d 55%,#080107);pointer-events:none;contain:strict}.gradient-field:before,.gradient-field:after,.gradient-blob{display:none!important}.login-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(ellipse at center,transparent 28%,rgba(8,1,7,.3) 100%);pointer-events:none}.login-nav{position:relative;z-index:2;height:82px;margin:0 5.8%;border-bottom:1px solid rgba(255,255,255,.11);display:flex;align-items:center;justify-content:space-between}.login-brand{font-size:22px;font-weight:750;letter-spacing:-.045em;color:#fff;text-decoration:none}.login-nav-links{display:flex;gap:48px}.login-nav-links a{color:#fff;text-decoration:none;font-size:16px;font-weight:600;transition:opacity .15s ease}.login-nav-links a:hover{opacity:.72}.login-card{position:relative;z-index:2;width:min(940px,90vw);margin:0 auto;padding:clamp(110px,18vh,178px) 0 20px;text-align:center}.login-card .eyebrow,.login-card .brand-mark{display:none}.login-card h1{font-size:70px;line-height:1.02;letter-spacing:-.055em;font-weight:760;margin:0;color:#fff}.login-card h1:after{content:"";display:block;height:1px;width:min(1360px,88vw);margin:clamp(76px,11vh,112px) auto clamp(40px,6vh,61px);background:#ffffff1f}.login-card .tagline{font-size:23px;line-height:1.45;color:#ffffffb3;font-weight:520;margin:0 auto;max-width:860px}.landing-copy{display:flex;flex-direction:column;gap:13px;margin-top:0}.landing-copy strong{color:#fff;font-size:27px;line-height:1.35;font-weight:650}.landing-copy span{font-size:23px;line-height:1.45;color:#ffffffdb;font-weight:520}.google-button{display:block;width:610px;max-width:88vw;margin:clamp(72px,10vh,107px) auto 0;border:0;border-radius:9px;background:#ff2b86;color:#070107;padding:27px 28px;font-size:26px;font-weight:760;box-shadow:0 16px 48px #ff2b8633;transition:transform .15s ease,filter .15s ease}.google-button:hover{transform:translateY(-2px);filter:brightness(1.04)}.google-g,.login-card small{display:none}.app-shell{min-height:100vh;background:#f7f6f2;color:#20231f;max-width:1440px;margin:auto;padding:0 7.2%;display:flex;flex-direction:column}.topbar{height:94px;border-bottom:1px solid #e7e6df;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#2b342e;font-weight:700;font-size:16px;letter-spacing:-.04em}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#243c31;color:#faf9f5;font:italic 25px Georgia,serif;margin-bottom:64px}.brand-mark.small{width:30px;height:30px;border-radius:9px;font-size:19px;margin:0}.account{display:flex;align-items:center;gap:18px}.user-stat{display:grid;text-align:right;gap:2px}.user-stat span{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#9a9f98}.user-stat b{font:20px Georgia,serif;color:#355343}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e5e9e1;color:#496251;font-size:13px;font-weight:600}.signout{border:0;background:none;color:#8b9088;font-size:12px}.practice{flex:1;display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;align-items:center;padding:78px 0 92px}.practice-intro{padding-bottom:22px}.practice-intro h1{font:500 62px/1.04 Georgia,serif;letter-spacing:-.04em;margin:19px 0 21px}.practice-intro h1 em,.empty-question h2 em,.placeholder-panel h1 em{color:#748c7b;font-weight:500}.practice-intro p,.empty-question p,.placeholder-panel p{color:#81877e;line-height:1.7;font-size:14px}.practice-intro p{max-width:355px}.progress-note{margin-top:35px;color:#8a9088;font-size:11px}.progress-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#789880;margin-right:7px}.dot-separator{padding:0 8px;color:#c4c5be}.question-card{background:#fff;border:1px solid #ecebe5;border-radius:10px;padding:34px 38px;box-shadow:0 12px 40px #282e2010;min-height:420px;position:relative}.card-meta{display:flex;justify-content:space-between;color:#869086;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.07em}.card-meta span:first-child{color:#63806b}.card-meta i{font-style:normal;padding:0 3px;color:#c7c9c2}.question-number{margin-top:35px;color:#b0b4ac;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.question-card h2{font:500 23px/1.45 Georgia,serif;white-space:pre-wrap;margin:10px 0 23px;color:#2e342e}.options{display:grid;gap:9px}.option{min-height:43px;width:100%;border:1px solid #eeede8;background:#fff;border-radius:6px;display:flex;align-items:center;text-align:left;gap:13px;padding:8px 12px;color:#515850;font-size:12px;transition:.15s}.option:hover:not(:disabled){border-color:#89a18f;background:#f8faf7}.option:disabled{cursor:default}.option-letter{color:#a2a79f;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;border:1px solid #e7e8e2;width:22px;height:22px;display:grid;place-items:center;border-radius:4px}.option.correct{background:#eff6f0;border-color:#b8ceb9;color:#355c40}.option.incorrect{background:#fbefec;border-color:#dfb8ae;color:#8b493e}.option.incorrect .option-letter{background:#a75f50;border-color:#a75f50;color:#fff}.option.correct .option-letter{background:#497554;border-color:#497554;color:#fff}.option-check{margin-left:auto;color:#497554}.card-foot{display:flex;justify-content:space-between;margin-top:20px;color:#a0a49e;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.feedback{margin-top:17px;border-radius:6px;padding:12px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.feedback div{display:grid;gap:4px}.feedback span{color:#778178}.feedback strong{color:#435e49}.feedback-good{background:#eff6f0}.feedback-miss{background:#f8f2e9}.feedback-miss b{color:#8c6440}.elo-change{font:10px ui-monospace,SFMono-Regular,Menlo,monospace!important;color:#54715b!important}.empty-question{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:350px}.sparkle{font-size:35px;color:#94aa95;margin-bottom:35px}.empty-question h2{font:500 29px/1.3 Georgia,serif;margin:13px 0 0}.empty-question p{margin:10px 0 22px}.primary-button,.next-button{border:0;background:#294838;color:#fff;border-radius:5px;padding:13px 17px;font-size:12px;font-weight:600}.primary-button span{margin-left:20px}.primary-button:disabled,.next-button:disabled{opacity:.6}.next-button{margin-top:17px;width:100%;text-align:left;display:flex;justify-content:space-between}.error-message{color:#a25744;font-size:11px;margin-top:12px}footer{height:66px;border-top:1px solid #e7e6df;display:flex;justify-content:space-between;align-items:center;color:#a0a49e;font-size:10px}footer span:last-child{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}footer i{font-style:normal;padding:0 4px}.placeholder-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f7f6f2}.placeholder-panel{width:min(560px,92vw);background:#fff;border:1px solid #ecebe5;border-radius:12px;padding:42px;box-shadow:0 12px 40px #282e2010}.placeholder-brand{margin-bottom:55px}.placeholder-panel h1{font:500 55px/1.05 Georgia,serif;letter-spacing:-.04em;margin:18px 0}.placeholder-panel p{max-width:390px;margin:0 0 25px}@media(prefers-reduced-motion:reduce){.gradient-field{visibility:hidden}.login-shell{background:linear-gradient(118deg,#080107,#26051d 18%,#7a104de6 35%,#e21b72a6,#7a104de6 65%,#26051d 82%,#080107)}}@media(max-width:850px){.practice{gap:5%;grid-template-columns:.8fr 1.2fr}.practice-intro h1{font-size:48px}.question-card{padding:28px 25px}}@media(max-width:750px){.site-nav{order:3;flex-basis:100%;justify-content:flex-end;margin-top:-8px}.topbar{height:auto;min-height:76px;padding:14px 0;flex-wrap:wrap}.account{margin-left:auto}.signout{display:none}}@media(max-width:650px){.login-nav{margin:0 6%;height:70px}.login-brand{font-size:18px}.login-nav-links{gap:18px}.login-nav-links a{font-size:12px}.login-card{padding:92px 0 20px;width:88vw}.login-card h1{font-size:46px}.login-card h1:after{margin:54px auto 34px}.login-card .tagline{font-size:17px}.landing-copy{gap:8px}.landing-copy strong{font-size:21px}.landing-copy span{font-size:17px}.google-button{width:100%;margin-top:64px;padding:20px 18px;font-size:20px}.app-shell{padding:0 6%}.practice{display:flex;flex-direction:column;align-items:stretch;padding:47px 0;gap:30px}.practice-intro h1{font-size:48px}.practice-intro p{max-width:100%}.progress-note{margin-top:20px}.question-card{padding:26px 22px;min-height:390px}footer{height:55px;font-size:9px}.placeholder-panel{padding:30px}.placeholder-panel h1{font-size:43px}}