.xm-page{--accent-primary:#f4f4f5;--accent-hover:#ffffff;--accent-contrast:#0a0a0a;--accent-muted:rgba(244,244,245,0.14);--accent-subtle:rgba(244,244,245,0.06);color-scheme:dark;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:#0a0a0a;color:rgba(255,255,255,.92);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;padding:0 clamp(16px,4vw,40px) 40px;max-width:1080px;margin:0 auto;width:100%}.xm-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.xm-brand{gap:10px;color:#fff;font-family:var(--font-display);font-weight:700;font-size:1.08rem;letter-spacing:-.02em}.xm-brand,.xm-open{display:inline-flex;align-items:center;text-decoration:none}.xm-open{gap:6px;color:rgba(255,255,255,.6);font-family:var(--font-mono);font-size:12px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);padding:7px 14px;transition:color .2s ease,border-color .2s ease}.xm-open:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.xm-hero{padding:clamp(28px,6vh,64px) 0 clamp(18px,3vh,28px)}.xm-kicker{margin:0 0 14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.48)}.xm-title{margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;font-size:clamp(2rem,6vw,3.4rem);line-height:1;color:#fff;text-wrap:balance}.xm-sub{margin:18px 0 0;max-width:56ch;color:rgba(255,255,255,.6);font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.6}.xm-levels{display:inline-flex;gap:2px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);padding:3px;margin:22px 0 18px}.xm-level{border:0;background:transparent;color:rgba(255,255,255,.55);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;padding:8px 16px;border-radius:var(--radius-full);cursor:pointer;transition:background .2s ease,color .2s ease}.xm-level.active{background:rgba(255,255,255,.1);color:#fff}.xm-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.xm-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px 18px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0d0d0d;color:rgba(255,255,255,.92);cursor:pointer;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.07);transition:transform .2s var(--ease-out),border-color .2s ease}.xm-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.26)}.xm-card svg{color:rgba(255,255,255,.85)}.xm-card strong{font-family:var(--font-display);font-weight:600;font-size:1.02rem;letter-spacing:-.01em}.xm-card span{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;color:rgba(255,255,255,.45);text-transform:uppercase;transition:color .2s ease}.xm-error{margin:16px 0 0;color:#f0635a;font-size:var(--text-sm)}.xm-weak{margin-top:34px}.xm-weak h2{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}.xm-weak-row{display:flex;flex-wrap:wrap;gap:8px}.xm-weak-chip{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:rgba(255,255,255,.85);border-radius:var(--radius-full);padding:8px 16px;font-size:var(--text-sm);cursor:pointer;transition:border-color .2s ease,color .2s ease}.xm-weak-chip:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.xm-loading{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:rgba(255,255,255,.6);padding:80px 0}.xm-spin{animation:xmSpin .9s linear infinite}@keyframes xmSpin{to{transform:rotate(1turn)}}.xm-quiz{display:flex;flex-direction:column;gap:12px;flex:1 1;min-height:70vh}.xm-quiz-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.xm-back{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.12);background:transparent;color:rgba(255,255,255,.8);border-radius:var(--radius-full);padding:8px 16px;font-size:var(--text-sm);cursor:pointer;transition:border-color .2s ease,color .2s ease}.xm-back:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.xm-score{font-family:var(--font-mono);font-size:13px;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-full);padding:6px 14px}.xm-frame{flex:1 1;width:100%;min-height:68vh;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0d0d0d}.xm-foot{margin-top:auto;padding-top:36px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;color:rgba(255,255,255,.5);font-size:var(--text-sm);text-align:center}.xm-foot a{color:var(--accent-primary);text-decoration:none}@media (max-width:860px){.xm-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:420px){.xm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xm-card strong{max-width:100%;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.xm-levels{display:flex;overflow-x:auto}}.xm-level{white-space:nowrap}.xm-levels{max-width:100%}@media (max-width:480px){.xm-levels{display:grid;grid-template-columns:repeat(3,auto);grid-gap:0;gap:0;width:100%;border-radius:16px}.xm-level{min-width:0;min-height:44px;padding:6px 5px;font-size:11px;letter-spacing:0;white-space:normal;line-height:1.2;text-align:center;border-radius:12px;overflow-wrap:normal}.xm-foot a{display:inline-flex;align-items:center;padding:0 8px}.xm-back,.xm-foot a,.xm-weak-chip{min-height:44px}}.xm-brain{margin-top:28px;display:flex;flex-direction:column;gap:18px}.xm-brain h2{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}.xm-ready-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:10px;gap:10px}.xm-ready{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.03);color:#fff;text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease}.xm-ready:hover{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 8%,transparent)}.xm-ring{width:40px;height:40px;flex:0 0 auto;transform:rotate(-90deg)}.xm-ring-bg{fill:none;stroke:rgba(255,255,255,.12);stroke-width:3.2}.xm-ring-fg{fill:none;stroke:var(--accent-primary);stroke-width:3.2;stroke-linecap:round}.xm-ready-text{display:flex;flex-direction:column;min-width:0}.xm-ready-text strong{font-size:var(--text-sm)}.xm-ready-text small{color:rgba(255,255,255,.55);font-size:11.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xm-plan-row{display:flex;flex-wrap:wrap;gap:8px}.xm-plan-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;border:1px solid color-mix(in srgb,var(--accent-primary) 40%,transparent);background:color-mix(in srgb,var(--accent-primary) 6%,transparent);color:rgba(255,255,255,.88);border-radius:var(--radius-full);padding:8px 14px;font-size:13px;cursor:pointer;text-align:left;transition:border-color .2s ease,background .2s ease}.xm-plan-chip:hover{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 14%,transparent)}.xm-plan-chip b{font-weight:600}.xm-plan-chip em{font-style:normal;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5)}@media (max-width:480px){.xm-plan-chip{flex-wrap:wrap}}@media (min-width:1100px){.xm-page{max-width:min(1560px,100%);padding:0 clamp(40px,4vw,72px) var(--space-12)}.xm-topbar{padding:var(--space-6) 0;border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent)}.xm-brand{font-size:1.2rem}.xm-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-column-gap:var(--space-10);column-gap:var(--space-10);align-items:end;padding:clamp(48px,7vh,88px) 0 var(--space-8)}.xm-kicker{grid-column:1/-1;margin-bottom:var(--space-5)}.xm-title{grid-column:1;font-size:clamp(3.2rem,4.4vw,5rem)}.xm-sub{grid-column:2;margin:0 0 .45em;max-width:46ch;font-size:1.14rem}.xm-levels{align-self:flex-start;margin:0 0 var(--space-7)}.xm-level{padding:11px 24px;font-size:13px}.xm-brain{display:grid;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));grid-gap:var(--space-8);gap:var(--space-8);margin-top:var(--space-4)}.xm-ready-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--space-3)}.xm-ready{padding:var(--space-4) var(--space-5)}.xm-plan-chip{padding:10px 18px;font-size:13.5px}.xm-grid{gap:var(--space-4);margin-top:var(--space-8)}.xm-card{min-height:152px;justify-content:space-between;padding:var(--space-6);border-radius:var(--radius-lg)}.xm-card svg{width:28px;height:28px}.xm-card strong{font-size:1.2rem}.xm-weak{margin-top:var(--space-10)}.xm-weak-chip{padding:10px 20px}.xm-loading{min-height:58vh;padding:0}.xm-quiz{display:grid;grid-template-columns:minmax(0,1fr) clamp(260px,19vw,330px);grid-column-gap:var(--space-8);column-gap:var(--space-8);align-items:start;margin-top:var(--space-6)}.xm-frame{grid-column:1;grid-row:1;align-self:stretch;min-height:max(420px,min(1040px,calc(100dvh - 210px)));border-radius:var(--radius-lg)}.xm-quiz-bar{grid-column:2;grid-row:1;position:-webkit-sticky;position:sticky;top:var(--space-6);flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:var(--space-3);padding-left:var(--space-7);border-left:1px solid color-mix(in srgb,currentColor 14%,transparent)}.xm-quiz-bar .xm-score{order:-1;display:block;padding:var(--space-5) var(--space-4);text-align:center;font-size:1.5rem;letter-spacing:-.02em;border-radius:var(--radius-lg);border-color:color-mix(in srgb,var(--accent-primary) 45%,transparent);background:color-mix(in srgb,var(--accent-primary) 8%,transparent)}.xm-quiz-bar .xm-back{width:100%;justify-content:flex-start;padding:11px 18px}.xm-quiz-bar .xm-tutor-link{border-color:color-mix(in srgb,var(--accent-primary) 50%,transparent);color:var(--accent-primary)}.xm-foot{padding-top:var(--space-12)}}@media (min-width:1600px){.xm-page{max-width:1720px}.xm-title{font-size:5.4rem}.xm-sub{font-size:1.2rem}.xm-quiz{grid-template-columns:minmax(0,1fr) 360px}.xm-card{min-height:176px}.xm-ready-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}