#pageLoader{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(247,246,243,.9);transition:opacity 220ms ease,visibility 220ms ease}#pageLoader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.site-loader{width:32px;height:32px;border:4px solid #d8d3e8;border-top-color:var(--primary,#5b4bb7);border-radius:50%;animation:site-loader-spin .8s linear infinite}@keyframes site-loader-spin{to{transform:rotate(360deg)}}
:root{--ink:#24213d;--muted:#666477;--paper:#f7f6f3;--white:#fff;--line:#e8e5ed;--primary:#5b4bb7;--primary-deep:#42338f;--lavender:#eeebfb;--peach:#fae9e3;--mint:#e6f5ed;--green:#257b57;--rose:#c9516a;--shadow:0 18px 48px rgba(38,30,76,.07);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a699f7;outline-offset:3px}h1,h2,h3,p{margin-top:0}.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--primary)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em;font-size:22px}.brand img{width:38px;height:38px;border-radius:12px;object-fit:cover}.brand small{display:block;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-weight:700;line-height:1.3}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;min-height:44px;padding:10px 17px;background:var(--primary);color:#fff;font-weight:800;font-size:13px;transition:transform .16s,background .16s,box-shadow .16s}.button:hover{background:var(--primary-deep);transform:translateY(-1px);box-shadow:0 10px 24px #5b4bb733}.button.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.button.secondary:hover{background:var(--lavender)}.button.ghost{background:transparent;color:var(--primary)}.button.danger{background:#fff3f5;color:#a93754}.button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.pill{display:inline-flex;align-items:center;border-radius:999px;background:var(--lavender);color:var(--primary-deep);padding:5px 10px;font-size:11px;font-weight:800}.pill.green{background:var(--mint);color:var(--green)}.pill.peach{background:var(--peach);color:#9c5742}.card{background:#fff;border:1px solid var(--line);border-radius:21px;box-shadow:var(--shadow)}.card-pad{padding:24px}.empty{text-align:center;padding:42px 24px}.empty .emoji{font-size:34px}.empty h3{margin:12px 0 6px}.empty p{max-width:370px;margin:0 auto 18px;color:var(--muted);font-size:13px}.banner-error{padding:12px 15px;background:#fff0f3;border:1px solid #f5c9d3;border-radius:12px;color:#9c3150;font-size:13px;font-weight:700}.notice{padding:12px 15px;background:var(--lavender);border-radius:12px;font-size:13px;color:var(--primary-deep)}.field{display:grid;gap:7px;font-size:12px;font-weight:800}.field input,.field select{width:100%;border:1px solid var(--line);background:#fff;padding:12px 13px;border-radius:12px;color:var(--ink);outline:none}.field input:focus,.field select:focus{border-color:#9182de;box-shadow:0 0 0 3px #9182de22}.form-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.form-row .field{min-width:130px;flex:1}.skeleton{height:100px;border-radius:18px;background:linear-gradient(100deg,#eeebf1 20%,#faf9fb 40%,#eeebf1 60%);background-size:200% 100%;animation:shine 1.4s infinite}@keyframes shine{to{background-position-x:-200%}}
/* Entry */
.gateway{min-height:100vh;display:flex;flex-direction:column;max-width:1380px;margin:auto;padding:27px clamp(22px,5vw,70px) 23px;position:relative;overflow:hidden}.gateway:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:#eeeafb;right:-170px;top:80px;z-index:-1}.gateway:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:#fbece9;left:-130px;bottom:-150px;z-index:-1}.gateway-top,.gateway-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.gateway-tag,.gateway-footer{font-size:12px;color:var(--muted);font-weight:700}.gateway-hero{flex:1;display:flex;flex-direction:column;justify-content:center;padding:70px 0 90px;max-width:810px}.gateway-hero h1{font-size:clamp(43px,6vw,82px);line-height:1.08;letter-spacing:-.07em;margin:13px 0 24px}.gateway-hero h1 em{font-style:normal;color:var(--primary)}.gateway-hero>p{font-size:clamp(15px,1.5vw,18px);line-height:1.75;max-width:620px;color:var(--muted);margin-bottom:25px}.gateway-signin{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.gateway-signin .notice{margin:0}.gateway-signin .notice[hidden]{display:none}.guest-link{font-size:13px;color:var(--primary);font-weight:800}.guest-link:hover{text-decoration:underline}
/* Learner shell */
.shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{background:#fff;border-right:1px solid var(--line);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:29px 17px 20px;z-index:10}.sidebar .brand{margin:0 13px 36px}.side-caption{font-size:10px;letter-spacing:.17em;color:#a5a1b2;font-weight:800;text-transform:uppercase;margin:0 13px 12px}.side-links{display:grid;gap:5px}.side-link{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:12px;color:#6d6b80;font-size:13px;font-weight:800}.side-link:hover{background:#f6f4fc;color:var(--primary)}.side-link.active{background:var(--lavender);color:var(--primary-deep)}.side-icon{font-size:20px;line-height:1;width:23px;text-align:center}.sidebar-bottom{margin-top:auto;padding:18px 9px 0;border-top:1px solid var(--line)}.sidebar-bottom .streak{padding:17px;border-radius:16px;background:#f4f1ff;margin-bottom:14px}.streak strong{display:block;font-size:13px}.streak small{font-size:11px;color:var(--muted)}.sidebar-bottom a{font-size:12px;color:var(--muted)}.main{min-width:0}.topbar{height:83px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,3.5vw,52px);gap:20px}.breadcrumb{font-size:12px;color:var(--muted);font-weight:700}.breadcrumb strong{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:10px}.avatar{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:var(--lavender);color:var(--primary);font-weight:900;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.top-user{display:flex;align-items:center;gap:10px}.top-user strong,.top-user small{display:block}.top-user strong{font-size:12px}.top-user small{font-size:10px;color:var(--muted)}.content{max-width:1390px;margin:auto;padding:34px clamp(20px,3.5vw,52px) 70px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px}.page-heading h1{font-size:clamp(27px,3vw,37px);letter-spacing:-.055em;line-height:1.2;margin:6px 0 6px}.page-heading p{font-size:13px;color:var(--muted);margin:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:31px 0 15px}.section-head h2{font-size:18px;letter-spacing:-.03em;margin:0}.section-head a{font-size:12px;color:var(--primary);font-weight:800}.dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.hero-card{position:relative;overflow:hidden;background:#292341;color:#fff;padding:32px;min-height:255px;display:flex;flex-direction:column;justify-content:space-between}.hero-card:after{content:"";position:absolute;font-size:170px;color:#ffffff0d;right:13px;bottom:-80px;font-weight:800;pointer-events:none}.hero-card .eyebrow{color:#d5ccff}.hero-card h2{font-size:clamp(25px,2.4vw,34px);max-width:420px;letter-spacing:-.045em;line-height:1.25;margin:10px 0}.hero-card p{color:#d5d1df;font-size:13px;max-width:440px;line-height:1.6}.hero-card .button{background:#fff;color:var(--primary-deep);align-self:flex-start}.hero-card .button:hover{background:#f2efff}.progress-card{padding:25px;display:flex;flex-direction:column;justify-content:space-between}.progress-ring{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--primary) var(--progress,0%),#eeebf5 0);margin:12px auto}.progress-ring:before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:#fff}.progress-ring span{position:relative;font-size:23px;font-weight:900}.progress-card h3{font-size:16px;margin:0}.progress-card p{color:var(--muted);font-size:12px;margin:4px 0}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat-card{padding:22px}.stat-card .stat-icon{font-size:24px}.stat-card strong{display:block;font-size:27px;letter-spacing:-.05em;margin-top:15px}.stat-card small{color:var(--muted);font-size:11px;font-weight:700}.list-row{display:flex;align-items:center;gap:15px;padding:17px 19px;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.list-row .row-icon{width:43px;height:43px;border-radius:12px;background:var(--lavender);display:grid;place-items:center;color:var(--primary);font-weight:900;flex:none}.list-row .row-main{flex:1;min-width:0}.list-row strong{display:block;font-size:13px}.list-row small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.list-row .row-end{font-size:12px;font-weight:800;color:var(--primary)}.level-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.tab{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:10px;padding:10px 16px;font-size:12px;font-weight:800}.tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.paper-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:16px}.paper-card{padding:23px;display:flex;flex-direction:column;min-height:225px}.paper-top{display:flex;justify-content:space-between;align-items:start}.paper-symbol{height:44px;width:44px;display:grid;place-items:center;border-radius:14px;background:var(--lavender);color:var(--primary);font-weight:900}.paper-card h3{font-size:17px;line-height:1.35;margin:19px 0 7px}.paper-card p{font-size:12px;color:var(--muted);line-height:1.5;flex:1}.paper-card .button{align-self:flex-start}.practice-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.practice-setup{padding:26px}.practice-setup h2{font-size:19px}.practice-setup p{font-size:13px;color:var(--muted);line-height:1.6}.choice-segments{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0 23px}.segment{border:1px solid var(--line);background:#fff;border-radius:11px;padding:11px 16px;font-weight:800;color:var(--muted)}.segment.selected{background:var(--lavender);border-color:#b5a8ec;color:var(--primary)}.weakness-list{display:grid;gap:8px;max-height:370px;overflow:auto}.weakness-option{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:11px;font-size:12px}.weakness-option input{accent-color:var(--primary)}.weakness-option strong{margin-left:auto;color:var(--muted);font-size:10px}.practice-aside{padding:24px}.practice-aside h3{font-size:16px}.practice-aside p,.practice-aside li{font-size:12px;line-height:1.65;color:var(--muted)}.practice-aside ul{padding-left:18px}.quiz-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.quiz-progress{height:8px;border-radius:99px;background:#e9e6ef;overflow:hidden;margin-bottom:25px}.quiz-progress span{display:block;height:100%;background:var(--primary);transition:width .2s}.question-card{padding:25px;margin-bottom:14px}.question-number{display:flex;align-items:center;gap:9px;margin-bottom:13px;font-size:11px;color:var(--primary);font-weight:900;letter-spacing:.04em}.question-text,.passage{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.question-text{font-size:16px;font-weight:700}.passage{background:#f8f7fb;border-left:3px solid #b8adeb;padding:17px;border-radius:0 12px 12px 0;color:#575368;font-size:13px;max-height:380px;overflow:auto;margin:10px 0 17px}.option-list{display:grid;gap:9px;margin-top:18px}.option{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px;color:var(--ink);font-size:13px;line-height:1.55}.option:hover{border-color:#a99de4;background:#faf9ff}.option.selected{border-color:var(--primary);background:var(--lavender)}.option.correct{border-color:#92d6b2;background:#ecfaf3}.option.wrong{border-color:#eeb0bd;background:#fff2f5}.option-num{height:25px;width:25px;display:grid;place-items:center;border-radius:7px;background:#f0edf8;color:var(--primary);font-weight:900;flex:none}.quiz-actions{display:flex;justify-content:space-between;gap:10px;margin:18px 0}.section-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.section-tab{border:1px solid var(--line);padding:10px 13px;background:#fff;border-radius:10px;font-size:12px;font-weight:800;color:var(--muted)}.section-tab.active{background:var(--ink);color:#fff}.score-card{padding:30px;text-align:center}.score-number{font-size:60px;line-height:1;letter-spacing:-.08em;color:var(--primary);font-weight:900;margin:12px 0}.score-card p{color:var(--muted)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-card{padding:24px}.settings-card h2{font-size:18px}.settings-card p{font-size:12px;color:var(--muted);line-height:1.6}.settings-fields{display:grid;gap:14px}.install-toast{position:fixed;right:20px;bottom:20px;background:var(--ink);color:#fff;border-radius:16px;padding:17px;box-shadow:var(--shadow);display:flex;align-items:center;gap:15px;z-index:40;font-size:12px}.mobile-nav{display:none}.login-panel{max-width:440px;margin:70px auto;padding:32px;text-align:center}.login-panel .login-mark{font-size:52px;margin-bottom:13px}.login-panel h2{font-size:25px;letter-spacing:-.04em}.login-panel p{color:var(--muted);font-size:13px;line-height:1.7}.app-loading{min-height:100vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.loader-mark{font-size:50px;color:var(--primary);animation:breathe 1.8s infinite}@keyframes breathe{50%{transform:scale(1.13);opacity:.6}}
@media(max-width:1040px){.dashboard-grid,.practice-layout{grid-template-columns:1fr}.progress-card{min-height:220px}.progress-ring{position:absolute;right:28px;top:32px}.progress-card{position:relative}.progress-card h3,.progress-card p{max-width:55%}.settings-grid{grid-template-columns:1fr}}
@media(max-width:800px){.shell{display:block}.sidebar{display:none}.topbar{height:65px;padding:0 20px}.content{padding:25px 18px 100px}.mobile-nav{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:7px 4px calc(7px + env(safe-area-inset-bottom));z-index:20}.mobile-nav a{display:grid;justify-items:center;gap:2px;min-width:62px;color:var(--muted);font-size:10px;font-weight:800}.mobile-nav a span{font-size:21px}.mobile-nav a.active{color:var(--primary)}.top-user small{display:none}}
@media(max-width:620px){.gateway{padding:20px}.gateway-tag{display:none}.gateway-hero{padding:75px 0}.gateway-choices{grid-template-columns:1fr}.gateway-footer{font-size:10px}.stat-grid{gap:9px}.stat-card{padding:16px}.stat-card strong{font-size:23px}.stat-card .stat-icon{font-size:20px}.page-heading{align-items:start;flex-direction:column}.page-heading .button{width:100%}.hero-card{padding:25px}.progress-ring{position:relative;right:auto;top:auto;margin:13px 0}.progress-card h3,.progress-card p{max-width:none}.settings-grid{grid-template-columns:1fr}.quiz-actions .button{flex:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Welcome screen */
.gateway{max-width:1460px;padding:28px clamp(24px,5vw,72px) 24px;isolation:isolate}
.gateway:before{width:470px;height:470px;right:-210px;top:130px;background:#eeebfb}
.gateway:after{width:310px;height:310px;left:-190px;bottom:-140px;background:#f8eae5}
.gateway-top{position:relative;z-index:1}
.gateway-layout{flex:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:center;gap:clamp(40px,7vw,110px);padding:48px 0 56px}
.gateway-hero{flex:none;max-width:680px;padding:0}
.gateway-hero .eyebrow{font-size:11px;letter-spacing:.12em}
.gateway-hero h1{font-size:clamp(48px,5.5vw,78px);line-height:1.09;letter-spacing:-.065em;margin:19px 0 20px}
.gateway-hero>p{max-width:550px;margin:0 0 31px;font-size:17px;line-height:1.7}
.gateway-signin{width:min(100%,390px);gap:0;align-items:stretch;padding:22px;border:1px solid #e7e3ed;border-radius:20px;background:#fff;box-shadow:0 20px 60px rgba(38,30,76,.07)}
.gateway-signin-title{font-size:15px;font-weight:800;letter-spacing:-.025em}
.gateway-signin-copy{font-size:12px;line-height:1.55;color:var(--muted);margin:4px 0 16px}
.gateway-signin .gateway-google-button{position:relative;min-height:48px;width:100%;justify-content:center;border-radius:12px;font-size:13px}
.gateway-google-icon{position:absolute;left:15px;display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#ffffff24;font-size:14px;font-weight:900}
.gateway-google-button>span:last-child{position:absolute;right:16px;font-size:17px;font-weight:500}
.gateway-signin .notice{margin:12px 0 0}
.gateway-divider{display:flex;align-items:center;gap:11px;margin:18px 0 15px;color:#9692a5;font-size:11px;font-weight:700;white-space:nowrap}
.gateway-divider:before,.gateway-divider:after{content:"";height:1px;background:var(--line);flex:1}
.gateway-signin .guest-link{min-height:42px;width:100%;justify-content:center;border-color:#d9d3e9;color:var(--primary-deep);font-size:12px}
.gateway-signin .guest-link:hover{text-decoration:none}
.gateway-preview{position:relative;overflow:hidden;border:1px solid #e8e1f1;border-radius:28px;background:linear-gradient(145deg,#fff 0%,#fbfaff 68%,#f4f0ff 100%);padding:31px;box-shadow:0 30px 70px rgba(44,33,86,.08)}
.gateway-preview:before{content:"";position:absolute;width:220px;height:220px;right:-120px;top:-115px;border-radius:50%;background:#f0e9ff}
.gateway-preview-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px}
.gateway-preview-kicker{color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.gateway-preview-flower{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#f6eff7;color:#bc638d;font-size:19px;font-weight:800}
.gateway-preview h2{position:relative;margin:20px 0 27px;font-size:clamp(27px,2.4vw,34px);line-height:1.22;letter-spacing:-.05em}
.gateway-feature{position:relative;display:flex;align-items:center;gap:14px;padding:15px 0;border-top:1px solid var(--line)}
.gateway-feature-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:var(--lavender);color:var(--primary);font-size:16px;font-weight:800}
.gateway-feature strong,.gateway-feature span:last-child{display:block}
.gateway-feature strong{font-size:13px;line-height:1.4}
.gateway-feature div span{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.45}
.gateway-preview-footer{display:flex;justify-content:space-between;gap:14px;margin-top:16px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:700}
.gateway-preview-footer span{color:var(--primary)}
.gateway-footer{position:relative;z-index:1}
@media(max-width:850px){.gateway-layout{grid-template-columns:1fr;gap:40px;padding:76px 0 58px}.gateway-hero{max-width:690px}.gateway-preview{max-width:690px;width:100%}}
@media(max-width:620px){.gateway{padding:20px}.gateway-layout{gap:30px;padding:62px 0 38px}.gateway-hero h1{font-size:clamp(42px,11vw,60px);margin:16px 0}.gateway-hero>p{font-size:15px;margin-bottom:25px}.gateway-signin{width:100%;padding:19px}.gateway-preview{padding:23px;border-radius:23px}.gateway-preview h2{font-size:29px}.gateway-footer{font-size:10px}}

/* Public information */
.gateway-links,.gateway-footer nav,.public-nav{display:flex;align-items:center;gap:22px;font-size:12px;font-weight:800;color:var(--muted)}
.gateway-links a:hover,.gateway-footer a:hover,.public-nav a:hover,.public-footer a:hover{color:var(--primary);text-decoration:underline}
.public-layout{min-height:100vh;display:flex;flex-direction:column;max-width:1180px;margin:auto;padding:28px clamp(20px,5vw,60px) 24px}
.public-header,.public-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}
.public-header{padding-bottom:22px;border-bottom:1px solid var(--line)}
.public-main{flex:1;padding:64px 0 85px}
.public-kicker{font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:900;color:var(--primary)}
.public-main h1{max-width:800px;margin:14px 0 18px;font-size:clamp(38px,5vw,65px);line-height:1.1;letter-spacing:-.055em}
.public-lead{max-width:760px;margin-bottom:38px;color:var(--muted);font-size:17px;line-height:1.75}
.public-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:32px 0}
.public-card,.public-prose section,.public-callout{border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}
.public-card{display:flex;flex-direction:column;align-items:flex-start;padding:28px}
.public-card h2,.public-callout h2,.public-prose h2{margin:0 0 10px;font-size:21px;letter-spacing:-.035em}
.public-card p,.public-callout p,.public-prose p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}
.public-card .button{margin-top:auto;align-self:flex-start}
.public-card p+.button{margin-top:22px}
.app-install-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:15px;background:#eee9ff;color:var(--primary);font-size:23px}
.app-install-grid .public-card{gap:0;min-height:245px}
.app-install-grid .public-note{margin-top:14px;font-size:13px}
.public-callout{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px;background:var(--lavender)}
.public-callout h2{margin-top:10px}
.public-actions{display:flex;gap:10px;flex-wrap:wrap;flex:none}
.public-note{color:var(--muted);font-size:13px}
.public-note a,.public-prose a{color:var(--primary);font-weight:800;text-decoration:underline}
.public-prose a.button{color:#fff;text-decoration:none}
.public-prose a.button.secondary{color:var(--ink)}
.public-prose{display:grid;gap:14px;max-width:900px}
.public-prose section{padding:25px 28px}
.public-prose .public-action-line{margin-top:20px}
.public-footer{padding-top:20px;border-top:1px solid var(--line);font-size:12px;font-weight:700;color:var(--muted)}
.public-footer a{color:var(--primary-deep)}
.app-info-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:48px;padding-top:22px;border-top:1px solid var(--line);font-size:12px;font-weight:700;color:var(--muted)}
.app-info-footer nav{display:flex;gap:16px;flex-wrap:wrap}
.app-info-footer a:hover{color:var(--primary);text-decoration:underline}

/* Shared JPP palette across the dashboard and the mobile app. */
.shell{background:radial-gradient(circle at 100% 0,#eeebfb 0,transparent 27%),radial-gradient(circle at 0 95%,#e6f5ed 0,transparent 28%),var(--paper)}
.sidebar{background:#fbfaff}
.topbar{background:#ffffffdf;backdrop-filter:blur(14px)}
.side-link.active{box-shadow:inset 3px 0 var(--primary)}
.hero-card{background:linear-gradient(135deg,#42338f,#5b4bb7 68%,#8c79df)}
.progress-card{background:linear-gradient(145deg,#fff,#f2efff)}
.stat-card{box-shadow:none;background:#eeebfb;border-color:#dfd9f4}
.stat-grid .stat-card:nth-child(2){background:#e6f5ed;border-color:#cde9db}
.stat-grid .stat-card:nth-child(3){background:#fae9e3;border-color:#f0d9cf}
.stat-card .stat-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#ffffffbd;color:var(--primary)}
.paper-card{background:linear-gradient(155deg,#fff 62%,#f1eefc)}
.paper-card:nth-child(3n+2){background:linear-gradient(155deg,#fff 62%,#e9f6ef)}
.paper-card:nth-child(3n){background:linear-gradient(155deg,#fff 62%,#fae9e3)}
.practice-aside{background:linear-gradient(155deg,#e6f5ed,#fff 80%)}
.settings-card:nth-child(1){background:linear-gradient(155deg,#eeebfb,#fff 72%)}
.settings-card:nth-child(2){background:linear-gradient(155deg,#e6f5ed,#fff 72%)}
.settings-card:nth-child(3){background:linear-gradient(155deg,#fae9e3,#fff 72%)}
.question-card{border-top:4px solid #b5a8ec}
.score-card{background:linear-gradient(150deg,#eeebfb,#fff 65%,#e6f5ed)}
.mobile-nav{background:#fbfaff}
.public-roadmap{margin:34px 0;padding:clamp(24px,4vw,42px);border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,#eeebfb,#fff 55%,#e6f5ed)}
.public-roadmap h2{margin:7px 0 26px;font-size:clamp(25px,3vw,34px);letter-spacing:-.04em}
.roadmap-list{list-style:none;max-width:850px;margin:0 0 0 9px;padding:0 0 0 30px;border-left:3px solid #bcb1ed;display:grid;gap:16px}
.roadmap-list li{position:relative;padding:21px 24px;border:1px solid #e4e0ed;border-radius:20px;background:#ffffffeb;box-shadow:0 10px 25px #3025660a}
.roadmap-list li:before{content:"";position:absolute;top:23px;left:-42px;width:17px;height:17px;border-radius:50%;background:#5b4bb7;box-shadow:0 0 0 5px #f5f2ff,0 4px 10px #4e3ba74d}
.roadmap-list li:nth-child(2):before{background:#35a477;box-shadow:0 0 0 5px #f0faf4,0 4px 10px #247b5540}
.roadmap-list li:nth-child(n+3):before{background:#a49bbf;box-shadow:0 0 0 5px #f8f6fb,0 4px 10px #5d557033}
.roadmap-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:7px}
.roadmap-date{font-size:12px;font-weight:900;color:var(--primary-deep)}
.roadmap-status{border-radius:999px;padding:4px 10px;background:var(--lavender);color:var(--primary-deep);font-size:10px;font-weight:800}
.roadmap-list li:nth-child(2) .roadmap-status{background:var(--mint);color:var(--green)}
.roadmap-list li:nth-child(n+3) .roadmap-status{background:#f0eef3;color:#676174}
.roadmap-list strong{display:block;font-size:18px;letter-spacing:-.025em}.roadmap-list p{margin:7px 0 0;font-size:13px;line-height:1.65;color:var(--muted)}
@media(max-width:600px){.public-roadmap{padding:22px}.roadmap-list{margin-left:7px;padding-left:23px}.roadmap-list li{padding:18px}.roadmap-list li:before{left:-34px;width:15px;height:15px}.roadmap-list strong{font-size:16px}}
@media(max-width:760px){.public-grid{grid-template-columns:1fr}.public-callout{align-items:flex-start;flex-direction:column}.public-main{padding:48px 0 62px}.public-lead{font-size:15px}.public-nav{flex-wrap:wrap;gap:10px 16px;justify-content:flex-end}}
@media(max-width:480px){.gateway-links,.gateway-footer nav{gap:12px}.public-header{align-items:flex-start;flex-direction:column}.public-nav{justify-content:flex-start}.public-card,.public-callout,.public-prose section{padding:22px}.public-footer{align-items:flex-start;flex-direction:column}}

/* Public pages use the same workspace frame as the learner dashboard. */
.sidebar{overflow-y:auto}
.public-info-caption{margin-top:25px}
.public-shell .topbar{position:sticky;top:0;z-index:30}
.public-content{width:100%;padding-top:0}
.public-content .gateway{max-width:1280px;min-height:min(760px,calc(100vh - 175px));padding:0;margin:0 auto;overflow:hidden}
.public-content .gateway:before{right:-75px;top:100px;width:380px;height:380px}
.public-content .gateway:after{left:-125px;bottom:0;width:270px;height:270px}
.public-content .gateway-layout{padding:58px 0 54px;gap:clamp(25px,5vw,74px)}
.public-content .gateway-hero h1{font-size:clamp(45px,4.8vw,71px)}
.public-content .gateway-hero>p{font-size:16px}
.public-content .gateway-signin{border-top:4px solid var(--primary)}
.public-content .gateway-preview{background:linear-gradient(145deg,#fff 0%,#faf8ff 62%,#eeebfb 100%)}
.public-content .gateway-feature:nth-of-type(3) .gateway-feature-icon{background:var(--mint);color:var(--green)}
.public-content .gateway-feature:nth-of-type(4) .gateway-feature-icon{background:var(--peach);color:#9c5742}
.public-main{max-width:1160px;margin:0 auto;padding:47px 0 20px}
.public-main h1{font-size:clamp(39px,4.4vw,62px)}
.public-card:nth-child(odd){border-top:4px solid #8c79df;background:linear-gradient(145deg,#fff,#f8f6ff)}
.public-card:nth-child(even){border-top:4px solid #35a477;background:linear-gradient(145deg,#fff,#f3fbf6)}
.public-prose section:nth-child(3n+1){border-left:4px solid #8c79df}
.public-prose section:nth-child(3n+2){border-left:4px solid #35a477}
.public-prose section:nth-child(3n){border-left:4px solid #df916e}
.public-mobile-nav a.active{color:var(--primary-deep)}
@media(max-width:800px){.public-shell .topbar{height:64px}.public-content{padding-top:0}.public-content .gateway{min-height:auto}.public-content .gateway-layout{padding:46px 0 32px}.public-main{padding:35px 0 12px}.public-content .app-info-footer{margin-top:32px}}
@media(max-width:620px){.public-top-action{display:none}.public-content .gateway-layout{padding:38px 0 22px}.public-content .gateway-hero h1{font-size:clamp(41px,11vw,58px)}.public-content .gateway-preview{padding:22px}.public-main h1{font-size:clamp(36px,10vw,52px)}.public-mobile-nav a{min-width:0;flex:1}.public-mobile-nav a span{font-size:19px}}

/* Local Bootstrap Icons and the JPP mark replace decorative text glyphs. */
.sidebar .brand{min-height:52px;margin-bottom:31px}
.sidebar .brand img{width:52px;height:52px;border-radius:15px}
.side-link .side-icon{display:grid;place-items:center;font-size:18px}
.side-link .side-icon .bi{line-height:1}
.nav-label{flex:1;min-width:0}
.nav-lock{font-size:11px;color:#918aa8}
.side-link.locked{color:#89869a}
.side-link.locked:hover{color:var(--primary-deep)}
.side-link.active.locked .nav-lock{color:var(--primary-deep)}
.mobile-icon{position:relative;display:grid;place-items:center;height:23px;font-size:20px}
.mobile-lock{position:absolute;right:-9px;bottom:-3px;font-size:9px!important;color:#8f86a7;background:#fbfaff;border-radius:50%;padding:2px}
.mobile-nav a.locked{color:#8c899d}
.mobile-nav a.active.locked{color:var(--primary)}
.gateway-preview-flower img{width:32px;height:32px;object-fit:contain}
.gateway-preview-flower{background:#fff;border:1px solid var(--line)}
.loader-mark{width:54px;height:54px;object-fit:contain;margin:auto}
.login-panel .login-mark{display:block;width:72px;height:72px;object-fit:contain;margin:0 auto 18px}
.login-panel .eyebrow .bi{margin-right:4px}
.login-panel .button{display:flex;width:100%;margin-top:10px}
.hero-card:after{width:185px;height:185px;right:18px;bottom:-35px;background:url('/site/icon-96.webp') center/contain no-repeat;opacity:.12}
.weakness-group{padding-top:14px;margin-top:14px;border-top:1px solid var(--line)}
.weakness-group h3{display:flex;align-items:center;gap:9px;margin:0 0 10px;color:var(--primary-deep);font-size:14px;font-weight:800}
.weakness-group h3 i{font-size:17px}
.practice-layout{align-items:start}
.weakness-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;max-height:none;overflow:visible}
.weakness-list>.mixed-option{grid-column:1/-1}
.weakness-group{margin:0;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fbfaff}
.weakness-group h3{margin-bottom:12px}
.weakness-group .weakness-option{margin-top:7px;background:#fff}
.weakness-option strong{white-space:nowrap}
.practice-submit{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:760px){.weakness-list{grid-template-columns:1fr}.weakness-list>.mixed-option{grid-column:auto}}
.goal-card{padding:26px;margin-bottom:18px;background:linear-gradient(120deg,#f0ecff,#fff 70%)}
.goal-card-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.goal-card-head h2{margin:7px 0 13px;font-size:24px}.goal-card-head a{font-size:12px;font-weight:800;color:var(--primary)}
.goal-metrics{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.goal-metrics strong{font-size:38px;line-height:1;color:var(--primary)}.goal-metrics span{font-size:13px}.goal-metrics span:last-child{margin-left:auto;color:var(--muted)}
.goal-bar{height:10px;border-radius:20px;background:#e9e5f6;overflow:hidden;margin:15px 0}.goal-bar span{display:block;height:100%;border-radius:20px;background:var(--primary)}
.goal-sections{display:flex;gap:8px;flex-wrap:wrap}.goal-sections span{padding:7px 10px;border-radius:20px;font-size:11px;font-weight:700}.goal-sections .met{background:#e4f5eb;color:#206e4b}.goal-sections .needs-work{background:#fff0e8;color:#a14d26}.goal-note{font-size:11px;line-height:1.6;color:var(--muted);margin:15px 0 0}.goal-setup{max-width:520px}.goal-setup .goal-note{margin-top:20px}
.app-download-panel{padding:12px 28px;max-width:850px}.app-download-choice{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px 0}.app-download-choice+.app-download-choice{border-top:1px solid var(--line)}.app-download-choice .app-install-icon{margin:0}.app-download-choice h2{margin:0 0 5px;font-size:18px}.app-download-choice p{margin:0;font-size:13px;color:var(--muted);line-height:1.5}.app-download-panel>.public-note{border-top:1px solid var(--line);padding:15px 0;margin:0}
@media(max-width:700px){.app-download-choice{grid-template-columns:52px minmax(0,1fr)}.app-download-choice .button{grid-column:1/-1;width:100%}.goal-metrics span:last-child{margin-left:0;flex-basis:100%}}
.answer-missing{margin:14px 0 0;color:#b42335;font-size:13px;font-weight:800}
.question-instruction{padding:10px 13px;margin:0 0 17px;border-radius:10px;background:#f6f2ff;color:#5849a6;font-size:12px;line-height:1.65;font-weight:700}
.question-focus{padding:1px 3px;border-radius:4px;background:#fff0ae;color:#24213d;font-weight:900;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.question-card .option.selected{border:2px solid var(--primary);background:#eeebfb;box-shadow:0 0 0 2px #5b4bb71a}
.question-card .option.selected .option-num{background:var(--primary);color:#fff}
.practice-certificate{max-width:760px;margin:0 auto 24px;padding:32px;border:3px solid #a99de4;text-align:center;background:linear-gradient(145deg,#fff,#f8f6ff)}
.practice-certificate.certificate-pass{border-color:#64bb8b;background:linear-gradient(145deg,#fff,#f1fbf5)}
.practice-certificate img{width:66px;height:66px;object-fit:contain}.certificate-label{margin-top:12px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.14em}
.practice-certificate h2{margin:8px 0 3px;font-size:28px}.certificate-paper{font-size:13px;color:var(--muted)}
.certificate-total{display:grid;gap:2px;margin:22px 0}.certificate-total strong{font-size:48px;color:var(--primary);line-height:1}.certificate-pass .certificate-total strong{color:#277e52}.certificate-total small{font-size:22px;color:var(--muted)}.certificate-total span{font-size:14px;font-weight:800}
.certificate-sections{max-width:510px;margin:0 auto 20px}.certificate-sections>div{display:flex;justify-content:space-between;gap:12px;padding:12px 2px;border-bottom:1px solid var(--line);font-size:13px;text-align:left}.certificate-sections strong{white-space:nowrap}
.practice-certificate>p{font-size:12px;color:var(--muted)}.practice-certificate footer{margin-top:14px;font-size:11px;line-height:1.6;color:var(--muted)}
.site-language select{max-width:112px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);padding:9px 10px;font-size:12px;font-weight:700;cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.focus-intro{color:var(--muted);font-size:13px;margin:-6px 0 18px}.focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}.button.danger:hover{background:#fbe0e6;color:#8d2945}
.focus-group{overflow:hidden}.focus-group-head{display:flex;align-items:center;gap:12px;padding:17px 19px}.focus-group-head>span:nth-child(2){flex:1}.focus-group-head strong,.focus-group-head small{display:block}.focus-group-head strong{font-size:15px}.focus-group-head small{font-size:11px;color:var(--muted);margin-top:3px}
.focus-icon{width:38px;height:38px;display:grid;place-items:center;background:#eeeafa;color:var(--primary);border-radius:11px;font-size:19px}.focus-list{border-top:1px solid var(--line)}.focus-row{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:0;border-bottom:1px solid var(--line);background:#fff;color:var(--ink);padding:13px 19px;cursor:pointer}.focus-row:last-child{border-bottom:0}.focus-row:hover:not(:disabled){background:#f8f6ff}.focus-row:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.focus-row>span:first-child{flex:1;min-width:0}.focus-row strong,.focus-row small{display:block}.focus-row strong{font-size:12px}.focus-row small{font-size:10px;color:var(--muted);margin-top:3px}.focus-row-end{text-align:right}.focus-row-end b{font-size:12px;color:var(--primary)}.focus-row>.bi{color:var(--primary)}.focus-row:disabled{opacity:.53;cursor:not-allowed}
@media(max-width:760px){.focus-grid{grid-template-columns:1fr}}

/* Lightweight system-font icons avoid a 134 KiB blocking icon font. */
.bi{display:inline-block;width:1em;text-align:center;font-style:normal;font-weight:800;line-height:1}.bi::before{content:'•'}.bi-journal-text::before{content:'▤'}.bi-pencil-square::before{content:'✎'}.bi-graph-up::before,.bi-graph-up-arrow::before{content:'↗'}.bi-clock-history::before{content:'◷'}.bi-gear::before{content:'⚙'}.bi-phone::before{content:'▯'}.bi-lock-fill{position:relative;height:1em}.bi-lock-fill::before{content:'';display:block;width:.58em;height:.46em;margin:.4em auto 0;border:1.5px solid currentColor;border-radius:2px}.bi-lock-fill::after{content:'';position:absolute;left:50%;top:.08em;width:.34em;height:.38em;border:1.5px solid currentColor;border-bottom:0;border-radius:.3em .3em 0 0;transform:translateX(-50%)}.bi-google::before{content:'G'}.bi-shield-lock::before{content:'◇'}.bi-stars::before{content:'✦'}.bi-circle::before{content:'○'}.bi-check-circle::before{content:'✓'}.bi-exclamation-circle::before{content:'!'}.bi-translate::before{content:'文'}.bi-book::before{content:'▤'}.bi-headphones::before{content:'◉'}.bi-arrow-right::before{content:'→'}.bi-android2::before{content:'A'}.bi-download::before,.bi-box-arrow-down::before{content:'↓'}.bi-window-stack::before{content:'▣'}
.paper-card h2{font-size:17px;line-height:1.35;margin:19px 0 7px}.empty h2{margin:12px 0 6px;font-size:19px}.tab{color:#666477}.mobile-nav a{color:#666477!important}.mobile-nav a.active{color:var(--primary)!important}.mobile-nav a.locked{color:#666477!important}
@media(prefers-reduced-motion:reduce){.site-loader{animation:none}#pageLoader{transition:none}}

.app-loading .loader-mark{display:none}.app-loading::before{content:'';width:4px;color:var(--ink);aspect-ratio:1;border-radius:50%;box-shadow:19px -19px 0 0px,38px -19px 0 0px,57px -19px 0 0px,19px 0 0 5px,38px 0 0 5px,57px 0 0 5px,19px 19px 0 0px,38px 19px 0 0px,57px 19px 0 0px;transform:translateX(-38px);animation:site-loader-grid 2s infinite linear;margin:0 auto 32px}
@media(prefers-reduced-motion:reduce){.app-loading::before{animation:none}}

/* Compact learner experience: one clear rail, one action bar and a two-step paper flow. */
:root{--shadow:0 6px 20px rgba(36,33,61,.055)}
body{background:var(--paper)}
.shell{grid-template-columns:88px minmax(0,1fr);background:var(--paper)}
.main{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 100% 4%,rgba(250,233,227,.58) 0 86px,transparent 87px),var(--paper)}
.card{border-radius:16px;box-shadow:var(--shadow)}
.button{min-height:44px;padding:9px 16px;border-radius:11px;font-size:13px}
.learner-sidebar{width:88px;padding:15px 8px 12px;background:#fff;border-right-color:var(--line)}
.learner-sidebar .brand{justify-content:center;min-height:42px;margin:0 0 20px}
.learner-sidebar .brand img{width:42px;height:42px;border-radius:12px}
.learner-sidebar .brand span{display:none}
.learner-sidebar .side-links{gap:5px}
.learner-sidebar .side-link{position:relative;min-height:54px;padding:7px 4px;flex-direction:column;justify-content:center;gap:4px;text-align:center;border-radius:13px;color:var(--muted);font-size:10px;line-height:1.1}
.learner-sidebar .side-link:hover,.learner-sidebar .side-link.active{background:var(--lavender);color:var(--primary-deep);box-shadow:none}
.learner-sidebar .side-icon{width:auto;font-size:19px}
.learner-sidebar .nav-label{flex:0;overflow:visible}
.learner-sidebar .nav-lock{position:absolute;top:7px;right:16px;font-size:8px}
.learner-sidebar .sidebar-bottom{margin-top:auto;padding:10px 0 0;border-top:0}
.learner-sidebar .admin-link{min-height:44px;margin-bottom:4px}
.learner-sidebar .sidebar-account{justify-content:center;padding:10px 0 5px;border-top:1px solid var(--line)}
.learner-sidebar .sidebar-account .avatar{width:32px;height:32px}
.learner-sidebar .sidebar-account-details{display:none}
.learner-sidebar .sidebar-signout{display:flex;align-items:center;justify-content:center;width:100%;min-height:34px;margin-top:6px;border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:800}
.learner-sidebar .sidebar-signout:hover{color:var(--primary);background:var(--lavender);border-radius:10px}
.topbar{position:sticky;top:0;z-index:20;height:58px;justify-content:flex-end;padding:0 clamp(20px,3.5vw,36px);background:rgba(255,255,255,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.appbar-title{display:none;align-items:center;gap:9px;min-width:0;font-size:17px}
.appbar-title img{width:30px;height:30px;border-radius:8px}
.appbar-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-actions{gap:9px}.top-user{gap:8px}.top-user .avatar{width:34px;height:34px}.compact-signin{min-height:38px;padding:7px 13px}
.site-language select{max-width:106px;padding:8px 9px;border-radius:9px}
.content{position:relative;max-width:960px;padding:25px clamp(20px,4vw,38px) 54px}
.banner-error{margin-bottom:16px}
.page-heading{align-items:center;margin-bottom:20px}.page-heading h1{font-size:clamp(27px,3vw,34px);margin:5px 0}.page-heading p{font-size:13px;line-height:1.5}
.empty{padding:32px 20px}.empty .emoji{font-size:28px}.empty h2{margin:9px 0 5px;font-size:18px}
.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding:12px 14px}
.flow-label{display:flex;align-items:center;gap:10px;min-width:150px}.flow-label>span,.step-number{display:inline-grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;font-size:12px;font-weight:900}.flow-label small,.flow-label strong{display:block}.flow-label small{margin-bottom:1px;color:var(--muted);font-size:10px}.flow-label strong{font-size:14px}
.app-level-tabs{display:flex;gap:3px;width:max-content;max-width:100%;margin:0;padding:4px;border:1px solid var(--line);border-radius:12px;background:#faf9fc}.app-level-tabs .tab{min-width:56px;min-height:38px;padding:7px 11px;border:0;border-radius:9px;background:transparent;font-size:12px}.app-level-tabs .tab.active{background:var(--primary);color:#fff;box-shadow:0 3px 9px rgba(91,75,183,.18)}
.section-head{margin:20px 0 11px}.library-head h2{display:flex;align-items:center;gap:9px;font-size:17px}.library-head .step-number{width:25px;height:25px;flex-basis:25px;font-size:11px}.library-head .pill{background:#fff;border:1px solid var(--line)}
.paper-list{display:grid;gap:9px}.paper-card{display:flex;align-items:center;gap:13px;min-height:78px;padding:12px 14px;color:var(--ink);background:#fff;transition:border-color .16s,transform .16s,box-shadow .16s}.paper-card:hover{transform:translateY(-1px);border-color:#c8c0e9;box-shadow:0 8px 22px rgba(36,33,61,.08)}
.paper-card .paper-symbol{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:13px;background:var(--primary);color:#fff;font-size:15px;font-weight:900}.paper-copy{min-width:0;flex:1}.paper-copy strong,.paper-copy small,.paper-status{display:block}.paper-copy strong{font-size:14px;line-height:1.3}.paper-copy small{margin-top:3px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.paper-status{margin-top:4px;color:var(--green);font-size:10px;font-weight:800}.paper-play{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:var(--lavender);color:var(--primary);font-size:12px;padding-left:2px}
.practice-starter{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;margin-bottom:10px}.practice-starter h2{margin:5px 0 3px;font-size:20px}.practice-starter p{margin:0;color:var(--muted);font-size:12px}.practice-starter .choice-segments{margin:0;flex-wrap:nowrap}.practice-starter .segment{min-width:48px;min-height:42px;padding:8px 12px}
.practice-callout{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:19px;background:linear-gradient(120deg,var(--lavender),#fff 78%)}.practice-callout h2{margin:5px 0 3px;font-size:19px}.practice-callout p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.practice-callout .button{flex:none}
.focus-grid{gap:12px}.focus-group{border-radius:16px}.focus-group-head{padding:14px}.focus-icon{width:36px;height:36px;border-radius:10px}.focus-row{min-height:48px;padding:11px 14px}
.exam-overview{padding:18px 20px;margin:12px 0 18px}.exam-overview-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.exam-overview-line strong{display:block;margin-top:4px;font-size:17px}.exam-percent{font-size:22px;font-weight:900;color:var(--primary)}.exam-progress-track{height:9px;margin:11px 0 9px;border-radius:99px;background:#eeeafb;overflow:hidden}.exam-progress-track span{display:block;height:100%;border-radius:inherit;background:var(--primary)}.exam-overview p{margin:0;color:var(--muted);font-size:11px}
.section-tab{min-height:52px}.section-tab small{display:block;margin-top:3px;font-size:10px;opacity:.8}.question-jump{margin:12px 0 18px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:#fff}.question-jump>span{display:block;margin-bottom:9px;font-size:11px;font-weight:800}.question-jump>div{display:flex;flex-wrap:wrap;gap:6px;max-height:140px;overflow-y:auto}.question-dot{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:#faf9fc;color:var(--muted);font-size:11px;font-weight:800}.question-dot.answered{border-color:#b5a8ec;background:var(--lavender);color:var(--primary-deep)}.question-card{scroll-margin-top:20px}
.app-info-footer{margin-top:36px;padding-top:17px;font-size:11px}.app-info-footer nav{gap:12px}
.login-panel{max-width:410px;margin:44px auto;padding:27px}.login-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 13px;border-radius:13px;background:var(--lavender);color:var(--primary);font-size:18px}.login-panel h2{margin:6px 0 7px;font-size:23px}.login-panel p{margin-bottom:18px;line-height:1.6}.login-panel .button{margin-top:0}.guest-return{display:inline-block;margin-top:16px;color:var(--primary);font-size:12px;font-weight:800}.guest-return:hover{text-decoration:underline}
.public-main{max-width:960px;padding:32px 0 16px}.public-main h1{max-width:760px;margin:10px 0 14px;font-size:clamp(34px,4vw,50px)}.public-lead{max-width:720px;margin-bottom:26px;font-size:15px;line-height:1.65}.public-grid{gap:14px;margin:24px 0}.public-card{padding:22px}.public-card h2,.public-callout h2,.public-prose h2{font-size:19px}.public-card p,.public-callout p,.public-prose p{font-size:13px;line-height:1.65}.public-callout{padding:24px}.public-prose{gap:11px}.public-prose section{padding:20px 22px}.public-roadmap{margin:26px 0;padding:28px}.public-roadmap h2{margin:6px 0 20px;font-size:28px}.roadmap-list{gap:11px}.roadmap-list li{padding:16px 18px}.roadmap-list strong{font-size:16px}.roadmap-list p{font-size:12px}
@media(max-width:800px){
  .shell{display:block}.sidebar{display:none}.main{min-height:100vh}.topbar{height:58px;justify-content:space-between;padding:0 15px}.appbar-title{display:flex}.content{padding:20px 15px 92px}
  .mobile-nav{display:flex;height:68px;align-items:center;justify-content:space-around;padding:4px 4px calc(4px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -4px 16px rgba(36,33,61,.08)}.mobile-nav a{justify-content:center;gap:3px;min-width:0;flex:1;padding:2px;color:var(--muted)!important;font-size:10px}.mobile-nav .mobile-icon{width:48px;height:27px;border-radius:999px;font-size:19px}.mobile-nav a.active{color:var(--primary-deep)!important}.mobile-nav a.active .mobile-icon{background:var(--lavender)}
  .public-shell .topbar{height:58px}.public-content{padding-top:0}
}
@media(max-width:620px){
  .page-heading{align-items:flex-start}.page-heading h1{font-size:27px}.page-heading>div{width:100%}.library-toolbar{align-items:stretch;flex-direction:column;padding:12px}.app-level-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.app-level-tabs .tab{min-width:0}.paper-card{gap:10px;padding:11px}.paper-card .paper-symbol{flex-basis:44px;width:44px;height:44px}.paper-play{flex-basis:34px;width:34px;height:34px}
  .practice-starter,.practice-callout{align-items:stretch;flex-direction:column}.practice-starter .choice-segments{display:grid;grid-template-columns:repeat(3,1fr)}.practice-callout .button{width:100%}.top-actions{gap:6px}.site-language select{max-width:92px}.compact-signin{padding:7px 10px}.compact-signin .bi{display:none}.top-user>div:last-child{display:none}.app-info-footer{align-items:flex-start;flex-direction:column}
}

/* 2026 responsive visual refresh */
:root{
  --ink:#1f1d35;
  --muted:#656276;
  --paper:#f6f6fa;
  --line:#e4e2ec;
  --primary:#6655c4;
  --primary-deep:#473695;
  --lavender:#eeebff;
  --peach:#fff0e8;
  --mint:#e8f7ef;
  --shadow:0 10px 30px rgba(39,31,78,.07);
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;
  color-scheme:light;
}
body{min-height:100dvh;background:var(--paper);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
::selection{background:#d8d0ff;color:var(--ink)}
.main{background:
  radial-gradient(circle at 100% 0,rgba(234,227,255,.72) 0 120px,transparent 121px),
  radial-gradient(circle at 15% 100%,rgba(232,247,239,.54) 0 160px,transparent 161px),
  var(--paper)}
.card{border-color:rgba(75,65,112,.12);box-shadow:var(--shadow)}
.button{min-height:46px;padding:var(--space-3) var(--space-4);border-radius:12px;box-shadow:0 6px 16px rgba(91,75,183,.16)}
.button.secondary,.button.ghost,.button.danger{box-shadow:none}
.button:active{transform:translateY(0) scale(.985)}
.field input,.field select{min-height:46px;border-color:#dcd8e8;background:#fff}
.field input:hover,.field select:hover{border-color:#bdb5dc}
.pill{line-height:1.25}

/* Let desktop learners scan the navigation instead of decoding icons. */
@media(min-width:1180px){
  .shell{grid-template-columns:236px minmax(0,1fr)}
  .learner-sidebar{width:236px;padding:var(--space-5) var(--space-4) var(--space-4)}
  .learner-sidebar .brand{justify-content:flex-start;gap:var(--space-3);margin:0 var(--space-2) var(--space-6)}
  .learner-sidebar .brand img{width:44px;height:44px}
  .learner-sidebar .brand span{display:block;font-size:23px}
  .learner-sidebar .side-links{gap:var(--space-2)}
  .learner-sidebar .side-link{min-height:49px;padding:var(--space-3) var(--space-4);flex-direction:row;justify-content:flex-start;gap:var(--space-3);text-align:left;border-radius:13px;font-size:13px}
  .learner-sidebar .side-icon{width:24px;font-size:18px}
  .learner-sidebar .nav-label{flex:1}
  .learner-sidebar .nav-lock{position:relative;top:auto;right:auto;flex:0 0 12px;margin-left:auto}
  .learner-sidebar .sidebar-bottom{padding-top:var(--space-4)}
  .learner-sidebar .sidebar-account{justify-content:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-2)}
  .learner-sidebar .sidebar-account-details{display:block;min-width:0}
  .learner-sidebar .sidebar-account-details strong,.learner-sidebar .sidebar-account-details small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .learner-sidebar .sidebar-account-details strong{font-size:12px}
  .learner-sidebar .sidebar-account-details small{margin-top:2px;color:var(--muted);font-size:10px}
  .learner-sidebar .sidebar-signout{justify-content:flex-start;padding-inline:var(--space-3)}
  .topbar{padding-inline:clamp(var(--space-5),4vw,var(--space-7))}
  .appbar-title{display:flex}
  .content{max-width:1160px;padding:var(--space-6) clamp(var(--space-5),4vw,var(--space-7)) var(--space-8)}
  .paper-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
  .public-main{max-width:1080px}
}

.topbar{border-bottom-color:rgba(73,63,107,.1);box-shadow:0 1px 0 rgba(255,255,255,.7)}
.site-language{position:relative}
.site-language select{min-height:40px;padding-right:30px;border-color:#ded9eb;background-color:rgba(255,255,255,.92)}
.content{width:100%}
.page-heading{padding-top:var(--space-1);margin-bottom:var(--space-5)}
.page-heading h1{color:var(--ink);font-weight:850;letter-spacing:-.045em}
.page-heading p{max-width:660px;line-height:1.65}
.eyebrow{color:#5b4ab5;letter-spacing:.13em}
.library-toolbar{gap:var(--space-4);padding:var(--space-4);border-color:#ded9ed;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.paper-card{gap:var(--space-4);padding:var(--space-4);border-color:#e1deea;background:linear-gradient(145deg,#fff 64%,#f4f1ff);box-shadow:0 5px 18px rgba(36,33,61,.05)}
.paper-card:nth-child(3n+2),.paper-card:nth-child(3n){background:linear-gradient(145deg,#fff 64%,#f4f1ff)}
.paper-card:hover{transform:translateY(-2px);border-color:#bdb4e7;box-shadow:0 14px 30px rgba(44,34,91,.1)}
.paper-card:focus-visible{outline-offset:2px}
.paper-symbol{box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 6px 14px rgba(91,75,183,.2)}
.paper-play{transition:transform .16s,background .16s,color .16s}
.paper-card:hover .paper-play{transform:translateX(2px);background:var(--primary);color:#fff}
.progress-ring{position:relative}
.stat-card{overflow:hidden;position:relative}
.stat-card:after{content:"";position:absolute;right:-24px;bottom:-34px;width:86px;height:86px;border-radius:50%;background:rgba(255,255,255,.44)}
.focus-group,.settings-card,.goal-card,.practice-starter,.practice-callout{border-color:#dfdbe9}
.focus-grid,.settings-grid{gap:var(--space-4)}
.focus-row{transition:background .16s,padding-left .16s}
.focus-row:hover:not(:disabled){padding-left:17px}
.section-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin-bottom:var(--space-5)}
.section-tab{width:100%;border-color:#ded9e9;background:rgba(255,255,255,.88)}
.section-tab:hover{border-color:#b6acd9;background:#f8f6ff}
.section-tab.active{border-color:var(--ink);box-shadow:0 7px 18px rgba(36,33,61,.14)}
.question-jump{margin:var(--space-4) 0 var(--space-5);padding:var(--space-4);box-shadow:0 5px 18px rgba(36,33,61,.04)}
.question-dot{min-width:38px;min-height:38px;transition:transform .14s,border-color .14s,background .14s}
.question-dot:hover{transform:translateY(-1px);border-color:#a99de4}
.question-card{padding:var(--space-5);border-top-width:3px;scroll-margin-top:76px}
.question-text{font-size:clamp(16px,2vw,18px)}
.option{min-height:50px;padding:var(--space-4);border-color:#dfdce7;border-radius:13px;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s}
.option:hover:not(:disabled){transform:translateX(2px);box-shadow:0 5px 16px rgba(42,34,80,.06)}
.option-num{width:28px;height:28px;border-radius:8px}
.app-info-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--line);color:var(--muted);line-height:1.6}
.app-info-footer nav{display:flex;justify-content:flex-end;flex-wrap:wrap}
.app-info-footer a{transition:color .16s}
.app-info-footer a:hover{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
.nav-lock,.mobile-lock{width:12px;height:14px;color:#817a95;font-size:0!important}
.mobile-lock{right:2px;bottom:0;transform:scale(.78);transform-origin:100% 100%;background:#fff;border-radius:4px}
.nav-lock::before,.mobile-lock::before{content:"";position:absolute;left:1px;bottom:0;width:10px;height:8px;margin:0;border:1.5px solid currentColor;border-radius:2px;background:transparent}
.nav-lock::after,.mobile-lock::after{content:"";position:absolute;left:3px;top:0;width:6px;height:7px;border:1.5px solid currentColor;border-bottom:0;border-radius:6px 6px 0 0;transform:none}

/* Tablet keeps the compact rail while gaining more breathing room. */
@media(min-width:801px) and (max-width:1179px){
  .appbar-title{display:flex}
  .content{max-width:1040px;padding-inline:clamp(var(--space-5),4vw,var(--space-7))}
}

@media(max-width:800px){
  .main{background:radial-gradient(circle at 100% 0,rgba(234,227,255,.65) 0 88px,transparent 89px),var(--paper)}
  .topbar{height:64px;padding:0 var(--space-4);background:rgba(255,255,255,.88)}
  .appbar-title{font-size:16px}
  .content{padding:var(--space-5) var(--space-4) calc(var(--space-9) + env(safe-area-inset-bottom))}
  .mobile-nav{height:calc(72px + env(safe-area-inset-bottom));border-top-color:rgba(72,62,105,.12);background:rgba(255,255,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .mobile-nav a{min-height:52px;border-radius:12px}
  .mobile-nav .mobile-icon{height:28px}
  .page-heading{margin-bottom:var(--space-5)}
  .paper-card{min-height:82px}
  .public-main{padding-top:var(--space-6)}
  .public-grid{gap:var(--space-4)}
}

@media(max-width:620px){
  .topbar{padding-inline:var(--space-3)}
  .site-language select{max-width:104px}
  .appbar-title{gap:8px;font-size:15px}
  .appbar-title img{width:28px;height:28px}
  .content{padding-inline:var(--space-3)}
  .page-heading h1{font-size:clamp(26px,8.5vw,32px);line-height:1.14}
  .page-heading p{font-size:12px}
  .page-heading>.button,.page-heading>span{align-self:stretch}
  .library-toolbar{padding:var(--space-4)}
  .flow-label{min-width:0}
  .app-level-tabs .tab{min-height:42px;padding-inline:6px}
  .paper-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-4)}
  .paper-copy small{white-space:normal;line-height:1.45}
  .paper-play{align-self:center}
  .stat-grid{grid-template-columns:1fr;gap:var(--space-4)}
  .stat-card{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:13px;padding:16px}
  .stat-card .stat-icon{grid-row:1/3;margin:0}
  .stat-card strong{margin:0;font-size:24px}
  .stat-card small{align-self:start}
  .goal-card-head{align-items:flex-start;flex-direction:column}
  .goal-card-head h2{font-size:21px}
  .section-tabs{gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1);scrollbar-width:none}
  .section-tabs::-webkit-scrollbar{display:none}
  .section-tab{min-width:0;padding:9px 6px;font-size:10px}
  .section-tab small{font-size:9px}
  .question-jump{margin-inline:calc(var(--space-1) * -1);padding:var(--space-4)}
  .question-jump>div{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:var(--space-1);scrollbar-width:thin}
  .question-dot{flex:0 0 40px;width:40px;height:40px}
  .question-card{padding:var(--space-4)}
  .option{padding:var(--space-4) var(--space-3);font-size:13px}
  .quiz-actions{position:sticky;bottom:calc(78px + env(safe-area-inset-bottom));z-index:8;margin:var(--space-5) calc(var(--space-1) * -1) 0;padding:var(--space-2);border:1px solid rgba(74,63,108,.12);border-radius:15px;background:rgba(255,255,255,.92);box-shadow:0 10px 30px rgba(36,33,61,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .quiz-actions .button{min-width:0}
  .practice-certificate{padding:var(--space-5) var(--space-4)}
  .certificate-total strong{font-size:40px}
  .public-card,.public-callout,.public-prose section,.public-roadmap{padding:var(--space-5)}
  .public-actions{width:100%}
  .public-actions .button{width:100%}
  .app-download-panel{padding-inline:var(--space-4)}
  .app-download-choice{grid-template-columns:44px minmax(0,1fr);gap:var(--space-3)}
  .app-download-choice .app-install-icon{width:44px;height:44px}
  .app-info-footer nav{justify-content:flex-start;gap:var(--space-2) var(--space-4)}
}

@media(max-width:380px){
  .site-language select{max-width:78px;padding-inline:7px;font-size:11px}
  .compact-signin{min-height:40px;padding-inline:9px;font-size:11px}
  .mobile-nav a{font-size:9px}
  .mobile-nav .mobile-icon{width:42px}
  .paper-card .paper-symbol{flex-basis:40px;width:40px;height:40px;font-size:13px}
  .paper-play{display:none}
}

/* Premium study experience */
:root{
  --ink:#17233b;
  --muted:#64748b;
  --paper:#f8fafc;
  --white:#fff;
  --surface:#fff;
  --surface-soft:#f1f5f9;
  --line:#e2e8f0;
  --primary:#4f46e5;
  --primary-deep:#4338ca;
  --lavender:#eef2ff;
  --peach:#fff7ed;
  --mint:#ecfdf5;
  --green:#16a34a;
  --warning:#d97706;
  --rose:#dc2626;
  --focus:#818cf8;
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:20px;
  --shadow:0 8px 28px rgba(15,23,42,.07);
  font-family:Inter,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html[data-theme="dark"]{
  --ink:#f1f5f9;
  --muted:#a8b2c5;
  --paper:#0f172a;
  --white:#172033;
  --surface:#172033;
  --surface-soft:#1e293b;
  --line:#334155;
  --primary:#8b83ff;
  --primary-deep:#b8b3ff;
  --lavender:#292b52;
  --peach:#3b2a21;
  --mint:#17382f;
  --green:#4ade80;
  --warning:#fbbf24;
  --rose:#fb7185;
  --focus:#a5b4fc;
  --shadow:0 12px 32px rgba(0,0,0,.22);
}
body{color:var(--ink);background:var(--paper);font-feature-settings:"kern" 1,"palt" 1}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.skip-link{position:fixed;top:var(--space-3);left:var(--space-3);z-index:10000;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--ink);color:var(--surface);font-size:13px;font-weight:800;transform:translateY(-180%);transition:transform .16s}
.skip-link:focus{transform:translateY(0)}
.main{background:radial-gradient(circle at 100% 0,rgba(79,70,229,.065) 0 120px,transparent 121px),var(--paper)}
.card{border-color:var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}
.button{background:var(--primary);box-shadow:0 6px 16px rgba(79,70,229,.18)}
.button:hover{background:var(--primary-deep)}
.button.secondary{border-color:var(--line);background:var(--surface);color:var(--ink)}
.button.secondary:hover{background:var(--lavender);color:var(--primary-deep)}
.button.danger{background:color-mix(in srgb,var(--rose) 10%,var(--surface));color:var(--rose)}
.theme-toggle{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted);font-size:17px;cursor:pointer;transition:border-color .16s,background .16s,color .16s,transform .16s}
.theme-toggle:hover{border-color:color-mix(in srgb,var(--primary) 38%,var(--line));background:var(--lavender);color:var(--primary-deep);transform:translateY(-1px)}
.bi-moon-stars::before{content:'◐'}.bi-sun::before{content:'☀'}
.site-language select,.field input,.field select{border-color:var(--line);background:var(--surface);color:var(--ink)}
.sidebar,.topbar,.mobile-nav{background:var(--surface)}
.topbar{border-color:var(--line);box-shadow:none}
.learner-sidebar{border-color:var(--line)}
.learner-sidebar .side-link{color:var(--muted)}
.learner-sidebar .side-link:hover,.learner-sidebar .side-link.active{background:var(--lavender);color:var(--primary-deep)}
.eyebrow,.public-kicker{color:var(--primary);font-weight:850}
.page-heading h1,.public-main h1{letter-spacing:-.04em;text-wrap:balance}
.page-heading p,.public-lead{text-wrap:pretty}

/* Paper discovery */
.library-toolbar{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}
.app-level-tabs{border-color:var(--line);background:var(--surface-soft)}
.app-level-tabs .tab{color:var(--muted)}
.app-level-tabs .tab:hover{background:var(--surface);color:var(--ink)}
.app-level-tabs .tab.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px rgba(79,70,229,.22)}
.flow-label>span,.step-number{background:var(--primary)}
.paper-card,.paper-card:nth-child(3n+2),.paper-card:nth-child(3n){background:var(--surface)}
.paper-card{min-height:104px;align-items:center;flex-direction:row;text-align:left;box-shadow:0 4px 16px rgba(15,23,42,.045)}
.paper-card:hover{border-color:color-mix(in srgb,var(--primary) 42%,var(--line));box-shadow:0 14px 30px rgba(15,23,42,.09)}
.paper-card .paper-symbol{flex-basis:54px;width:54px;height:54px;background:var(--primary);box-shadow:none}
.paper-card .paper-symbol.level-n3{background:#0f766e}.paper-card .paper-symbol.level-n2{background:#4f46e5}.paper-card .paper-symbol.level-n1{background:#7c3aed}
.paper-copy strong{font-size:15px}.paper-copy small{margin-top:var(--space-1);line-height:1.5}.paper-status{margin-top:var(--space-2);color:var(--green)}
.paper-start{display:inline-flex;align-items:center;gap:var(--space-2);flex:none;min-height:40px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--lavender);color:var(--primary-deep);font-size:12px;font-weight:850;transition:background .16s,color .16s,transform .16s}
.paper-card:hover .paper-start{background:var(--primary);color:#fff;transform:translateX(2px)}
.paper-skeleton{pointer-events:none}.paper-skeleton .skeleton{display:block;background:linear-gradient(100deg,var(--surface-soft) 20%,color-mix(in srgb,var(--surface-soft) 45%,var(--surface)) 40%,var(--surface-soft) 60%);background-size:200% 100%}
.skeleton-symbol{flex:0 0 54px;width:54px;height:54px;border-radius:14px}.skeleton-title{width:min(220px,70%);height:16px}.skeleton-line{width:min(320px,90%);height:11px;margin-top:var(--space-3)}

/* Focused exam and question taking */
.exam-content{max-width:1060px}
.exam-overview{border-color:color-mix(in srgb,var(--primary) 26%,var(--line));background:var(--surface)}
.exam-progress-track,.goal-bar{background:color-mix(in srgb,var(--primary) 12%,var(--surface-soft))}
.exam-progress-track span,.goal-bar span{background:linear-gradient(90deg,var(--primary),#0d9488)}
.section-tab{border-color:var(--line);background:var(--surface);color:var(--muted)}
.section-tab:hover{background:var(--lavender);color:var(--primary-deep)}
.section-tab.active{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 7px 18px rgba(79,70,229,.18)}
.question-jump{border-color:var(--line);background:var(--surface)}
.question-dot{border-color:var(--line);background:var(--surface-soft);color:var(--muted)}
.question-dot.answered{border-color:var(--primary);background:var(--lavender);color:var(--primary-deep)}
.question-dot.answered::after{content:'✓';position:absolute;right:-3px;top:-5px;display:grid;place-items:center;width:14px;height:14px;border:2px solid var(--surface);border-radius:50%;background:var(--primary);color:#fff;font-size:8px}
.question-dot{position:relative}
.question-card{border-top:0;box-shadow:0 8px 26px rgba(15,23,42,.06)}
.question-card::before{content:"";display:block;width:40px;height:4px;margin-bottom:var(--space-4);border-radius:99px;background:var(--primary)}
.question-number{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--primary);font-size:11px;text-transform:uppercase}
.question-number span:last-child{color:var(--muted);font-variant-numeric:tabular-nums}
.question-text,.passage{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Inter,system-ui,sans-serif;letter-spacing:.015em;line-break:strict;word-break:normal}
.question-text{font-size:clamp(17px,2vw,20px);line-height:1.85}
.passage{max-height:none;padding:var(--space-5);border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--surface-soft);color:var(--ink);font-size:15px;line-height:1.95}
.question-instruction{background:var(--lavender);color:var(--primary-deep)}
.option-list{gap:var(--space-3);margin-top:var(--space-5)}
.option{position:relative;align-items:center;border:1px solid var(--line);background:var(--surface);color:var(--ink);line-height:1.7}
.option:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 48%,var(--line));background:var(--lavender);transform:translateY(-1px)}
.option.selected{border:2px solid var(--primary);background:var(--lavender);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}
.option.selected .option-num{background:var(--primary);color:#fff}
.option.selected:not(.correct):not(.wrong)::after{content:'Selected ✓';margin-left:auto;color:var(--primary-deep);font-size:11px;font-weight:850}
.option.correct{border:2px solid var(--green);background:var(--mint)}
.option.wrong{border:2px solid var(--rose);background:color-mix(in srgb,var(--rose) 9%,var(--surface))}
.option-copy{min-width:0;flex:1}
.option-result{flex:none;margin-left:auto;padding:var(--space-1) var(--space-2);border-radius:999px;font-size:10px;font-weight:850}
.correct-label{background:color-mix(in srgb,var(--green) 14%,var(--surface));color:var(--green)}
.wrong-label{background:color-mix(in srgb,var(--rose) 12%,var(--surface));color:var(--rose)}
.audio-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding:var(--space-5)}
.audio-panel-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--lavender);color:var(--primary);font-size:22px}
.audio-panel-copy h2{margin:var(--space-1) 0;font-size:18px}.audio-panel-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.audio-panel audio{grid-column:2/-1;width:100%;margin-top:var(--space-2)}
.audio-status{grid-column:2/-1;color:var(--muted);font-size:11px}
.question-audio{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4)}
.question-audio audio{width:100%}.question-audio .audio-status{flex-basis:100%}
.quiz-actions{gap:var(--space-3)}

/* Results, progress and history */
.score-card,.practice-certificate{background:var(--surface)}
.practice-certificate{border-color:var(--primary)}
.practice-certificate.certificate-pass{border-color:var(--green);background:var(--surface)}
.certificate-sections>div,.list-row{border-color:var(--line)}
.stat-card,.settings-card:nth-child(1),.settings-card:nth-child(2),.settings-card:nth-child(3),.practice-aside{background:var(--surface)}
.stat-card .stat-icon,.list-row .row-icon,.focus-icon{background:var(--lavender);color:var(--primary)}
.history-list{overflow:hidden}.history-row{min-height:76px}.history-score{text-align:right}.history-score strong,.history-score small{display:block}.history-score strong{color:var(--primary);font-size:19px}.history-score small{margin-top:2px;color:var(--muted);font-size:10px}
.goal-card{background:var(--surface)}.goal-sections .met{background:var(--mint);color:var(--green)}.goal-sections .needs-work{background:var(--peach);color:var(--warning)}
.practice-callout{background:var(--lavender)}
.focus-group,.focus-row{background:var(--surface)}

/* Public pages */
.public-hero-actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin:calc(var(--space-5) * -1) 0 var(--space-6)}
.level-badges{display:flex;gap:var(--space-2)}
.level-badge{display:grid;place-items:center;min-width:42px;height:34px;padding-inline:var(--space-3);border-radius:999px;color:#fff;font-size:12px;font-weight:900}.level-badge.level-n3{background:#0f766e}.level-badge.level-n2{background:#4f46e5}.level-badge.level-n1{background:#7c3aed}
.roadmap-list li:nth-child(2) .roadmap-status{color:#166534}
.public-card:nth-child(odd),.public-card:nth-child(even),.public-roadmap,.public-callout,.public-prose section{border-color:var(--line);background:var(--surface)}
.public-card:nth-child(odd){border-top-color:var(--primary)}.public-card:nth-child(even){border-top-color:#0d9488}
.public-roadmap{background:var(--surface)}.roadmap-list li{border-color:var(--line);background:var(--surface)}
.app-download-panel,.app-download-choice{background:var(--surface)}

html[data-theme="dark"] #pageLoader{background:rgba(15,23,42,.92)}
html[data-theme="dark"] .main{background:radial-gradient(circle at 100% 0,rgba(99,102,241,.13) 0 120px,transparent 121px),var(--paper)}
html[data-theme="dark"] .topbar{background:rgba(23,32,51,.94)}
html[data-theme="dark"] .mobile-nav{background:rgba(23,32,51,.96)}
html[data-theme="dark"] .banner-error{border-color:#7f1d1d;background:#3a1d29;color:#fecdd3}
html[data-theme="dark"] .notice{background:var(--lavender);color:#d8d5ff}
html[data-theme="dark"] .mobile-lock{background:var(--surface)}
html[data-theme="dark"] .question-focus{background:#854d0e;color:#fef3c7}
html[data-theme="dark"] .install-toast{background:#020617}

@media(min-width:1180px){
  .exam-shell{grid-template-columns:88px minmax(0,1fr)}
  .exam-shell .learner-sidebar{width:88px;padding:var(--space-4) var(--space-2)}
  .exam-shell .learner-sidebar .brand{justify-content:center;margin:0 0 var(--space-5)}
  .exam-shell .learner-sidebar .brand span,.exam-shell .sidebar-account-details{display:none}
  .exam-shell .learner-sidebar .side-link{min-height:54px;padding:var(--space-2) var(--space-1);flex-direction:column;justify-content:center;gap:var(--space-1);text-align:center;font-size:10px}
  .exam-shell .learner-sidebar .nav-lock{position:absolute;top:7px;right:16px;margin:0}
}

@media(max-width:800px){
  .theme-toggle{flex-basis:40px;width:40px;height:40px}
  .exam-shell .content{padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom))}
  .exam-content .app-info-footer{display:none}
  .paper-start{min-width:58px;justify-content:center}
  .audio-panel{grid-template-columns:auto minmax(0,1fr)}
  .audio-panel .audio-trigger{grid-column:1/-1;width:100%}
  .audio-panel audio,.audio-status{grid-column:1/-1}
}

@media(max-width:620px){
  .top-actions{gap:var(--space-1)}
  .theme-toggle{flex-basis:38px;width:38px;height:38px}
  .paper-card{min-height:96px}.paper-card .paper-symbol{flex-basis:48px;width:48px;height:48px}
  .paper-start{align-self:center;padding-inline:var(--space-2);font-size:11px}
  .question-card{border-radius:var(--radius-md)}
  .question-card::before{margin-bottom:var(--space-3)}
  .question-text{font-size:17px;line-height:1.9}
  .passage{max-height:58vh;padding:var(--space-4);font-size:15px;line-height:1.95;overflow:auto;overscroll-behavior:contain}
  .option{min-height:56px;align-items:flex-start}
  .option.selected:not(.correct):not(.wrong)::after{content:'✓';display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff}
  .option-result{align-self:center}
  .quiz-actions{bottom:calc(var(--space-2) + env(safe-area-inset-bottom))}
  .history-row{align-items:flex-start;flex-wrap:wrap}.history-score{margin-left:auto}.history-row .row-main{min-width:160px}
  .public-hero-actions{align-items:stretch;flex-direction:column}.public-hero-actions .button{width:100%}.level-badges{justify-content:center}
}

@media(max-width:430px){
  .top-user{display:none}
  .paper-copy small{font-size:10px}
  .paper-start{min-width:44px;width:44px;font-size:0}.paper-start .bi{font-size:13px}
  .option-result{padding-inline:var(--space-1);font-size:9px}
}