.learn-page{--accent:#9335aa;--accent-ink:#4d155d;--accent-soft:#f8eefb;--tint:#f8f5fa;--good:#15803d;--good-soft:#e9f8ee;--warn:#b45309;--warn-soft:#fff4e2;--card:#fff;min-height:100dvh;padding:118px var(--space-page) 96px;color:var(--ink);font-family:var(--font-learn), ui-sans-serif, system-ui, sans-serif;font-variant-ligatures:no-common-ligatures;background-color:#fff;background-image:radial-gradient(70% 520px at 0 0,#9335aa29,#0000 70%),radial-gradient(55% 420px at 100% 0,#db53881a,#0000 70%),linear-gradient(#faf5fc 0,#fff 640px);background-position:0 0,0 0,0 0;background-repeat:no-repeat;background-size:auto,auto,auto;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.learn-page button{font:inherit;cursor:pointer}.learn-page button:focus-visible,.learn-page a:focus-visible,.learn-page select:focus-visible,.learn-page input:focus-visible{outline-offset:2px;outline:3px solid #9335aa73}.btn-primary{border:2px solid var(--accent-ink);color:#fff;font-family:var(--font-pixel), var(--font-learn), sans-serif;white-space:nowrap;background:var(--accent);box-shadow:0 4px 0 var(--accent-ink);transition:transform .12s var(--ease-ui), box-shadow .12s var(--ease-ui);border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:17px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn-primary:hover{box-shadow:0 5px 0 var(--accent-ink);transform:translateY(-1px)}.btn-primary:active:not(:disabled){box-shadow:0 1px 0 var(--accent-ink);transform:translateY(3px)}.btn-primary:active,.btn-ghost:active,.choice:active{transform:scale(.98)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{border:1px solid var(--line-strong);color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-ghost:hover,.btn-ghost[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.seg{background:var(--tint);border-radius:12px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.seg button{color:var(--soft-ink);background:0 0;border:0;border-radius:9px;padding:7px 12px;font-size:13px;font-weight:600}.seg button.on{color:var(--ink);background:#fff;box-shadow:0 1px 3px #241b2824}.ctl{gap:8px;font-size:13px;font-weight:700;display:grid}.ctl>span{justify-content:space-between;gap:12px;display:flex}.ctl em{color:var(--soft-ink);font-variant-numeric:tabular-nums;font-style:normal;font-weight:600}.ctl input[type=range]{width:100%;accent-color:var(--accent)}.ctl.is-ok>span{color:var(--good)}.ctl.is-off>span{color:var(--warn)}.panel-label{color:var(--soft-ink);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.panel-label strong{color:var(--ink);letter-spacing:0;text-transform:none}.checks{gap:8px;margin:0;padding:0;font-size:13.5px;list-style:none;display:grid}.checks li{color:var(--soft-ink);padding-left:28px;position:relative}.checks li:before{content:"";border:2px solid var(--line-strong);border-radius:50%;width:18px;height:18px;position:absolute;top:1px;left:0}.checks li.ok{color:var(--ink)}.checks li.ok:before{content:"✓";border-color:var(--good);color:#fff;background:var(--good);place-items:center;font-size:11px;font-weight:800;display:grid}.choice-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.choice{color:var(--ink);background:#fff;border:2px solid #d9cfde;border-radius:10px;padding:10px 18px;font-weight:700;transition:border-color .15s,box-shadow .15s,transform .12s;box-shadow:0 3px #d9cfde}.choice:hover{border-color:var(--accent);box-shadow:0 3px 0 var(--accent);transform:translateY(-1px)}.choice.is-right{border-color:var(--good);color:var(--good);background:var(--good-soft)}.choice.is-wrong{border-color:var(--warn);color:var(--warn);background:var(--warn-soft)}.course-hub{width:min(100%,1240px);margin:0 auto}.lesson-kicker{color:var(--accent);margin:0 0 12px;font-size:13px;font-weight:700}.lesson-lede{max-width:58ch;color:var(--soft-ink);margin:20px 0 0;font-size:clamp(16px,1.5vw,18px);line-height:1.6}.btn-pixel{border:2px solid var(--accent-ink);color:#fff;font-family:var(--font-pixel), var(--font-learn), sans-serif;white-space:nowrap;background:var(--accent);box-shadow:0 4px 0 var(--accent-ink);transition:transform .12s var(--ease-ui), box-shadow .12s var(--ease-ui);border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:17px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn-pixel:hover{box-shadow:0 5px 0 var(--accent-ink);transform:translateY(-1px)}.btn-pixel:active{box-shadow:0 1px 0 var(--accent-ink);transform:translateY(3px)}.btn-pixel-sm{box-shadow:0 3px 0 var(--accent-ink);padding:8px 14px;font-size:15px}.hub-banner{min-height:min(88vh,820px);margin:-118px calc(var(--space-page) * -1) 0;padding:140px var(--space-page) 120px;isolation:isolate;align-items:center;display:flex;position:relative;overflow:hidden}.hub-banner-art{z-index:-2;object-fit:cover;object-position:65% 40%}.hub-banner:before{content:"";z-index:-1;background:linear-gradient(#0000 62%,#fff9 84%,#fff 100%),linear-gradient(90deg,#2d0c3cb3 0%,#2d0c3c66 34%,#0000 58%);position:absolute;inset:0}.hub-banner-copy{color:#fff;width:min(100%,1240px);margin:0 auto}.hub-banner-copy>*{max-width:560px}.hub-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #fff6;border-radius:999px;margin:0 0 18px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-block}.hub-banner h1{font-family:var(--font-pixel), var(--font-learn), sans-serif;text-shadow:0 4px #2d0c3c80;text-wrap:balance;margin:0;font-size:clamp(40px,5.4vw,72px);font-weight:700;line-height:1}.hub-banner-copy>p:not(.hub-pill){color:#fffffff0;text-shadow:0 1px 2px #2d0c3c66;max-width:44ch;margin:20px 0 0;font-size:clamp(16px,1.5vw,19px);line-height:1.55}.hub-banner-actions{flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:30px;display:flex}.hub-banner .btn-pixel{color:#3d1049;background:var(--zyx-yellow);border-color:#3d1049;box-shadow:0 4px #3d1049}.hub-banner-meta{color:#ffffffe6;text-shadow:0 1px 2px #2d0c3c66;font-size:14px}.hub-outcomes{margin-top:-48px;position:relative}.hub-outcomes h2{font-family:var(--font-pixel), var(--font-learn), sans-serif;color:var(--ink);margin:0 0 20px;font-size:clamp(22px,2.4vw,28px);font-weight:700}.hub-outcomes ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.hub-outcomes li{align-content:start;gap:12px;display:grid}.outcome-icon{border:2px solid var(--accent-ink);width:48px;height:48px;color:var(--accent);background:var(--accent-soft);box-shadow:0 3px 0 var(--accent-ink);border-radius:12px;place-items:center;display:grid}.outcome-art{width:72px;height:72px;image-rendering:pixelated;transition:transform .35s var(--ease-premium)}.hub-outcomes li:hover .outcome-art{transform:translateY(-4px)rotate(-3deg)}.outcome-title{margin:0;font-size:16px;font-weight:700}.outcome-body{color:var(--soft-ink);margin:4px 0 0;font-size:14px;line-height:1.45}.journey-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:32px;margin-top:clamp(48px,6vw,72px);display:grid}.journey{gap:18px;margin:0;padding:0 0 0 64px;list-style:none;display:grid;position:relative}.journey:before{content:"";border-left:3px dashed #dccfe3;width:0;position:absolute;top:24px;bottom:24px;left:21px}.world{position:relative}.world-node{color:#a898b0;width:46px;height:46px;font-family:var(--font-pixel), var(--font-learn), sans-serif;background:#fff;border:3px solid #dccfe3;border-radius:14px;place-items:center;font-size:20px;font-weight:700;display:grid;position:absolute;top:26px;left:-64px}.world.is-live .world-node{border-color:var(--accent-ink);color:#fff;background:var(--accent);box-shadow:0 3px 0 var(--accent-ink)}.world-node.is-done{background:var(--good);border-color:#14532d}.world-card{transition:box-shadow .25s var(--ease-ui), border-color .25s var(--ease-ui);background:#fff;border:1px solid #ece6ef;border-radius:22px;overflow:hidden;box-shadow:0 1px 2px #4d155d0a}.world-card:hover{border-color:#dccfe3;box-shadow:0 20px 40px -24px #4d155d40}.world-head{width:100%;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:220px minmax(0,1fr) 24px;align-items:center;gap:22px;padding:14px 20px 14px 14px;display:grid}.world-art{aspect-ratio:4/3;background:var(--tint);border-radius:14px;position:relative;overflow:hidden}.world-art img{object-fit:cover;image-rendering:pixelated;transition:transform .5s var(--ease-premium)}.world-card:hover .world-art img{transform:scale(1.05)}.world.is-soon .world-art img{filter:saturate(.75)}.world-text{gap:8px;min-width:0;display:grid}.world-kicker{color:var(--soft-ink);align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.world-kicker em{color:var(--soft-ink);background:var(--tint);border-radius:999px;padding:2px 8px;font-size:11.5px;font-style:normal}.world-title{font-family:var(--font-pixel), var(--font-learn), sans-serif;font-size:clamp(22px,2.4vw,28px);font-weight:700;line-height:1.1}.world-outcome{color:var(--soft-ink);font-size:14.5px;line-height:1.5}.world-outcome strong{color:var(--ink)}.world-badge{color:#7a4b00;background:#fff4c7;border-radius:999px;justify-self:start;align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.world-chevron{color:var(--soft-ink);transition:transform .3s var(--ease-premium)}.world.is-open .world-chevron{transform:rotate(180deg)}.world-topics{background:var(--tint);animation:result-in .35s var(--ease-enter);border-radius:16px;gap:2px;margin:0 14px 14px;padding:8px;list-style:none;display:grid}.world-topics li{border-radius:12px;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:52px;padding:6px 10px;font-size:14.5px;display:grid}.world-topics li.is-live{background:#fff}.topic-id{color:var(--soft-ink);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.world-topics li:not(.is-live) .topic-title{color:var(--soft-ink)}.world-topics li.is-live .topic-title{font-weight:700}.topic-progress{color:var(--soft-ink);font-variant-numeric:tabular-nums;font-size:13px}.topic-locked{color:#a898b0;min-width:84px;font-family:var(--font-pixel), var(--font-learn), sans-serif;border:2px dashed #dccfe3;border-radius:10px;grid-column:3/-1;justify-content:center;justify-self:end;align-items:center;gap:6px;padding:7px 12px;font-size:14px;display:inline-flex}.journey-side{gap:16px;display:grid;position:sticky;top:110px}.side-card{background:#fff;border:1px solid #ece6ef;border-radius:22px;gap:14px;padding:20px;display:grid}.side-level{align-items:center;gap:14px;display:flex}.level-chip{color:#3d1049;width:56px;height:56px;font-family:var(--font-pixel), var(--font-learn), sans-serif;background:var(--zyx-yellow);border:2px solid #3d1049;border-radius:14px;flex:none;place-items:center;font-size:18px;font-weight:700;display:grid;box-shadow:0 3px #3d1049}.side-title{font-family:var(--font-pixel), var(--font-learn), sans-serif;margin:0;font-size:19px;font-weight:700}.side-sub{color:var(--soft-ink);margin:3px 0 0;font-size:13.5px;line-height:1.4}.side-card>.side-sub{margin-top:-10px}.side-stats{grid-template-columns:1fr 1fr;gap:10px;margin:0;display:grid}.side-stats div{background:var(--tint);border-radius:12px;padding:10px 12px}.side-stats dt{color:var(--soft-ink);font-size:12px;font-weight:600}.side-stats dd{font-family:var(--font-pixel), var(--font-learn), sans-serif;font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:22px;font-weight:700}.side-steps{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.side-steps span{background:#ece6ef;border-radius:2px;height:8px}.side-steps span.is-done{background:var(--good)}.side-cta{text-overflow:ellipsis;justify-content:center;overflow:hidden}.side-row{justify-content:space-between;align-items:baseline;display:flex}.side-count{color:var(--soft-ink);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.badge-grid{grid-template-columns:repeat(3,1fr);gap:14px 8px;margin:0;padding:0;list-style:none;display:grid}.badge-grid li{text-align:center;justify-items:center;gap:6px;display:grid}.badge-coin{border:3px solid #ece6ef;border-radius:50%;width:56px;height:56px;position:relative;overflow:hidden}.badge-coin img{object-fit:cover;filter:grayscale();opacity:.45}.badge-coin.is-earned{border-color:var(--zyx-yellow)}.badge-coin.is-earned img{filter:none;opacity:1}.badge-name{color:var(--soft-ink);font-size:11.5px;line-height:1.2}.lesson{width:min(100%,1240px);margin:0 auto}.lesson-meta{flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none;display:flex}.lesson-meta li{color:var(--soft-ink);background:#fff;border:1px solid #ece6ef;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.lesson-meta svg{color:var(--accent)}.lesson-back{color:var(--soft-ink);align-items:center;gap:6px;margin-bottom:22px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.lesson-back:hover{color:var(--accent)}@keyframes bob{50%{transform:translateY(-3px)}}.rail-reset{color:var(--soft-ink);background:0 0;border:0;justify-self:start;align-items:center;gap:5px;padding:0;font-size:12px;display:inline-flex}.quest-badge{background:var(--tint);border:2px solid #ece6ef;border-radius:18px;flex:none;place-items:center;width:72px;height:72px;display:grid;position:relative}.quest-badge img{width:56px;height:56px}.quest-badge-check{color:#fff;background:var(--good);border:2px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;bottom:-6px;right:-6px}.quest-label{color:var(--accent);margin:4px 0 0;font-size:13px;font-weight:700}.lab-outcome{color:var(--ink);align-items:flex-start;gap:8px;margin:0 0 8px;font-size:15px;line-height:1.45;display:flex}.lab-outcome svg{color:#d19a00;flex:none;margin-top:3px}.lab-xp{color:var(--soft-ink);font-family:var(--font-pixel), var(--font-learn), sans-serif;white-space:nowrap;border:2px solid #ece6ef;border-radius:10px;flex:none;align-items:center;gap:6px;padding:5px 10px;font-size:14px;display:inline-flex}.lab-xp.is-earned{color:#3d1049;background:var(--zyx-yellow);border-color:#3d1049;box-shadow:0 2px #3d1049}.lab-idea{max-width:66ch;color:var(--soft-ink);margin:0;font-size:15.5px;line-height:1.5}.lab-goal{color:var(--accent-ink);background:var(--accent-soft);border-radius:14px;align-items:flex-start;gap:10px;margin:20px 0;padding:12px 16px;font-size:14.5px;line-height:1.45;display:flex}.lab-goal svg{flex:none;margin-top:2px}.lab-stage{min-width:0}.lab-rules{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.lab-rules p{border-radius:14px;gap:8px;margin:0;padding:12px 14px;font-size:13.5px;line-height:1.45;display:flex}.lab-rules svg{flex:none;margin-top:2px}.rule-do{color:#14532d;background:var(--good-soft)}.rule-avoid{color:#7c2d12;background:var(--warn-soft)}.lab-result{animation:result-in .45s var(--ease-enter);border-radius:16px;gap:8px;margin-top:18px;padding:16px 18px;font-size:15px;line-height:1.5;display:grid}.lab-result p{margin:0}.lab-result .btn-ghost{justify-self:start}.tone-good{background:var(--good-soft);border:1px solid #15803d4d}.tone-warn{background:var(--warn-soft);border:1px solid #b453094d}.tone-info{border:1px solid var(--line-strong);background:var(--accent-soft)}.result-sub{color:var(--soft-ink);font-size:14px}.result-trophy{align-items:center;gap:8px;font-weight:700;display:flex}@keyframes result-in{0%{opacity:0;transform:translateY(8px)}}.glance-viewport{background:var(--tint);border-radius:20px;place-items:center;min-height:380px;padding:24px;display:grid}.glance-overlay{text-align:center;justify-items:center;gap:16px;max-width:440px;display:grid}.glance-overlay p{margin:0;line-height:1.5}.glance-round{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.glance-q{font-size:19px;font-weight:700}.glance-count{color:var(--accent);font-size:96px;font-weight:800;animation:.3s result-in}.glance-card{background:#fff;border-radius:18px;gap:8px;width:min(100%,340px);padding:14px;display:grid;box-shadow:0 16px 40px #241b281f}.glance-photo{background:linear-gradient(135deg,#c4b5fd,#f9a8d4);border-radius:12px;height:120px}.glance-card p{margin:0}.glance-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:4px;display:grid}.glance-btn{text-align:center;border-radius:8px;padding:8px;font-size:13px}.glance-card.is-flat p,.glance-card.is-flat .glance-btn{color:#3b3340;font-size:14px;font-weight:600}.glance-card.is-flat .glance-btn{background:#ece6f5;border:1.5px solid #3b3340}.glance-card.is-structured .glance-date{color:var(--soft-ink);font-size:12px}.glance-card.is-structured .glance-title{letter-spacing:-.02em;font-size:24px;font-weight:800}.glance-card.is-structured .glance-copy{color:var(--soft-ink);font-size:13px}.glance-card.is-structured .glance-actions{grid-template-columns:1fr 1fr 1fr}.glance-card.is-structured .glance-btn{color:var(--soft-ink);padding:4px;font-size:12px}.glance-card.is-structured .glance-btn.is-primary{color:#fff;background:var(--accent);order:-1;grid-column:1/-1;padding:11px;font-size:15px;font-weight:800}.glance-compare{grid-template-columns:1fr 1fr;gap:20px;width:100%;display:grid}.glance-compare figure{justify-items:center;gap:10px;margin:0;display:grid}.glance-compare figcaption{text-align:center;font-size:14px}.mixer{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;display:grid}.mixer>.lab-result{grid-column:1/-1}.mixer-canvas{background:var(--tint);border-radius:20px;align-content:center;gap:12px;padding:24px;display:grid}.mixer-card{background:#fff;border-radius:18px;flex-direction:column;align-items:flex-start;gap:4px;width:min(100%,360px);margin:0 auto;padding:16px;display:flex;box-shadow:0 16px 40px #241b281a}.mixer-photo{background:linear-gradient(135deg,#86efac,#38bdf8);border-radius:12px;align-self:stretch;height:110px;margin-bottom:8px}.mixer-el{max-width:100%;color:var(--ink);text-align:left;transition:box-shadow .35s var(--ease-ui), font-size .2s, margin .2s;background:0 0;border:1.5px dashed #0000;border-radius:8px;padding:3px 6px;line-height:1.25}.mixer-el.is-selected{border-color:var(--accent)}.mixer-el.tone-muted{color:#8a8190}.mixer-el.tone-accent{color:var(--accent)}.mixer-el.el-cta{border-style:solid;border-color:var(--line-strong);padding:8px 16px}.mixer-el.el-cta.tone-accent{border-color:var(--accent);color:#fff;background:var(--accent)}.mixer-el.el-cta.is-selected{outline:2px dashed var(--accent);outline-offset:3px}.mixer-hint{color:var(--soft-ink);text-align:center;margin:0;font-size:12.5px}.mixer-panel{align-content:start;gap:16px;display:grid}.mixer-panel .btn-ghost{justify-self:start}.meter{gap:7px;display:grid}.meter-row{grid-template-columns:110px 1fr 40px;align-items:center;gap:10px;font-size:13px;display:grid}.meter-track{background:var(--tint);border-radius:99px;height:10px;overflow:hidden}.meter-fill{border-radius:inherit;height:100%;transition:width .35s var(--ease-ui);background:#c9bfd0;display:block}.meter-fill.is-cta{background:#f59e0b}.meter-val{font-variant-numeric:tabular-nums;text-align:right;font-weight:700}.popout{gap:14px;display:grid}.popout-intro{text-align:center;background:var(--tint);border-radius:20px;justify-items:center;gap:16px;padding:44px 20px;display:grid}.popout-intro p{margin:0;font-size:17px}.dot-red{vertical-align:-2px;background:#e11d48;border-radius:50%;width:14px;height:14px;display:inline-block}.popout-status{margin:0;font-size:14px;font-weight:700}.miss{color:var(--warn);margin-left:8px}.popout-grid{width:min(100%,460px);box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:20px;grid-template-columns:repeat(7,1fr);gap:10px;margin:0 auto;padding:20px;display:grid}.shape{aspect-ratio:1;border:0;width:100%;padding:0}.shape.circle{border-radius:50%}.shape.square{border-radius:4px;transform:scale(.86)}.shape.red{background:#e11d48}.shape.blue{background:#2563eb}.popout-bars{background:var(--tint);border-radius:20px;gap:12px;padding:20px;display:grid}.pbar{grid-template-columns:220px 1fr 70px;align-items:center;gap:12px;font-size:14px;display:grid}.pbar b{font-variant-numeric:tabular-nums;text-align:right}.pbar-track{background:#fff;border-radius:99px;height:14px;overflow:hidden}.pbar-fill{border-radius:inherit;height:100%;animation:grow .9s var(--ease-premium);display:block}.pbar-fill.fast{background:var(--good)}.pbar-fill.slow{background:#f59e0b}@keyframes grow{0%{width:0}}.squint{gap:18px;display:grid}.squint-ctl{max-width:420px}.squint-pair{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.squint-pair figure{background:var(--tint);border:2px solid #0000;border-radius:20px;gap:8px;margin:0;padding:10px;display:grid}.squint-pair figure.is-picked{border-color:var(--accent)}.squint-pair figcaption{text-align:center;font-size:13px;font-weight:800}.squint-frame{border-radius:12px;transition:filter .15s;overflow:hidden}.land{background:#fff;gap:10px;padding:14px;font-size:12px;display:grid}.land p{margin:0}.land-nav{align-items:center;gap:10px;display:flex}.land-login{margin-left:auto}.land-ctas{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.land-tiles{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.land-tiles span{border-radius:6px;height:44px}.land.is-weak .land-nav span{color:#fff;background:#4b5563;border-radius:4px;padding:4px 6px;font-weight:700}.land.is-weak .land-h{font-size:14px;font-weight:700}.land.is-weak .land-sub{font-size:13px;font-weight:600}.land.is-weak .land-cta,.land.is-weak .land-link{color:#fff;background:#4b5563;border-radius:4px;padding:6px 10px;font-weight:700}.land.is-weak .land-promo{color:#fff;background:#374151;padding:8px;font-weight:800}.land.is-weak .land-tiles span{background:#6b7280}.land.is-strong .land-nav{color:#9ca3af;font-size:11px}.land.is-strong .land-logo{color:var(--ink);font-weight:800}.land.is-strong .land-h{letter-spacing:-.02em;margin-top:8px;font-size:22px;font-weight:800;line-height:1.1}.land.is-strong .land-sub{color:#6b7280}.land.is-strong .land-cta{color:#fff;background:#ea580c;border-radius:8px;padding:10px 16px;font-weight:800}.land.is-strong .land-link{color:#6b7280;text-decoration:underline}.land.is-strong .land-promo{color:#9ca3af;font-size:11px}.land.is-strong .land-tiles span{background:#f3f4f6}.squint-prompt,.squint-ask p{color:var(--soft-ink);text-align:center;margin:0}.squint-ask{gap:12px;display:grid}.squint-ask p{color:var(--ink);font-weight:700}.typelab{gap:18px;display:grid}.scenario-seg{justify-self:start}.typelab-body{grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:22px;display:grid}.typelab-controls{align-content:start;gap:18px;display:grid}.ratio-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.ratio-grid button{border:1.5px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;padding:7px 4px;display:grid}.ratio-grid button.on{border-color:var(--accent);background:var(--accent-soft)}.ratio-grid b{font-size:14px}.ratio-grid small{color:var(--soft-ink);font-size:10.5px;font-weight:500}.typelab-preview{min-width:0;box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:20px;padding:24px;overflow:hidden}.typelab-preview h3,.typelab-preview h4,.typelab-preview h5{letter-spacing:-.01em;transition:font-size .25s var(--ease-ui);margin:0 0 .4em;font-weight:800}.typelab-preview p{color:#3b3340;margin:0 0 1em;transition:max-width .2s,line-height .2s}.scale-ruler{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.scale-ruler span{color:var(--soft-ink);font-variant-numeric:tabular-nums;background:var(--tint);border-radius:99px;padding:3px 8px;font-size:11px;font-weight:700}.scan{gap:18px;display:grid}.scan>.btn-primary{justify-self:start}.scan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.scan-card{border:2px solid var(--line);background:#fff;border-radius:18px;align-content:start;gap:8px;padding:12px;display:grid}.scan-card.is-right{border-color:var(--good)}.scan-card.is-wrong{border-color:var(--warn)}.scan-mock{aspect-ratio:3/4;background:var(--tint);border-radius:10px;position:relative;overflow:hidden}.pm{flex-direction:column;gap:5px;height:100%;padding:10px;display:flex}.ln{background:#d6ccc2;border-radius:3px;flex:0 0 5px;display:block}.pm .hd{background:#4b3a52;border-radius:3px;flex:0 0 9px;width:60%;margin-top:6px;display:block}.pm-splash .sp-top,.pm-splash .sp-bottom{justify-content:space-between;align-items:center;display:flex}.pm-splash{justify-content:space-between}.pm-splash .logo{background:#4b3a52;border-radius:3px;width:30%;height:10px}.pm-splash .nav{background:#b8aca0;border-radius:3px;width:35%;height:6px}.pm-splash .sp-hero{background:linear-gradient(135deg,#c4b5fd,#f9a8d4);border-radius:8px;height:40%}.pm-splash .sp-note{background:#b8aca0;border-radius:3px;width:40%;height:6px}.pm-splash .sp-btn{background:var(--accent);border-radius:5px;width:36%;height:16px}.pm-contact .digits{color:var(--ink);margin:4px 0;font-size:11px;font-weight:800}.pm-contact .lnk{background:#2563eb;border-radius:3px;flex:0 0 5px;width:40%;display:block}.gaze{width:100%;height:100%;position:absolute;inset:0}.gaze path{fill:none;stroke:#f59e0b;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:100;stroke-dashoffset:100px;animation:draw 2.2s var(--ease-ui) forwards}@keyframes draw{to{stroke-dashoffset:0}}.scan-title{margin:4px 0 0;font-size:14px;font-weight:800}.scan-sit,.scan-why{color:var(--soft-ink);margin:0;font-size:12.5px;line-height:1.4}.scan-why{color:var(--ink)}.scan-card select{border:1.5px solid var(--line-strong);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:10px;padding:8px;font-size:13px}.fix{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;display:grid}.fix>.lab-result{grid-column:1/-1}.fix-stage{background:var(--tint);border-radius:20px;grid-template-columns:1fr 1fr;gap:12px;padding:14px;display:grid}.fix-stage figure{align-content:start;gap:8px;margin:0;display:grid}.fix-stage figcaption{color:var(--soft-ink);text-align:center;font-size:12px;font-weight:800}.fix-before{opacity:.75}.fx-screen{background:#fff;border-radius:14px;flex-direction:column;gap:6px;min-height:100%;padding:16px 12px;transition:filter .25s;display:flex;box-shadow:0 10px 30px #241b2814}.fx-text{transition:all .25s var(--ease-ui);margin:0}.fx-text.role-headline{letter-spacing:-.02em;font-size:21px;font-weight:800;line-height:1.1}.fx-text.role-body{color:#3b3340;font-size:13px;font-weight:600}.fx-text.role-caption{color:#9a929e;font-size:10.5px}.fx-main,.fx-alt{flex-direction:column;gap:6px;display:flex}.fx-screen.is-grouped .fx-main{gap:4px;margin:10px 0 2px}.fx-screen.is-grouped .fx-alt{gap:6px}.fx-or{color:#9a929e;align-items:center;gap:8px;margin:2px 0;font-size:10.5px;display:flex}.fx-or:before,.fx-or:after{content:"";background:var(--line);flex:1;height:1px}.fx-input{color:#9a929e;border:1.5px solid #d9d2dd;border-radius:8px;padding:8px 10px;font-size:12px}.fx-action{text-align:center;transition:all .25s var(--ease-ui);border-radius:8px;padding:8px 10px;font-size:12.5px;font-weight:700}.fx-action.role-primary{color:#fff;background:var(--accent)}.fx-action.role-secondary{color:var(--ink);background:#fff;border:1.5px solid #d9d2dd}.fx-action.role-link{color:var(--accent);background:0 0;padding:2px;font-weight:600;text-decoration:underline}.fix-panel{align-content:start;gap:16px;display:grid}.fix-group{gap:8px;display:grid}.fix-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;font-size:13px;font-weight:600;display:flex}.fix-row .seg button{padding:5px 9px;font-size:12px}.fix-toggle{background:var(--tint);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;padding:12px;font-size:13.5px;font-weight:600;line-height:1.4;display:flex}.fix-toggle input{width:18px;height:18px;accent-color:var(--accent);margin-top:1px}.fix-score{align-items:center;gap:16px;display:flex}.score-ring{background:conic-gradient(var(--good) var(--p), var(--tint) 0);border-radius:50%;flex:none;place-items:center;width:72px;height:72px;transition:background .3s;display:grid}.score-ring b{font-variant-numeric:tabular-nums;background:var(--card);border-radius:50%;place-items:center;width:56px;height:56px;font-size:17px;display:grid}.fix-tools{flex-wrap:wrap;gap:6px;display:flex}.checks.review span{color:var(--warn);margin-top:2px;display:block}.lesson-finish{color:var(--soft-ink);text-align:center;background:#fff;border:2px dashed #e3d8e9;border-radius:26px;justify-items:center;gap:12px;padding:44px 24px;display:grid}.finish-trophy{filter:grayscale();opacity:.45}.lesson-finish h2{font-family:var(--font-pixel), var(--font-learn), sans-serif;color:var(--ink);margin:0;font-size:clamp(24px,2.8vw,32px)}.lesson-finish p{max-width:56ch;margin:0;line-height:1.5}.lesson-finish.is-earned{color:#ffffffeb;background:linear-gradient(140deg, var(--accent), var(--accent-ink));border:0}.lesson-finish.is-earned h2{color:#fff}.lesson-finish.is-earned .finish-trophy{filter:none;opacity:1}.lesson-finish.is-earned .btn-pixel{color:#3d1049;background:var(--zyx-yellow);border-color:#3d1049;box-shadow:0 4px #3d1049}.finish-next{opacity:.8;font-size:13px;font-weight:700}.reward-toast{z-index:40;color:#3d1049;background:var(--zyx-yellow);animation:reward-in .5s var(--ease-enter), reward-out .4s var(--ease-ui) 2.8s forwards;border:2px solid #3d1049;border-radius:14px;align-items:center;gap:12px;padding:12px 18px 12px 12px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 5px #3d1049,0 24px 40px -16px #2d0c3c66}.reward-coin{animation:coin-spin .9s var(--ease-premium)}.reward-title{font-family:var(--font-pixel), var(--font-learn), sans-serif;margin:0;font-size:19px;font-weight:700}.reward-sub{margin:2px 0 0;font-size:13px;font-weight:600}@keyframes reward-in{0%{opacity:0;transform:translateY(24px)scale(.9)}}@keyframes reward-out{to{opacity:0;transform:translateY(12px)}}@keyframes coin-spin{0%{transform:rotateY(0)scale(.6)}to{transform:rotateY(720deg)scale(1)}}@media (max-width:1080px){.journey-layout{grid-template-columns:1fr}.journey-side{grid-row:1;grid-template-columns:1fr 1fr;align-items:start;position:static}.scan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.mixer,.fix,.typelab-body,.lab-rules{grid-template-columns:1fr}.hub-outcomes ul{grid-template-columns:1fr 1fr}.world-head{grid-template-columns:150px minmax(0,1fr) 20px;gap:16px}}@media (max-width:560px){.learn-page{padding:104px 16px 64px}.glance-compare,.squint-pair,.fix-stage{grid-template-columns:1fr}.fix-before{display:none}.scan-grid{grid-template-columns:1fr}.pbar{grid-template-columns:1fr 60px}.pbar-track{grid-area:2/1/auto/-1}.popout-grid{gap:7px;padding:12px}.meter-row{grid-template-columns:96px 1fr 36px}.hub-banner{align-items:flex-end;min-height:640px;margin:-104px -16px 0;padding:120px 16px 72px}.hub-banner-art{object-position:62% 30%}.hub-banner:before{background:linear-gradient(#0000 88%,#fff 100%),linear-gradient(#0000 22%,#2d0c3c80 50%,#2d0c3cd9 92%)}.hub-outcomes{margin-top:8px}.hub-outcomes ul{grid-template-columns:1fr}.journey{padding-left:0}.journey:before,.world-node{display:none}.world-head{grid-template-columns:minmax(0,1fr) 20px;padding:12px}.world-art{aspect-ratio:16/9;grid-column:1/-1}.world-topics li{grid-template-columns:34px minmax(0,1fr) auto}.topic-progress{display:none}.topic-locked{grid-column:3;min-width:0}.journey-side{grid-row:auto;grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.learn-page *,.learn-page :before,.learn-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:is(html:has(.learn-page),body:has(.learn-page)){background:#fff}body:has(.learn-page) .insights-header{background:#ffffffdb}