@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-ext-wght-normal.20g3-bbbhdq0_.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-wght-normal.2cxlyxah-fd35.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-ext-wght-normal.0mkxydxl0e43d.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-wght-normal.1rx9vjatjkdar.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-vietnamese-wght-normal.2kcj5i_8uff48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-ext-wght-normal.3gdi_th3seg1n.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-wght-normal.0gsaq8ukbf34m.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--c-brand:#322046;--c-brand-hover:#4a3366;--c-brand-deep:#322046;--c-brand-soft:#f4f0f8;--c-brand-line:#d9cde6;--c-lavender:#eae3f1;--c-mauve:#6f6378;--c-gold:#fdb85b;--c-gold-hover:#f7a93f;--c-gold-soft:#fff1dc;--c-gold-line:#fde2b5;--c-gold-ink:#8a5a12;--c-ink:#322046;--c-ink-2:#6f6378;--c-ink-3:#6f6378;--c-surface:#fff;--c-page:#f8f5f0;--c-page-2:#faf8f5;--c-line:#e7e0d6;--c-line-strong:#cfc4b6;--c-navy:#322046;--c-mod-read:#eae3f1;--c-mod-listen:#eaf3ff;--c-mod-write:#fff4e5;--c-mod-speak:#e6f6f4;--c-ok:#15803d;--c-ok-soft:#dcfce7;--c-warn:#92400e;--c-warn-soft:#fef3c7;--c-warn-line:#f5d68a;--c-bad:#b91c1c;--c-bad-soft:#fee2e2;--c-info:#0b5294;--c-info-soft:#e6eef8;--c-info-line:#bcd0ea;--c-record:#0f766e;--c-stop:#b91c1c;--c-focus:#4a3366;--hero-bg:radial-gradient(circle at 95% 0, #eae3f12e, #0000 30%), linear-gradient(150deg, #322046 0, #322046 60%, #6f6378 100%);--font:"Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-read:Georgia, "Times New Roman", serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-base:15px;--fs-lg:17px;--fs-xl:18px;--fs-2xl:22px;--fs-3xl:28px;--fs-4xl:34px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--r-sm:8px;--r-md:10px;--r-lg:14px;--r-xl:16px;--r-pill:999px;--sh-sm:0 1px 2px #3220460a;--sh-md:0 4px 14px #32204614;--sh-lg:0 12px 32px #3220462e;--sh-gold:0 2px 8px #fdb85b59;--ease:cubic-bezier(.2, 0, .2, 1);--t-fast:.12s;--t-med:.18s;--header:61px;--side:240px;--content:1160px}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:var(--fs-base);color:var(--c-ink);background:var(--c-page);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}h1,h2,h3,h4{letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:700;line-height:1.25}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}p{margin:0}a{color:var(--c-brand);font-weight:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img,svg{max-width:100%}:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--c-ink-2)}.subtle{color:var(--c-ink-3);font-size:var(--fs-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media print{.app-header,.side,.no-print,.btn{display:none!important}.with-side{background:0 0;display:block}body{background:#fff}.hero{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.shell{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:30;background:var(--c-surface);border-bottom:1px solid var(--c-line);position:sticky;top:0}.app-header-inner{max-width:var(--content);height:var(--header);align-items:center;gap:28px;margin:0 auto;padding:0 20px;display:flex}.shell.wide .app-header-inner{max-width:none;padding:0 24px}.app-nav{scrollbar-width:none;align-items:stretch;gap:20px;height:100%;display:flex;overflow-x:auto}.app-nav::-webkit-scrollbar{display:none}.app-nav a{height:100%;color:var(--c-mauve);white-space:nowrap;border-bottom:3px solid #0000;align-items:center;padding-top:3px;font-size:14px;text-decoration:none;display:flex}.app-nav a:hover{color:var(--c-ink);text-decoration:none}.app-nav a[aria-current=page]{color:var(--c-ink);border-bottom-color:var(--c-gold);font-weight:700}.app-user{color:var(--c-mauve);flex:none;align-items:center;gap:12px;margin-left:auto;font-size:14px;display:flex}.app-user .who{white-space:nowrap}.avatar{color:#fff;background:linear-gradient(135deg,#322046,#6f6378);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.brand{color:var(--c-ink);flex:none;align-items:center;gap:10px;text-decoration:none;display:flex}.brand:hover{text-decoration:none}.brand-logo{width:auto;height:32px;display:block}.brand-mark{background:var(--c-gold);width:32px;height:32px;color:var(--c-brand);border-radius:9px;flex:none;place-items:center;font-size:17px;font-weight:800;display:grid}.brand-text{line-height:1;display:grid}.brand-name{letter-spacing:-.03em;font-size:21px;font-weight:800}.brand-sub{text-transform:uppercase;letter-spacing:.14em;color:var(--c-mauve);margin-top:3px;font-size:8.5px;font-weight:600}.on-dark .brand-name{color:#fff}.on-dark .brand-sub{color:#ffffffbf}.main{flex:1;width:100%}.main-inner{max-width:var(--content);align-content:start;gap:22px;margin:0 auto;padding:24px 20px 60px;display:grid}.with-side{grid-template-columns:var(--side) minmax(0, 1fr);background:linear-gradient(90deg, var(--c-brand) var(--side), transparent var(--side));flex:1;display:grid}.side{background:var(--c-brand);color:#fff;top:var(--header);height:calc(100vh - var(--header));align-content:start;gap:18px;padding:28px 14px;display:grid;position:sticky;overflow-y:auto}.side-group{gap:2px;display:grid}.side-label{letter-spacing:.12em;text-transform:uppercase;color:#fff9;padding:0 12px 6px;font-size:11px;font-weight:500}.side a{color:#ffffffeb;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:7px 12px;font-size:15px;text-decoration:none;display:flex}.side a:hover{background:#ffffff14;text-decoration:none}.side a[aria-current=page]{border-left-color:var(--c-gold);color:#fff;background:#ffffff1f}.side .nav-icon{display:none}.with-side .main-inner{max-width:1320px;margin:0;padding:28px 22px 60px}.app-header.on-dark{background:0 0;border-bottom-color:#0000;position:absolute;top:0;left:0;right:0}.app-header.on-dark .app-nav a{color:#ffffffbf}.app-header.on-dark .app-nav a:hover,.app-header.on-dark .app-nav a[aria-current=page]{color:#fff}.app-header.on-dark .app-user{color:#fffc}@media (max-width:1000px){.app-header-inner{gap:16px}.app-user .who{display:none}.with-side{background:0 0;grid-template-columns:1fr}.side{gap:4px;height:auto;padding:12px;display:flex;position:static;overflow-x:auto}.side-group{gap:4px;display:flex}.side-label{display:none}.side a{white-space:nowrap;border-left:none;font-size:14px}}@media (max-width:720px){.app-header-inner{flex-wrap:wrap;gap:0 12px;height:auto;padding-top:10px}.app-nav{order:3;width:100%;height:44px}.app-user{margin-left:auto}.main-inner{padding:18px 16px 48px}.app-header.on-dark{background:var(--c-brand);position:relative}.app-user .btn{min-height:34px;padding:0 12px;font-size:14px}}
.btn{justify-content:center;align-items:center;gap:var(--s2);border-radius:var(--r-md);border:1px solid var(--c-gold);background:var(--c-gold);min-height:40px;color:var(--c-brand);white-space:nowrap;box-shadow:var(--sh-gold);transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--c-gold-hover);border-color:var(--c-gold-hover);text-decoration:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-lg{min-height:46px;padding:0 22px;font-size:16px}.btn-sm{border-radius:var(--r-sm);min-height:30px;box-shadow:none;padding:0 12px;font-size:13px}.btn-block{width:100%}.btn-gold{border-radius:var(--r-md)}.btn-dark{background:var(--c-brand);border-color:var(--c-brand);color:#fff;box-shadow:none}.btn-dark:hover{background:var(--c-brand-hover);border-color:var(--c-brand-hover)}.btn-ghost{background:var(--c-surface);color:var(--c-ink);border-color:var(--c-line);box-shadow:none}.btn-ghost:hover{background:var(--c-page-2);border-color:var(--c-line-strong)}.btn-glass{color:#fff;box-shadow:none;background:#ffffff1f;border-color:#ffffff4d}.btn-glass:hover{background:#fff3;border-color:#ffffff73}.btn-quiet{color:var(--c-ink-2);box-shadow:none;background:0 0;border-color:#0000}.btn-quiet:hover{background:var(--c-page-2);color:var(--c-ink);border-color:#0000}.btn-ok{background:var(--c-ok);border-color:var(--c-ok);color:#fff;box-shadow:none}.btn-ok:hover{background:#116632;border-color:#116632}.btn-danger{background:var(--c-surface);color:var(--c-bad);box-shadow:none;border-color:#f1b4b4}.btn-danger:hover{background:var(--c-bad-soft)}.card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:18px 20px}.card-tight{padding:var(--s4)}.section{gap:var(--s4);display:grid}.section-head{justify-content:space-between;align-items:baseline;gap:var(--s4);flex-wrap:wrap;display:flex}.section-head h2,.card h2,.card h3{font-size:var(--fs-xl)}.section-note{font-size:var(--fs-sm);color:var(--c-ink-3)}.page-head{gap:var(--s2);display:grid}.page-head h1{font-size:var(--fs-4xl);letter-spacing:-.02em;align-items:center;gap:var(--s3);flex-wrap:wrap;font-weight:800;display:flex}.page-head p{color:var(--c-ink-2);font-size:var(--fs-md);max-width:80ch}.grid{gap:var(--s4);display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}@media (max-width:860px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.row{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.row .sp{flex:1}.stack{gap:var(--s3);display:grid}.pill{font-size:var(--fs-xs);background:var(--c-lavender);color:var(--c-brand);border:1px solid var(--c-lavender);white-space:nowrap;letter-spacing:0;border-radius:20px;align-items:center;gap:4px;padding:2px 9px;font-weight:700;line-height:1.35;display:inline-flex}.pill-ok{background:var(--c-ok-soft);color:var(--c-ok);border-color:var(--c-ok-soft)}.pill-warn{background:var(--c-warn-soft);color:var(--c-warn);border-color:var(--c-warn-soft)}.pill-bad{background:var(--c-bad-soft);color:var(--c-bad);border-color:var(--c-bad-soft)}.pill-info{background:var(--c-info-soft);color:var(--c-info);border-color:var(--c-info-soft)}.pill-gold{background:var(--c-gold-soft);color:var(--c-gold-ink);border-color:var(--c-gold-line)}.pill-dark{background:var(--c-brand);color:#fff;border-color:var(--c-brand);font-weight:600}.pill-grey{background:var(--c-page-2);color:var(--c-ink-2);border-color:var(--c-line)}.eyebrow{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.18em;color:var(--c-gold-ink);font-weight:700}.tile{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);gap:2px;padding:18px 22px;display:grid}.tile-value{font-size:var(--fs-3xl);font-variant-numeric:tabular-nums;order:2;font-weight:800;line-height:1.15}.tile-label{font-size:var(--fs-md);color:var(--c-ink-2);order:1;font-weight:600}.tile>:not(.tile-value):not(.tile-label){order:3}.tile-brand{background:var(--hero-bg);color:#fff;border-color:#0000}.tile-brand .tile-label{color:#fffc}.bar{border-radius:var(--r-pill);background:var(--c-lavender);height:6px;overflow:hidden}.bar>i{background:var(--c-brand);border-radius:var(--r-pill);height:100%;display:block}.bar-ok>i{background:var(--c-ok)}.bar-bad>i{background:var(--c-bad)}.bar-gold>i{background:var(--c-gold)}.field{gap:6px;display:grid}.field label,.label{font-size:var(--fs-sm);color:var(--c-ink);font-weight:600}.field .hint{font-size:var(--fs-xs);color:var(--c-ink-3)}.input,.select,.textarea{border:1px solid var(--c-line-strong);border-radius:var(--r-md);background:var(--c-surface);width:100%;min-height:42px;color:var(--c-ink);padding:9px 12px}.textarea{resize:vertical;min-height:120px;line-height:1.6}.input:focus,.select:focus,.textarea:focus{outline:3px solid var(--c-lavender);outline-offset:0;border-color:var(--c-brand-hover)}.check{gap:var(--s2);font-size:var(--fs-sm);align-items:flex-start;display:flex}.check input{accent-color:var(--c-brand);margin-top:4px}.form{gap:var(--s4);display:grid}.error-text{color:var(--c-bad);font-size:var(--fs-sm)}.note{border-radius:var(--r-md);padding:var(--s3) var(--s4);font-size:var(--fs-md);border:1px solid var(--c-info-line);background:var(--c-info-soft);color:var(--c-info)}.note-warn{border-color:var(--c-warn-line);background:var(--c-warn-soft);color:var(--c-warn)}.note-bad{background:var(--c-bad-soft);color:var(--c-bad);border-color:#f1b4b4}.note-ok{background:var(--c-ok-soft);color:var(--c-ok);border-color:#a7e3bd}.next-time{border-left:3px solid var(--c-gold);background:var(--c-gold-soft);padding:var(--s2) var(--s3);border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:var(--fs-md)}.table-wrap{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--fs-md)}.table th{text-align:left;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--c-ink-3);background:var(--c-page-2);border-bottom:1px solid var(--c-line);white-space:nowrap;padding:9px 12px;font-weight:600}.table td{border-bottom:1px solid var(--c-line);vertical-align:middle;padding:10px 12px}.table tr:last-child td{border-bottom:none}.table .num{text-align:right;font-variant-numeric:tabular-nums}.list{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);overflow:hidden}.list-row{align-items:center;gap:var(--s4);padding:var(--s3) var(--s4);border-bottom:1px solid var(--c-line);color:var(--c-ink);grid-template-columns:110px 1fr auto auto;text-decoration:none;display:grid}.list-row:last-child{border-bottom:none}a.list-row:hover{background:var(--c-page);text-decoration:none}.list-kind{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--c-gold-ink);font-weight:700}.list-empty{padding:var(--s5);color:var(--c-ink-3);text-align:center}.score-chip{text-align:center;min-width:44px;font-weight:700;font-size:var(--fs-sm);background:var(--c-lavender);color:var(--c-brand);font-variant-numeric:tabular-nums;border-radius:20px;padding:2px 8px}.score-chip.ok{background:var(--c-ok-soft);color:var(--c-ok)}.score-chip.bad{background:var(--c-bad-soft);color:var(--c-bad)}@media (max-width:700px){.list-row{grid-template-columns:1fr auto}.list-row .hide-sm{display:none}}.criteria{gap:var(--s3);display:grid}.criterion{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--s3) var(--s4);gap:var(--s2);display:grid}.criterion-head{align-items:center;gap:var(--s3);display:flex}.criterion-head b{flex:1}.auth{min-height:100vh;padding:var(--s5) var(--s4);background:var(--hero-bg);place-items:center;display:grid}.auth-card{gap:var(--s5);width:100%;max-width:440px;display:grid}.auth-card .card{gap:var(--s4);display:grid}.auth-card h1{font-size:var(--fs-2xl)}.auth-card>.brand{justify-self:center}.auth-card .card{border-radius:var(--r-xl);box-shadow:var(--sh-lg);border-color:#0000;padding:26px 28px}.auth-foot{text-align:center;font-size:var(--fs-sm);color:#fffc}.auth-foot a{color:var(--c-gold);font-weight:600}.module-choice{gap:var(--s3);padding:var(--s3);border:1px solid var(--c-line);border-radius:var(--r-md);cursor:pointer;background:var(--c-surface);align-items:flex-start;display:flex}.module-choice input{accent-color:var(--c-brand);margin-top:4px}.module-choice span{display:grid}.module-choice.on{border-color:var(--c-gold);background:var(--c-gold-soft)}button.pill{cursor:pointer;border:none}.segmented{border:1px solid var(--c-line);border-radius:var(--r-pill);background:var(--c-surface);gap:2px;width:max-content;padding:2px;display:inline-flex;overflow:hidden}.segmented button{border-radius:var(--r-pill);font-size:var(--fs-md);color:var(--c-ink-2);background:0 0;border:none;padding:6px 14px}.segmented button.on{background:var(--c-brand);color:#fff;font-weight:600}.cell{border:1px solid var(--c-line);vertical-align:middle;border-radius:4px;width:22px;height:16px;display:inline-block}.cell-live{background:var(--c-brand);border-color:var(--c-brand)}.cell-reviewed{border-color:var(--c-ok);background:#a7e3bd}.cell-draft{background:var(--c-gold-soft);border-color:var(--c-gold-line)}.cell-empty{background:0 0;border-style:dashed}a.cell:hover{outline:2px solid var(--c-focus);outline-offset:1px}.segmented a{color:var(--c-ink-2);border-radius:var(--r-pill);font-size:var(--fs-md);text-decoration:none;padding:6px 14px!important}.segmented a.on{background:var(--c-brand);color:#fff;font-weight:600}.kv{font-size:var(--fs-md);grid-template-columns:140px 1fr;gap:6px 16px;display:grid}.kv dt{color:var(--c-ink-3)}.kv dd{margin:0}.key-ok{color:var(--c-ok);font-weight:600}.grid>*,.split>*,.exam-with-rail>*{min-width:0}.auth-card .card .auth-foot{color:var(--c-ink-2)}.auth-card .card .auth-foot a,.auth-card .card a{color:var(--c-brand);text-underline-offset:2px;font-weight:600;text-decoration:underline}
.hero{border-radius:var(--r-xl);color:#fff;background:var(--hero-bg);gap:var(--s5);grid-template-columns:1fr auto;align-items:center;padding:22px 24px;display:grid;position:relative;overflow:hidden}.hero h1{letter-spacing:-.01em;color:#fff;font-size:24px;font-weight:700;line-height:1.2}.hero p{color:#ffffffe0;font-size:var(--fs-md);max-width:60ch;margin-top:4px}.hero .hero-kicker{font-size:var(--fs-md);color:#ffffffd9;margin-bottom:2px}.hero .hero-actions{gap:var(--s3);margin-top:var(--s4);flex-wrap:wrap;align-items:center;display:flex}.hero .hero-sub{font-size:var(--fs-sm);color:#fffc}.hero .hero-sub a{color:#fff;text-decoration:underline}.hero .hero-stats{font-size:var(--fs-md);color:#ffffffd9;text-align:left;gap:2px;display:grid}.hero .hero-stats b{color:#fff}.hero-side{align-items:center;gap:22px;display:flex}.ring{background:var(--c-gold);width:84px;height:84px;color:var(--c-brand);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 4px 14px #0000002e}.ring span{text-align:center;line-height:1.05}.ring b{font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;display:block}.ring small{letter-spacing:.12em;text-transform:uppercase;opacity:.8;font-size:9px;font-weight:600}.ring.lg{width:96px;height:96px}.ring.lg b{font-size:30px}@media (max-width:760px){.hero{grid-template-columns:1fr;padding:20px}.hero-side{justify-content:flex-start}}.skill{background:var(--c-surface);border-radius:var(--r-lg);padding:var(--s4);gap:var(--s3);transition:box-shadow var(--t-fast) var(--ease);border:1px solid #0000;align-content:start;display:grid}.skill:hover{box-shadow:var(--sh-md)}.skill.mod-read{background:var(--c-mod-read)}.skill.mod-listen{background:var(--c-mod-listen)}.skill.mod-write{background:var(--c-mod-write)}.skill.mod-speak{background:var(--c-mod-speak)}.skill-top{align-items:center;gap:var(--s3);display:flex}.skill-icon{background:var(--c-brand);color:#fff;border-radius:9px;flex:none;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.mod-listen .skill-icon{background:#0b5294}.mod-write .skill-icon{background:#d97706}.mod-speak .skill-icon{background:#0f766e}.skill-title{font-weight:700;font-size:var(--fs-lg)}.skill-meta{font-size:var(--fs-sm);color:var(--c-ink-2)}.skill-score{text-align:right;margin-left:auto;line-height:1.1}.skill-score b{font-size:var(--fs-2xl);color:var(--c-brand);font-variant-numeric:tabular-nums;font-weight:800;display:block}.skill-score small{text-transform:uppercase;letter-spacing:.06em;color:var(--c-ink-2);font-size:11px}.skill-link{font-weight:600;font-size:var(--fs-md)}.skill .btn{justify-self:start}.level-card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);color:var(--c-ink);box-shadow:var(--sh-sm);transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);gap:6px;padding:18px 20px;text-decoration:none;display:grid}a.level-card:hover{border-color:var(--c-gold);box-shadow:var(--sh-md);text-decoration:none;transform:translateY(-1px)}.level-card.off>*{opacity:.55}.level-code{background:var(--c-brand);min-width:52px;height:40px;color:var(--c-gold);letter-spacing:-.01em;border-radius:10px;place-items:center;padding:0 10px;font-size:22px;font-weight:800;line-height:1;display:inline-grid}.level-name{font-weight:700;font-size:var(--fs-lg);margin-top:4px}.level-meta{font-size:var(--fs-sm);color:var(--c-ink-2)}.status-dot{font-size:var(--fs-sm);color:var(--c-ink-2);align-items:center;gap:6px;display:inline-flex}.status-dot:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.status-dot.ready{color:var(--c-ok)}.landing-hero{padding:calc(var(--header) + 40px) 20px 120px;background:var(--hero-bg);color:#fff;margin:-24px calc(50% - 50vw) 0}.landing-hero-inner{max-width:calc(var(--content) - 40px);gap:16px;margin:0 auto;display:grid}.landing-hero .eyebrow{color:var(--c-gold)}.landing-hero h1{letter-spacing:-.02em;color:#fff;max-width:20ch;font-size:clamp(34px,5vw,48px);font-weight:800;line-height:1.12}.landing-hero p{color:#ffffffe0;max-width:58ch;font-size:17px;line-height:1.65}.landing-facts{flex-wrap:wrap;gap:36px;margin-top:12px;display:flex}.landing-facts b{letter-spacing:.02em;color:#fff;font-size:22px;font-weight:800;display:block}.landing-facts span{font-size:var(--fs-sm);color:#fffc}.landing-cards{margin-top:-96px;position:relative}@media (max-width:720px){.landing-hero{margin-top:-18px;padding:24px 16px 110px}}
.exam{background:var(--c-surface);grid-template-rows:auto auto 1fr auto;height:100dvh;display:grid}.exam-top{align-items:center;gap:var(--s3);padding:var(--s2) var(--s4);border-bottom:1px solid var(--c-line);grid-template-columns:1fr auto 1fr;display:grid}.exam-top .brand-logo{width:auto;height:28px}.exam-top .brand-name{font-size:18px}.exam-title{font-weight:700;font-size:var(--fs-md);text-align:center}.exam-top .right{justify-self:end;gap:var(--s2);align-items:center;display:flex}.exam-bar{align-items:center;gap:var(--s3);min-height:48px;padding:0 var(--s4);border-bottom:1px solid var(--c-line);background:var(--c-page);display:flex;overflow-x:auto}.exam-bar .tab.on{border-color:var(--c-gold);box-shadow:inset 0 -2px 0 var(--c-gold)}.exam-bar .sp{flex:1}.tabs{gap:var(--s1);display:flex}.tab{border-radius:var(--r-pill);font-size:var(--fs-sm);color:var(--c-ink-2);white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.tab i{background:var(--c-line-strong);opacity:.5;border-radius:50%;width:7px;height:7px}.tab.done i{background:var(--c-ok);opacity:1}.tab.on{background:var(--c-surface);border-color:var(--c-brand);color:var(--c-brand);font-weight:600}.tab.on i{background:var(--c-brand);opacity:1}.timer{font-family:var(--font-mono);font-weight:600;font-size:var(--fs-lg);border-radius:var(--r-sm);background:var(--c-surface);border:1px solid var(--c-line);white-space:nowrap;padding:2px 12px}.timer.warn{background:var(--c-warn-soft);border-color:var(--c-warn-line);color:var(--c-warn)}.timer.crit{background:var(--c-bad-soft);color:var(--c-bad);border-color:#f1b4b4}.exam-body{min-height:0;overflow:auto}.exam-inner{max-width:1320px;padding:var(--s5) var(--s5) var(--s7);gap:var(--s4);margin:0 auto;display:grid}.exam-with-rail{gap:var(--s5);grid-template-columns:minmax(0,1fr) 220px;align-items:start;display:grid}@media (max-width:1100px){.exam-with-rail{grid-template-columns:1fr}.rail-nav{display:none}}.instruction{border-left:3px solid var(--c-brand);background:var(--c-brand-soft);padding:var(--s3) var(--s4);border-radius:0 var(--r-md) var(--r-md) 0;font-size:var(--fs-md)}.instruction .subtle{margin-top:2px;display:block}.exam-foot{align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-top:1px solid var(--c-line);background:var(--c-page);flex-wrap:wrap;display:flex}.exam-foot .sp{flex:1}.progress-mini{width:120px}.split{gap:var(--s5);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;display:grid}@media (max-width:900px){.split{grid-template-columns:1fr}}.reading{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s5);font-family:var(--font-read);color:#22202a;font-size:17px;line-height:1.7}.reading h3{font-family:var(--font);font-size:var(--fs-xl);margin-bottom:var(--s1)}.reading .ctx{font-family:var(--font);font-size:var(--fs-sm);color:var(--c-ink-3);margin-bottom:var(--s3)}.reading p+p{margin-top:var(--s3)}.sticky-pane{top:var(--s4);max-height:calc(100vh - 220px);position:sticky;overflow:auto}@media (max-width:900px){.sticky-pane{max-height:none;position:static}}.unit+.unit{border-top:1px dashed var(--c-line);padding-top:var(--s5)}.items{gap:var(--s3);display:grid}.item{border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--s3) var(--s4);background:var(--c-surface);gap:var(--s2);scroll-margin-top:90px;display:grid}.item.answered{border-color:var(--c-brand-line)}.item.flagged{border-left:3px solid var(--c-warn-line)}.item-q{gap:var(--s3);align-items:flex-start;display:flex}.item-n{background:var(--c-navy);color:#fff;min-width:28px;height:28px;font-weight:700;font-size:var(--fs-sm);border-radius:50%;flex:none;place-items:center;display:grid}.item.answered .item-n{background:var(--c-brand)}.item-text{font-size:var(--fs-base);flex:1}.flag{border:1px solid var(--c-line);background:var(--c-surface);border-radius:var(--r-sm);width:32px;height:28px;color:var(--c-ink-3);flex:none}.flag.on{background:var(--c-warn-soft);border-color:var(--c-warn-line);color:var(--c-warn)}.opts{gap:6px;padding-left:40px;display:grid}.opts.inline{grid-template-columns:repeat(auto-fit,minmax(120px,max-content))}.opt{gap:var(--s2);border:1px solid var(--c-line);border-radius:var(--r-md);cursor:pointer;background:var(--c-page);font-size:var(--fs-md);align-items:flex-start;padding:8px 12px;display:flex}.opt:hover{border-color:var(--c-brand-line)}.opt input{accent-color:var(--c-brand);margin-top:3px}.opt.on{border-color:var(--c-brand);background:var(--c-brand-soft)}.opt .k{color:var(--c-ink-3);font-weight:700;font-family:var(--font-mono)}.opt.picture{flex-direction:column;align-items:stretch;min-height:90px}@media (max-width:640px){.opts{padding-left:0}}.bank{gap:var(--s2);display:grid}.bank-entry{border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--s3);background:var(--c-surface);font-size:var(--fs-md)}.bank-entry .k{font-family:var(--font-mono);color:var(--c-gold-ink);margin-right:6px;font-weight:700}.bank-entry.used{opacity:.45}.bank-entry p{color:var(--c-ink-2);margin-top:4px}.select-inline{border-radius:var(--r-sm);border:1px solid var(--c-line-strong);background:var(--c-surface);min-height:32px;font-family:var(--font);font-size:var(--fs-md);max-width:100%;padding:2px 8px}.gap{margin:0 2px;display:inline-block}.gap-n{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-brand);margin-right:2px;font-weight:700}.rail-nav{top:var(--s4);gap:var(--s3);display:grid;position:sticky}.qgrid{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.qgrid button{border:1px solid var(--c-line);background:var(--c-surface);border-radius:var(--r-sm);font-size:var(--fs-xs);font-family:var(--font-mono);color:var(--c-ink-2);padding:5px 0}.qgrid button.a{background:var(--c-brand);border-color:var(--c-brand);color:#fff}.qgrid button.f{background:var(--c-warn-soft);border-color:var(--c-warn-line);color:var(--c-warn)}.legend{gap:var(--s3);font-size:var(--fs-xs);color:var(--c-ink-3);flex-wrap:wrap;display:flex}.legend i{vertical-align:-1px;border:1px solid var(--c-line);border-radius:2px;width:9px;height:9px;margin-right:3px;display:inline-block}.player{border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s3) var(--s4);background:var(--c-page);gap:var(--s2);display:grid}.player-row{align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.play-btn{background:var(--c-brand);color:#fff;border:none;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.play-btn:disabled{background:var(--c-line-strong);cursor:not-allowed}.track{border-radius:var(--r-pill);background:var(--c-line);flex:1;min-width:120px;height:6px;overflow:hidden}.track i{background:var(--c-brand);height:100%;transition:width .25s linear;display:block}.steps{gap:var(--s2);font-size:var(--fs-sm);grid-template-columns:repeat(3,1fr);display:grid}.steps span{border:1px solid var(--c-line);border-radius:var(--r-sm);color:var(--c-ink-3);background:var(--c-surface);padding:4px 8px}.steps span.on{border-color:var(--c-warn-line);background:var(--c-warn-soft);color:var(--c-warn);font-weight:600}.steps span.done{background:var(--c-ok-soft);color:var(--c-ok);border-color:#a9d8bd}.task{border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s4);background:var(--c-page);gap:var(--s2);display:grid}.task ul{margin:0;padding-left:20px}.stimulus{border-left:3px solid var(--c-line-strong);padding:var(--s2) var(--s3);background:var(--c-surface);font-style:italic}.editor{min-height:280px;font-size:17px;line-height:1.7}.wordbar{align-items:center;gap:var(--s3);font-size:var(--fs-sm);color:var(--c-ink-2);display:flex}.wordbar .bar{flex:1}.card-task{border-radius:var(--r-md);padding:var(--s4);gap:var(--s2);background:#fffdf3;border:1px solid #e8e2c0;display:grid}.card-task ul{margin:0;padding-left:20px}.slides{gap:var(--s2);grid-template-columns:repeat(5,1fr);display:grid}.slides div{border:1px solid var(--c-line);border-radius:var(--r-sm);padding:var(--s2);font-size:var(--fs-sm);background:var(--c-surface);min-height:64px}.slides b{font-family:var(--font-mono);color:var(--c-brand);display:block}@media (max-width:760px){.slides{grid-template-columns:1fr 1fr}}.recorder{border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s4);gap:var(--s3);background:var(--c-surface);display:grid}.mic{background:var(--c-record);color:#fff;border:none;border-radius:50%;flex:none;place-items:center;width:64px;height:64px;font-size:26px;display:grid;box-shadow:0 0 #009a6680}.mic.rec{background:var(--c-stop);animation:1.4s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #d6303173}70%{box-shadow:0 0 0 14px #d6303100}to{box-shadow:0 0 #d6303100}}.meter{border-radius:var(--r-pill);background:var(--c-line);flex:1;height:10px;overflow:hidden}.meter i{background:var(--c-record);height:100%;transition:width 80ms linear;display:block}.transcript{border:1px dashed var(--c-line);border-radius:var(--r-md);padding:var(--s3);min-height:60px;font-size:var(--fs-md);color:var(--c-ink-2);background:var(--c-page)}.metrics{gap:var(--s2);grid-template-columns:repeat(4,1fr);display:grid}.metrics div{border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--s2) var(--s3);background:var(--c-surface)}.metrics b{font-size:var(--fs-xl);font-variant-numeric:tabular-nums;display:block}.metrics span{font-size:var(--fs-xs);color:var(--c-ink-3)}@media (max-width:700px){.metrics{grid-template-columns:1fr 1fr}}.chat{gap:var(--s2);display:grid}.bubble{max-width:85%;padding:var(--s2) var(--s3);border-radius:var(--r-md);font-size:var(--fs-md)}.bubble small{text-transform:uppercase;letter-spacing:.05em;color:var(--c-ink-3);font-size:11px;font-weight:600;display:block}.bubble.partner{background:var(--c-brand-soft);border:1px solid var(--c-brand-line)}.bubble.student{background:var(--c-page);border:1px solid var(--c-line);margin-left:auto}.screen{max-width:880px;padding:var(--s6) var(--s5);gap:var(--s5);margin:0 auto;display:grid}.module-row{align-items:center;gap:var(--s4);padding:var(--s4);border:1px solid var(--c-line);border-radius:var(--r-lg);background:var(--c-surface);display:flex}.module-row.next{border-color:var(--c-brand);box-shadow:inset 0 0 0 1px var(--c-brand)}.module-row .sp{flex:1}.dialog-back{z-index:50;padding:var(--s4);background:#10101873;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--sh-lg);padding:var(--s5);gap:var(--s3);width:100%;max-width:520px;display:grid}.blocked{z-index:60;background:var(--c-surface);text-align:center;padding:var(--s5);place-items:center;display:grid;position:fixed;inset:0}