:root,.theme-dark{--bg:#070710;--bg2:#0f172a;--ink:#f4f3ff;--muted:#b3b0c9;--subtle:#9491ae;--cyan:#22d3ee;--teal:#2dd4bf;--magenta:#e879f9;--violet:#a78bfa;--gold:#fbbf24;--green:#34d399;--purple:#9a6fe0;--brand-purple:#7a4dae;--brand-indigo:#5a5cc0;--brand-blue:#3f7cc4;--brand-teal:#1ea0a0;--brand-green:#17a877;--grad:linear-gradient(100deg,#7a4dae,#5a5cc0 26%,#3f7cc4 48%,#1ea0a0 74%,#17a877 100%);--grad-soft:linear-gradient(100deg,#a07fce,#7b86d6 30%,#5fa1d6 55%,#4fc0bd 78%,#4fc79c);--line:#e9e7ff21;--field:#ffffff0d;--surface:#151424;--surface-raised:#201e34;--nav:#0b0a15de;--reading:#171625;--glass-fill:linear-gradient(165deg,#ffffff12,#ffffff05);--glass-brd:linear-gradient(135deg,#ffffff80,#ffffff0f 45%,var(--accent,var(--teal)) 100%);--shimmer:#ffffff2e;--chip-ink:#0b0b16;--on-brand:#fff;--error:#ffadcf;--focus:#a78bfa;--r-pebble:14px;--r-stone:20px;--r-boulder:28px;--r-capsule:100px;--r-blob:53% 47% 56% 44% / 48% 55% 45% 52%;--ease:cubic-bezier(.22,.7,.2,1);--current:cubic-bezier(.45,0,.55,1);--jelly:cubic-bezier(.34,1.45,.5,1);--lag:.35s;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--shadow:0 24px 60px -30px #000000a6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.theme-light{--bg:#f5f3fc;--bg2:#ece8f8;--ink:#1b1733;--muted:#59516e;--subtle:#655e77;--cyan:#086e88;--teal:#08796f;--magenta:#a51d91;--violet:#6530bc;--gold:#85530a;--green:#087a56;--purple:#6d4aae;--line:#14102824;--field:#fff9;--surface:#fff;--surface-raised:#e9e4f6;--nav:#f5f3fceb;--reading:#fff;--glass-fill:linear-gradient(165deg,#ffffffe6,#ffffffa6);--glass-brd:linear-gradient(135deg,#ffffffe6,#3c32781a 45%,var(--accent,var(--teal)) 100%);--shimmer:#ffffff8c;--chip-ink:#fff;--error:#aa235a;--focus:#6530bc;--shadow:0 24px 60px -30px #37265a38;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.6 Inter,system-ui,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button{color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}h1,h2,h3,h4,.display,.btn,.nav-item,.brand,.number{font-family:Space Grotesk,sans-serif}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-2.5px;font-size:clamp(34px,4.3vw,60px);font-weight:500;line-height:1.07}h2{letter-spacing:-.9px;font-size:26px;font-weight:500;line-height:1.2}h3{letter-spacing:-.4px;font-size:19px;line-height:1.3}p{color:var(--muted)}small{font-size:12px}svg{vertical-align:middle}.ico{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px}.ambient{z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 87% 4%,#7a4dae2b,transparent 45%),radial-gradient(ellipse at 65% 95%,#1ea0a01a,transparent 48%),linear-gradient(160deg,var(--bg),var(--bg2));position:fixed;inset:0}.grain{z-index:-1;opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.skip{z-index:100;background:var(--surface);padding:12px;position:fixed;top:-100px;left:12px}.skip:focus{top:10px}.reviewbar{background:var(--nav);border-bottom:1px solid var(--line);z-index:30;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);justify-content:space-between;align-items:center;gap:12px;height:44px;padding:0 26px;display:flex;position:sticky;top:0}.review-title{letter-spacing:1.6px;color:var(--subtle);text-transform:uppercase;font-size:10px}.reviewtabs{gap:5px;display:flex}.reviewtabs button{color:var(--muted);background:0 0;border:0;border-radius:100px;padding:5px 13px;font-size:11px}.reviewtabs button.active{background:var(--field);color:var(--ink)}.icon-btn{border:1px solid var(--line);background:var(--field);border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;display:inline-grid}.reviewbar .icon-btn{border:0;width:28px;height:28px}.reviewbar .ico{width:16px;height:16px}.sidebar{background:var(--nav);border-right:1px solid var(--line);z-index:20;flex-direction:column;width:224px;padding:31px 20px 18px;display:flex;position:fixed;top:44px;bottom:0;left:0}.brand{letter-spacing:-.6px;align-items:center;gap:10px;font-size:18px;font-weight:600;line-height:1.06;text-decoration:none;display:flex}.brand small{letter-spacing:1.2px;margin-bottom:3px;font-size:11px;font-weight:400;display:block}.brand-symbol{flex-shrink:0;width:43px;height:43px}.sidebar .brand{margin:0 6px 43px}.nav-label{text-transform:uppercase;letter-spacing:1.7px;color:var(--subtle);margin:25px 12px 9px;font-size:10px}.nav-item{color:var(--muted);border-radius:14px;align-items:center;gap:12px;margin:3px 0;padding:12px 14px;font-size:14px;text-decoration:none;display:flex;position:relative}.nav-item.active{color:var(--ink);background:linear-gradient(95deg,#7a4dae38,#5a5cc014)}.nav-item.active:before{content:"";background:var(--violet);border-radius:4px;width:3px;height:17px;position:absolute;left:0}.nav-item:hover{background:var(--field);color:var(--ink)}.sidebar-bottom{margin-top:auto}.tiny-card{border:1px solid var(--line);background:linear-gradient(135deg,#7a4dae1f,#1ea0a014);border-radius:20px;margin-top:28px;padding:16px}.tiny-card p{margin:7px 0 13px;font-size:11px}.tiny-card .btn{min-height:36px;padding:9px 13px;font-size:11px}.user-menu{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:20px;padding-top:18px;text-decoration:none;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#a07fce,#3f7cc4);border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-family:Space Grotesk;display:grid}.user-menu small{color:var(--subtle);font-size:10px;display:block}.shell{margin-left:224px}.topbar{justify-content:space-between;align-items:center;gap:20px;height:84px;padding:0 42px;display:flex}.topbar-title{color:var(--muted);font-size:12px}.search-compact{color:var(--subtle);border:1px solid var(--line);border-radius:100px;align-items:center;gap:10px;min-width:265px;padding:9px 14px;font-size:12px;text-decoration:none;display:flex}.kbd{border:1px solid var(--line);border-radius:5px;margin-left:auto;padding:1px 5px;font-size:10px}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.wrap{max-width:1180px;margin:auto;padding:15px 42px 64px}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--teal);align-items:center;gap:8px;margin-bottom:16px;font-family:Space Grotesk;font-size:10px;font-weight:600;display:flex}.eyebrow.purple{color:var(--violet)}.dot{border:1px solid;border-radius:50%;width:6px;height:6px;display:inline-block}.intro{margin-bottom:30px}.intro h1{margin-bottom:12px;font-size:42px}.intro p{max-width:660px}.btn{min-height:46px;transition:transform .25s var(--jelly),box-shadow .25s;white-space:normal;border:1px solid #0000;border-radius:100px;justify-content:center;align-items:center;gap:10px;padding:11px 22px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.btn.primary{background:var(--grad);color:#fff;isolation:isolate;position:relative}.btn.primary:before{content:"";border-radius:inherit;z-index:-1;background:#0608173b;position:absolute;inset:0}.btn.light{color:#171326;background:#f4f3ff}.btn.secondary{border-color:var(--line);background:var(--field)}.btn.ghost{color:var(--muted);background:0 0;padding-left:0;padding-right:0}.btn.small{min-height:36px;padding:8px 14px;font-size:11px}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.96,.94)}.btn .ico{width:16px;height:16px}.text-link{color:var(--teal);background:0 0;border:0;align-items:center;gap:8px;font-size:12px;text-decoration:none;display:inline-flex}.text-link .ico{width:16px}.glass{border-radius:var(--r-boulder);background:var(--glass-fill);-webkit-backdrop-filter:blur(24px)saturate(150%);transform-style:preserve-3d;transition:transform .45s var(--ease),box-shadow .45s var(--ease);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff29,0 24px 60px -30px #000000d9,0 8px 24px -18px #0000008c}.glass:before{content:"";border-radius:inherit;background:var(--glass-brd);-webkit-mask-composite:xor;pointer-events:none;padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass .glow,.glass .shimmer{pointer-events:none;position:absolute}.glass .glow{background:radial-gradient(360px at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--accent,var(--teal)) 12%,transparent),transparent 60%);opacity:0;transition:opacity .3s;inset:0}.glass:hover .glow{opacity:1}.glass .shimmer{background:linear-gradient(105deg,transparent,var(--shimmer),transparent);transition:transform .9s var(--ease);inset:0;transform:translate(-150%)skew(-16deg)}.glass:hover .shimmer{transform:translate(150%)skew(-16deg)}.hero{background:radial-gradient(ellipse at 90% 40%,#5a5cc038,transparent 60%),var(--glass-fill);--accent:var(--violet);grid-template-columns:1.15fr 1fr;min-height:320px;padding:36px 38px;display:grid}.hero h1{max-width:470px;margin:0 0 16px;font-size:clamp(36px,3.6vw,54px)}.hero h1 em{color:#b8a0ec;font-style:normal}.theme-light .hero h1 em{color:var(--purple)}.hero p{max-width:340px;margin-bottom:24px;font-size:13px}.hero-meta{color:var(--muted);align-items:center;gap:13px;margin-bottom:22px;font-size:11px;display:flex}.chip{border:1px solid var(--line);background:var(--field);color:var(--muted);border-radius:100px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;line-height:1.5;display:inline-flex}.chip.green{color:var(--teal);background:color-mix(in srgb,var(--teal) 9%,transparent);border-color:color-mix(in srgb,var(--teal) 24%,transparent)}.chip.purple{color:var(--violet);background:color-mix(in srgb,var(--violet) 10%,transparent)}.hero-art{place-items:center;min-height:245px;display:grid;position:relative}.hero-art>svg{filter:drop-shadow(0 20px 30px #00000038);width:100%;height:290px}.floating-label{background:var(--nav);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow);border:1px solid #fff3;border-radius:100px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;display:flex;position:absolute}.float-one{top:15px;right:0;transform:rotate(7deg)}.float-two{bottom:15px;left:0;transform:rotate(-7deg)}.floating-label .ico{color:var(--teal);width:15px;height:15px}.hero .btn{position:relative}.section-head{justify-content:space-between;align-items:end;gap:18px;margin:34px 0 17px;display:flex}.section-head h2{font-size:22px}.section-head p{margin-top:5px;font-size:12px}.continue-row{grid-template-columns:1.2fr 1fr;gap:16px;display:grid}.continue-card{border:1px solid var(--line);background:var(--field);border-radius:20px;align-items:center;gap:20px;padding:20px 22px;text-decoration:none;display:flex}.mini-art{background:linear-gradient(135deg,#7a4dae4d,#3f7cc426);border-radius:16px;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid}.mini-art .ico{width:30px;height:30px;color:var(--violet)}.continue-card h3{margin:3px 0 8px;font-size:15px}.continue-card small{color:var(--subtle);font-size:10px}.progress{background:var(--line);border-radius:100px;height:5px;margin:10px 0 0;overflow:hidden}.progress>i{background:var(--grad-soft);border-radius:inherit;height:100%;transition:width .4s var(--ease);display:block}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.topic-card{border:1px solid var(--line);background:var(--glass-fill);transition:transform .35s var(--jelly),box-shadow .35s;border-radius:20px;position:relative;overflow:hidden}.topic-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.topic-card>a{text-decoration:none;display:block}.poster{background:var(--poster-bg,#292148);justify-content:center;align-items:center;height:186px;display:flex;position:relative;overflow:hidden}.poster svg{width:100%;height:100%;transition:transform .5s var(--jelly)}.topic-card:hover .poster svg{transform:scale(1.04)rotate(-2deg)}.poster-label{z-index:1;color:#f4f3ff;letter-spacing:1.8px;text-transform:uppercase;font-size:9px;position:absolute;top:17px;left:17px}.poster-num{color:#f4f3ff7a;font-family:Space Grotesk;font-size:40px;line-height:1;position:absolute;bottom:9px;right:17px}.card-copy{padding:18px 18px 16px}.card-copy h3{min-height:44px;margin:9px 0 7px;font-size:17px}.card-copy p{min-height:36px;font-size:11px}.card-foot{color:var(--subtle);justify-content:space-between;align-items:center;margin-top:18px;font-size:10px;display:flex}.bookmark{z-index:3;color:#fff;background:#0a091759;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:12px;right:12px}.bookmark .ico{width:14px;height:14px}.bookmark.on{background:#17a877}.filter-row{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.filter{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:100px;min-height:40px;padding:8px 15px;font-size:12px}.filter.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.bottom-note{color:var(--subtle);justify-content:space-between;align-items:center;padding-top:42px;font-size:10px;display:flex}.bottom-note .brand-symbol{width:24px;height:24px}.heading-line{justify-content:space-between;align-items:start;gap:20px;display:flex}.page-hero{padding:30px 0}.page-hero p{max-width:580px;margin-top:14px}.two-col{grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:24px;display:grid}.panel{border:1px solid var(--line);background:var(--glass-fill);border-radius:24px;padding:26px}.panel h3{margin-bottom:12px}.panel p{font-size:13px}.stack>*+*{margin-top:16px}.lesson-list{margin:0;padding:0;list-style:none}.lesson-list li{border-bottom:1px solid var(--line)}.lesson-list a,.lesson-list button{text-align:left;background:0 0;border:0;align-items:center;gap:16px;width:100%;padding:20px 0;text-decoration:none;display:flex}.lesson-list li:last-child{border:0}.lesson-list .num{border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-family:Space Grotesk;font-size:13px;display:grid}.lesson-list strong{font-weight:500;display:block}.lesson-list small{color:var(--subtle)}.lesson-list .ico:last-child{margin-left:auto}.lesson-list .done .num{color:var(--teal);border-color:var(--teal)}.breadcrumb{color:var(--muted);align-items:center;gap:10px;margin-bottom:20px;font-size:11px;display:flex}.breadcrumb a{text-decoration:none}.breadcrumb .ico{width:12px}.lesson-layout{grid-template-columns:185px minmax(0,1fr);gap:30px;display:grid}.lesson-steps{align-self:start;position:sticky;top:70px}.lesson-steps button{width:100%;color:var(--muted);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:12px 0;font-size:12px;display:flex}.lesson-steps button.active{color:var(--teal)}.lesson-steps span{border:1px solid var(--line);border-radius:50%;place-items:center;width:25px;height:25px;font-family:Space Grotesk;font-size:10px;display:grid}.lesson-body{background:var(--reading);border:1px solid var(--line);border-radius:28px;max-width:760px;padding:38px}.lesson-body h1{letter-spacing:-1.5px;margin:15px 0 23px;font-size:37px;line-height:1.15}.lesson-body p{margin:16px 0;font-size:15px;line-height:1.85}.lesson-body h2{margin:28px 0 12px;font-size:23px}.lesson-body .lead{color:var(--ink);font-size:19px}.callout{background:color-mix(in srgb,var(--violet) 10%,transparent);border:1px solid color-mix(in srgb,var(--violet) 22%,transparent);border-radius:20px;margin:24px 0;padding:23px}.callout p{font-size:14px;margin:6px 0!important}.compare{grid-template-columns:1fr 1fr;gap:14px;margin:22px 0;display:grid}.compare>div{border:1px solid var(--line);border-radius:20px;padding:20px}.compare>div:last-child{border-color:color-mix(in srgb,var(--teal) 50%,transparent);background:color-mix(in srgb,var(--teal) 5%,transparent)}.compare small{letter-spacing:1px;text-transform:uppercase;color:var(--subtle);font-size:9px}.compare p{font-size:14px}.lesson-actions{border-top:1px solid var(--line);justify-content:space-between;gap:12px;margin-top:25px;padding-top:22px;display:flex}.field{margin-bottom:19px;display:block}.field>span,.field>label{color:var(--ink);margin-bottom:8px;font-size:12px;display:block}.field input,.field textarea,.field select,.search-input{border:1px solid var(--line);background:var(--field);width:100%;color:var(--ink);outline-offset:3px;border-radius:14px;min-height:48px;padding:13px 15px}.field textarea{resize:vertical;min-height:130px}.field small{color:var(--subtle);margin-top:6px;font-size:11px;display:block}.field input:focus,.field textarea:focus{box-shadow:0 0 0 4px #5a5cc024}.error{font-size:12px;color:var(--error)!important;margin:10px 0!important}.success-text{color:var(--teal)!important}.answer{text-align:left;border:1px solid var(--line);background:var(--field);width:100%;color:var(--muted);border-radius:16px;align-items:center;gap:13px;margin:10px 0;padding:17px;display:flex}.answer span{border:1px solid var(--line);border-radius:8px;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.answer.selected{border-color:var(--violet);background:color-mix(in srgb,var(--violet) 10%,transparent);color:var(--ink)}.answer.correct{border-color:var(--teal)}.success-page{text-align:center;padding:35px 0}.success-page h1{margin:23px 0 16px}.success-page>p{max-width:460px;margin:auto}.success-medal{border-radius:var(--r-blob);width:130px;height:130px;animation:celebrate .7s var(--jelly);background:radial-gradient(circle at 30% 20%,#7b86d6,#5a5cc0 50%,#17a877);place-items:center;margin:auto;display:grid;box-shadow:0 0 80px #5a5cc040}.success-medal .ico{color:#fff;stroke-width:1.3px;width:58px;height:58px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0;display:grid}.stat{border:1px solid var(--line);background:var(--glass-fill);border-radius:20px;padding:24px}.stat .number{font-size:34px;line-height:1.2}.stat p{margin-top:6px;font-size:11px}.success-page .stat-grid{max-width:600px;margin:28px auto}.search-large{margin:24px 0;position:relative}.search-large .ico{color:var(--subtle);position:absolute;top:20px;left:20px}.search-large input{border-radius:20px;padding:18px 20px 18px 53px;font-size:17px}.search-result{border-bottom:1px solid var(--line);padding:25px 0;text-decoration:none;display:block}.search-result h3{margin:9px 0}.search-result p{max-width:660px;font-size:13px}.empty{text-align:center;border:1px dashed var(--line);border-radius:24px;padding:50px 25px}.empty .ico{width:42px;height:42px;color:var(--violet);margin-bottom:18px}.empty p{max-width:390px;margin:12px auto 20px}.settings-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.settings-row p{margin-top:4px;font-size:12px}.toggle{border:1px solid var(--line);background:var(--surface-raised);border-radius:100px;flex-shrink:0;width:48px;height:28px;padding:3px}.toggle i{width:20px;height:20px;transition:transform .3s var(--jelly);background:#fff;border-radius:50%;display:block;box-shadow:0 2px 7px #0003}.toggle[aria-checked=true]{background:var(--brand-indigo)}.toggle[aria-checked=true] i{transform:translate(19px)}.badge-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.badge-item{text-align:center;border:1px solid var(--line);border-radius:20px;padding:24px 16px}.badge-item .ico{width:35px;height:35px;color:var(--violet);margin-bottom:15px}.badge-item p{margin-top:6px;font-size:10px}.board-row{border-bottom:1px solid var(--line);grid-template-columns:36px 40px 1fr 80px;align-items:center;gap:15px;padding:19px 12px;display:grid}.board-row small{color:var(--muted)}.board-row strong{font-weight:500}.board-row.mine{background:color-mix(in srgb,var(--violet) 9%,transparent);border-radius:14px}.board-row .score{text-align:right;font-family:Space Grotesk;font-size:18px}.auth-top{justify-content:space-between;align-items:center;padding:26px 5%;display:flex}.auth-wrap{grid-template-columns:1.15fr 1fr;align-items:center;gap:90px;max-width:1120px;margin:35px auto 60px;padding:0 34px;display:grid}.auth-story h1{max-width:500px;font-size:64px}.auth-story h1 em{color:var(--violet);font-style:normal}.auth-story>p{max-width:370px;margin-top:22px}.auth-story .hero-art{max-width:400px;margin-top:20px}.auth-card{padding:35px}.auth-card h2{margin-bottom:12px;font-size:29px}.auth-card>p{margin-bottom:25px;font-size:13px}.auth-card .btn{width:100%;margin:7px 0}.divider{color:var(--subtle);align-items:center;gap:12px;margin:20px 0;font-size:10px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.fine{line-height:1.7;color:var(--subtle)!important;margin-top:15px!important;font-size:10px!important}.onboard{max-width:900px;margin:24px auto 65px;padding:0 28px}.onboard-head{text-align:center;margin:30px 0}.onboard-head h1{margin:18px 0 13px;font-size:46px}.onboard-head p{font-size:14px}.step-dots{justify-content:center;gap:8px;margin:20px;display:flex}.step-dots i{border:1.5px solid var(--subtle);border-radius:50%;width:8px;height:8px}.step-dots i.done{border-color:var(--teal);background:var(--teal)}.step-dots i.active{border-color:var(--teal);box-shadow:0 0 0 4px color-mix(in srgb,var(--teal) 10%,transparent);transform:scale(1.25)}.choice-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0;display:grid}.choice{border:1px solid var(--line);text-align:left;background:var(--glass-fill);transition:transform .3s var(--jelly),border-color .3s;border-radius:22px;min-height:145px;padding:25px 22px;position:relative}.choice:hover{border-color:var(--violet);transform:translateY(-4px)}.choice.selected{border-color:var(--teal);background:color-mix(in srgb,var(--teal) 7%,var(--field))}.choice .check{border:1px solid var(--line);color:#0000;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:14px;right:15px}.choice.selected .check{background:var(--teal);color:var(--bg);border-color:var(--teal)}.choice>.ico{width:32px;height:32px;color:var(--violet);margin-bottom:20px}.choice strong{font-family:Space Grotesk;font-size:17px;font-weight:500;display:block}.choice small{color:var(--muted);margin-top:7px;font-size:11px;display:block}.onboard-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:24px 0;display:flex}.onboard .form-box{max-width:480px;margin:35px auto}.onboard .choice-grid.two{grid-template-columns:repeat(2,1fr);max-width:650px;margin:32px auto}.ready-path{text-align:left;max-width:500px;margin:30px auto}.ready-path .lesson-list a{padding:15px 0}.flow-map{gap:24px;margin-top:32px;display:grid}.flow-lane{border:1px solid var(--line);background:var(--glass-fill);border-radius:24px;padding:25px}.flow-lane h3{margin-bottom:18px;font-size:16px}.flow-nodes{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.flow-node{border:1px solid var(--line);background:var(--field);border-radius:14px;flex:1;min-width:120px;padding:13px 16px;font-size:11px;text-decoration:none;transition:transform .2s}.flow-node:hover{border-color:var(--teal);transform:translateY(-3px)}.flow-node small{color:var(--subtle);margin-top:4px;font-size:9px;display:block}.flow-node .ico{width:15px;height:15px;color:var(--teal);margin-bottom:10px}.flow-arrow{color:var(--subtle);align-self:center;font-size:13px}.flow-lane>p{margin-top:17px;font-size:11px}.system-hero{grid-template-columns:1fr 230px;gap:30px;padding:30px 0;display:grid}.system-hero h1{font-size:58px}.system-hero p{max-width:620px;margin-top:18px}.system-hero .brand-symbol{width:200px;height:200px}.swatches{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.swatch{border:1px solid var(--line);border-radius:18px;overflow:hidden}.swatch i{height:100px;display:block}.swatch span{padding:13px 13px 0;font-size:11px;display:block}.swatch code{color:var(--subtle);padding:0 13px 13px;font-size:10px;display:block}.system-section{margin:45px 0}.system-section>h2{margin-bottom:12px}.system-section>p{max-width:720px;margin-bottom:23px;font-size:13px}.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.specimen{border:1px solid var(--line);background:var(--glass-fill);border-radius:24px;padding:25px}.specimen>.eyebrow{color:var(--subtle);margin-bottom:22px}.type-large{letter-spacing:-1.7px;margin-bottom:20px;font-family:Space Grotesk;font-size:42px;line-height:1.1}.token-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:12px 0;font-size:12px;display:flex}.token-row code{color:var(--subtle);font-size:10px}.state-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.state-row .btn{margin-bottom:9px}.motion-demo{border-radius:var(--r-blob);background:var(--grad);width:80px;height:80px;animation:figure8 8s var(--current) infinite;box-shadow:var(--shadow);margin:25px auto}.radii-row{flex-wrap:wrap;gap:14px;display:flex}.radius-demo{border:1px solid var(--violet);background:color-mix(in srgb,var(--violet) 8%,transparent);place-items:center;width:75px;height:65px;font-size:11px;display:grid}.skeleton{background:var(--line);border-radius:100px;height:14px;margin:12px 0;animation:2s ease-in-out infinite fade}.skeleton:nth-child(2){width:80%}.skeleton:nth-child(3){width:55%}.mobile-nav{display:none}.notice{background:color-mix(in srgb,var(--violet) 8%,transparent);border:1px solid var(--line);color:var(--muted);border-radius:14px;margin:18px 0;padding:14px 18px;font-size:12px}.dialog-content{padding:30px}.dialog-content h2{margin-bottom:14px}.dialog-content p{margin-bottom:18px;font-size:13px}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:28px;width:calc(100% - 32px);max-width:520px;padding:0;box-shadow:0 30px 120px #0006}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05050fa6}.dialog-close{float:right;margin:-10px -10px 8px 10px}#toast{border:1px solid var(--line);background:var(--surface-raised);max-width:calc(100% - 32px);color:var(--ink);box-shadow:var(--shadow);z-index:100;opacity:0;pointer-events:none;border-radius:16px;padding:13px 22px;font-size:12px;transition:all .25s;position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px)}#toast.show{opacity:1;transform:translate(-50%)}.document-links{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.lesson-preview{padding:25px 0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.source-note{border-top:1px solid var(--line);padding-top:15px;font-size:10px!important}.mount{animation:enter .35s var(--ease)}.feedback{border:1px solid var(--line);background:color-mix(in srgb,var(--teal) 6%,transparent);border-radius:16px;margin:18px 0;padding:18px}.feedback p{margin:6px 0;font-size:13px}.flow-legend{color:var(--muted);flex-wrap:wrap;gap:15px;font-size:11px;display:flex}.note-card{border:1px solid var(--line);border-radius:20px;margin-bottom:15px;padding:23px}.note-card p{white-space:pre-wrap;margin:12px 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:14px}th{color:var(--subtle);font-size:10px;font-weight:500}.list-check{color:var(--muted);padding-left:20px;font-size:13px;line-height:2}.card-lock{opacity:.65}.prototype-foot{text-align:center;color:var(--subtle);margin:30px 0;font-size:10px}.currd svg{width:220px;height:70px}.currd path{fill:none;stroke-width:2.2px;stroke-linecap:round}.stepper{gap:8px;margin:24px 0;display:flex}.stepper span{background:var(--line);border-radius:10px;flex:1;height:4px}.stepper span.on{background:var(--grad-soft)}@keyframes figure8{0%,to{transform:translate(0)rotate(-6deg)}25%{transform:translate(9px,-6px)rotate(0)}50%{transform:translateY(-12px)rotate(6deg)}75%{transform:translate(-9px,-5px)rotate(0)}}@keyframes celebrate{0%{opacity:0;transform:scale(.65)rotate(-15deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{50%{opacity:.45}}@media (min-width:1600px){.wrap{padding-top:30px}.hero{min-height:380px}.hero-art>svg{height:330px}.poster{height:220px}}@media (max-width:1150px){.sidebar{width:195px;padding:27px 13px}.shell{margin-left:195px}.wrap{padding-left:28px;padding-right:28px}.topbar{padding:0 28px}.hero{padding:28px}.hero h1{font-size:40px}.hero-art>svg{height:240px}.hero-art{min-height:220px}.poster{height:155px}.auth-wrap{gap:40px}.auth-story h1{font-size:53px}.lesson-layout{grid-template-columns:140px 1fr;gap:20px}.lesson-body{padding:28px}}@media (max-width:850px){.sidebar{width:78px;padding:25px 12px}.sidebar .brand{margin:0 5px 28px}.sidebar .brand>span,.sidebar .nav-label,.sidebar .nav-item>span,.sidebar .tiny-card,.sidebar .user-menu>div:not(.avatar){display:none}.sidebar .nav-item{justify-content:center;padding:15px 0}.sidebar .brand-symbol{width:40px}.sidebar .user-menu{justify-content:center}.shell{margin-left:78px}.hero{grid-template-columns:1.3fr 1fr;gap:0}.hero-art>svg{height:220px}.floating-label{padding:8px;font-size:9px}.cards{gap:12px}.card-copy{padding:14px}.card-copy h3{font-size:15px}.continue-row,.two-col,.lesson-layout{grid-template-columns:1fr}.lesson-steps{flex-wrap:wrap;gap:12px;display:flex;position:static}.lesson-steps button{width:auto}.auth-wrap{gap:25px}.auth-story h1{font-size:43px}.auth-card{padding:25px}.system-hero{grid-template-columns:1fr 150px}.system-hero .brand-symbol{width:140px;height:140px}.system-hero h1{font-size:45px}.flow-nodes{gap:7px}.flow-arrow{display:none}.flow-node{min-width:135px}.stat{padding:20px}.topbar-title{display:none}}@media (max-width:600px){.reviewbar{height:43px;padding:0 12px}.review-title{letter-spacing:1px;font-size:8px}.reviewtabs{gap:0}.reviewtabs button{padding:6px 8px;font-size:10px}.sidebar{display:none}.shell{margin-left:0}.topbar{height:65px;padding:0 20px}.topbar .search-compact{flex:1;min-width:0;padding:8px 12px;font-size:11px}.topbar .search-compact .kbd{display:none}.topbar>.row{gap:8px}.wrap{padding:12px 20px 115px}.hero{grid-template-columns:1fr;min-height:auto;padding:27px 25px 18px}.hero h1{letter-spacing:-1.8px;max-width:330px;font-size:42px}.hero p{max-width:300px;font-size:12px}.hero-art{min-height:190px;margin:0 15px}.hero-art>svg{max-width:300px;height:210px}.float-one{top:18px;right:-5px}.float-two{bottom:13px;left:0}.hero .eyebrow{font-size:9px}.hero-meta{margin-bottom:18px}.hero .btn{width:100%}.section-head{margin-top:29px}.section-head h2{font-size:20px}.section-head p{font-size:11px}.section-head .text-link{font-size:10px}.cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cards .topic-card:last-child:nth-child(odd){grid-column:auto}.poster{height:135px}.poster-label{letter-spacing:1px;font-size:7px;top:14px;left:12px}.poster-num{font-size:29px}.bookmark{width:28px;height:28px;top:8px;right:8px}.card-copy{padding:13px 12px}.card-copy h3{min-height:58px;font-size:15px}.card-copy p{min-height:48px;font-size:10px}.card-foot{gap:5px;font-size:9px}.card-copy .chip{padding:3px 7px;font-size:8px}.continue-card{gap:14px;padding:16px}.mini-art{width:49px;height:49px}.continue-card h3{font-size:14px}.intro h1{font-size:35px}.intro p{font-size:13px}.mobile-nav{background:var(--nav);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid var(--line);z-index:25;padding:10px 8px max(10px,env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:5px;min-width:50px;font-size:9px;text-decoration:none;display:flex}.mobile-nav a.active{color:var(--teal)}.mobile-nav .ico{width:20px;height:20px}.bottom-note{gap:10px;font-size:9px}.auth-top{padding:23px}.auth-top .brand{font-size:16px}.auth-top .brand-symbol{width:35px}.auth-wrap{margin:20px auto;padding:0 22px;display:block}.auth-story{display:none}.auth-card{padding:29px 25px}.auth-card h2{font-size:30px}.onboard{margin-top:18px;padding:0 22px}.onboard-head h1{letter-spacing:-1.4px;font-size:35px}.onboard-head p{font-size:12px}.choice-grid{grid-template-columns:1fr 1fr;gap:12px}.choice{min-height:150px;padding:21px 17px}.choice strong{font-size:15px}.choice small{font-size:10px}.choice>.ico{width:27px;height:27px}.onboard-footer .btn{padding:10px 16px;font-size:12px}.choice-grid.two{grid-template-columns:1fr!important}.choice-grid.two .choice{min-height:115px}.choice-grid.two .choice>.ico{float:left;margin:10px 20px 10px 0}.lesson-body{border-radius:22px;padding:25px 21px}.lesson-body h1{font-size:30px}.lesson-body p{font-size:14px}.lesson-body .lead{font-size:17px}.compare{grid-template-columns:1fr}.lesson-actions{flex-wrap:wrap}.lesson-actions .btn{flex:1}.lesson-steps button{font-size:10px}.lesson-steps{gap:9px}.lesson-steps span{width:20px;height:20px}.stat-grid{gap:9px}.stat{padding:18px 12px}.stat .number{font-size:27px}.stat p{font-size:9px}.badge-grid{grid-template-columns:1fr 1fr}.badge-item{padding:20px 12px}.board-row{grid-template-columns:23px 33px 1fr 52px;gap:10px;padding:17px 4px}.board-row .avatar{width:32px;height:32px;font-size:12px}.board-row strong{font-size:12px}.board-row small{font-size:10px}.board-row .score{font-size:16px}.spec-grid{grid-template-columns:1fr}.system-hero{padding-top:20px;display:block}.system-hero .brand-symbol{display:none}.system-hero h1{font-size:45px}.system-hero p{font-size:13px}.swatches{grid-template-columns:repeat(3,1fr);gap:9px}.swatch i{height:65px}.swatch span,.swatch code{padding-left:9px;padding-right:9px;font-size:9px}.flow-lane{padding:20px}.flow-node{min-width:105px;font-size:10px}.filter-row{gap:6px}.filter{min-height:36px;padding:7px 12px;font-size:10px}.panel{padding:22px}.heading-line{flex-wrap:wrap}.search-large input{font-size:14px}.success-page h1{font-size:38px}.search-compact>.ico{width:16px}.topbar .icon-btn{width:35px;height:35px}#toast{bottom:83px}.system-section{margin:34px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html[data-motion=off] *,html[data-motion=off] :before,html[data-motion=off] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media print{.sidebar,.topbar,.reviewbar,.mobile-nav,.ambient,.grain,.bottom-note{display:none}.shell{margin:0}.wrap{max-width:none;padding:0}.flow-lane,.specimen,.system-section{break-inside:avoid}body{color:#000;background:#fff}.flow-node,p{color:#333}.glass{box-shadow:none}}#main:focus{outline:none}@media (max-width:600px){.hero h1{letter-spacing:-1.5px;font-size:36px}.hero-art>svg{height:190px}.review-title .desktop-only{display:none}}
body:not(.has-envbar) .sidebar{top:0}.reviewtabs a{color:var(--muted);background:0 0;border:0;border-radius:100px;padding:5px 13px;font-size:11px;text-decoration:none}.reviewtabs a:hover{background:var(--field);color:var(--ink)}@media (max-width:600px){.reviewtabs a{padding:6px 8px;font-size:10px}.desktop-only{display:none}}.field.invalid input,.field.invalid textarea,.field.invalid select{border-color:var(--error)}.field-error{color:var(--error);margin-top:6px;font-size:11px;display:block}.save-status{color:var(--subtle);align-items:center;gap:8px;min-height:18px;font-size:11px;display:flex}.save-status.warn{color:var(--error)}.save-status.ok{color:var(--teal)}.checkbox-row{color:var(--muted);align-items:flex-start;gap:10px;margin:18px 0;font-size:12px;display:flex}.checkbox-row input{width:16px;height:16px;accent-color:var(--brand-indigo);margin-top:3px}.conflict-grid{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}.conflict-grid pre{white-space:pre-wrap;color:var(--muted);border:1px solid var(--line);border-radius:14px;max-height:220px;margin:6px 0 10px;padding:12px;font:12px/1.6 Inter,system-ui,sans-serif;overflow:auto}@media (max-width:600px){.conflict-grid{grid-template-columns:1fr}}.answer.wrong{border-color:var(--error)}.feedback.revisit{background:color-mix(in srgb, var(--violet) 7%, transparent)}.inline-note{color:var(--muted);margin:10px 0;font-size:12px}.chip.warn{color:var(--error);border-color:color-mix(in srgb, var(--error) 35%, transparent)}.status-list{margin:0;padding:0;list-style:none}.status-list li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:13px;display:flex}.status-list li:last-child{border-bottom:0}.staff-nav{flex-wrap:wrap;gap:8px;margin:0 0 24px;display:flex}.staff-nav a{border:1px solid var(--line);color:var(--muted);border-radius:100px;padding:7px 14px;font-size:12px;text-decoration:none}.staff-nav a.active,.staff-nav a:hover{color:var(--ink);background:var(--field)}.staff-table td,.staff-table th{vertical-align:top}.staff-table td .row{flex-wrap:wrap;gap:6px}.staff-form textarea{min-height:90px}.staff-form .grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:850px){.staff-form .grid-2{grid-template-columns:1fr}}.side-by-side{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (max-width:1150px){.side-by-side{grid-template-columns:1fr}}.mono{color:var(--subtle);word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.kv{grid-template-columns:160px 1fr;gap:6px 14px;font-size:12px;display:grid}.kv dt{color:var(--subtle)}.kv dd{color:var(--ink);margin:0}.lesson-body p+p{margin-top:14px}.lesson-body p{font-size:15px;line-height:1.85}.lesson-body .lead{line-height:1.6}.answer-list{margin-top:8px}.lesson-list li.planned button{cursor:pointer}.skeleton-block{border:1px solid var(--line);border-radius:20px;padding:24px}.eyebrow,.avatar,.poster-num,.lesson-list .num,.lesson-steps span,.choice strong,.board-row .score,.type-large{font-family:Space Grotesk,system-ui,sans-serif}@media (max-width:600px){.reviewbar{gap:6px}.review-title{display:none}.reviewtabs{white-space:nowrap;scrollbar-width:none;flex:1;overflow-x:auto}}.play-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.play-tile{flex-direction:column;gap:14px;min-width:0;text-decoration:none;transition:transform .2s;display:flex}.play-tile:hover{border-color:var(--teal);transform:translateY(-4px)}.play-tile h2{font-size:25px}.play-tile p{flex:1}.play-tile-art{min-height:155px;color:var(--violet);background:color-mix(in srgb,var(--violet) 10%,transparent);border-radius:20px;justify-content:space-between;align-items:center;padding:25px;display:flex}.play-tile-art .ico{width:65px;height:65px}.play-tile-art>span{opacity:.5;font-family:Space Grotesk,sans-serif;font-size:64px}.play-tile-1 .play-tile-art{color:var(--teal);background:color-mix(in srgb,var(--teal) 10%,transparent)}.play-tile-2 .play-tile-art{color:var(--ink);background:var(--field)}.play-help{justify-content:space-between;align-items:center;gap:22px;margin:28px 0;display:flex}.play-help h2{margin-bottom:10px}.play-help .btn{flex-shrink:0}.play-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.play-topline{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:18px;font-size:12px;display:flex}.play-section-title{margin-top:30px;display:block}.faq-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.faq-choices{gap:10px;margin-top:18px;display:grid}.faq-choice{text-align:left;border:1px solid var(--line);background:var(--field);color:var(--ink);font:inherit;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:16px;font-size:14px;display:flex}.faq-choice.selected{border-color:var(--teal)}.faq-answer{border-left:3px solid var(--teal);background:color-mix(in srgb,var(--teal) 5%,transparent);border-radius:14px;margin-top:25px;padding:24px}.faq-answer h2{margin:12px 0;font-size:23px}.faq-answer p{margin-bottom:18px;font-size:16px;line-height:1.8}.faq-results h2{margin-top:24px;font-size:20px}.joining-steps{margin:24px 0 0;padding:0;list-style:none}.joining-steps li{gap:16px;margin-bottom:24px;display:flex}.joining-steps h3{margin-bottom:6px;font-size:17px}.step-number{border:1px solid var(--teal);width:36px;height:36px;color:var(--teal);border-radius:50%;flex-shrink:0;place-items:center;font-family:Space Grotesk,sans-serif;display:grid}.challenge-start,.challenge-card,.challenge-finish{max-width:850px;margin-inline:auto}.challenge-start .field{margin:24px 0}.challenge-card h2{margin:30px 0;font-size:clamp(24px,3vw,34px);line-height:1.35}.challenge-card .answer{min-height:66px;font-size:16px}.challenge-card .answer:disabled{opacity:1;cursor:default}.challenge-card .feedback p{font-size:15px;line-height:1.75}.round-badge{background:var(--grad-soft);width:82px;height:82px;color:var(--ink);border-radius:24px;place-items:center;margin-bottom:22px;font-size:40px;animation:.4s ease-out celebrate;display:grid}.round-score{color:var(--teal);margin:18px 0;font-size:25px}.round-review{margin-top:24px;padding:0;list-style:none}.round-review li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px 0;display:flex}.round-review a{color:var(--ink)}.round-review span{color:var(--teal)}.journey-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.journey-fields .field{margin:0}.journey-fields textarea{resize:vertical;min-height:90px}.journey-map{gap:20px;margin:24px 0;display:grid}.journey-heading{align-items:center;gap:14px;margin-bottom:12px;display:flex}.journey-heading h2{font-size:24px}.journey-example{background:var(--field);border-radius:14px;margin:18px 0 24px;padding:14px}.journey-example strong{color:var(--teal);margin-bottom:6px;font-size:11px;display:block}.watch-jumps{flex-wrap:wrap;gap:9px;margin:20px 0 32px;display:flex}.watch-jumps a{border:1px solid var(--line);border-radius:100px;padding:9px 13px;font-size:12px;text-decoration:none}.watch-collection{margin:35px 0;scroll-margin-top:30px}.watch-collection>h2{margin-bottom:18px}.watch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.watch-card{flex-direction:column;gap:16px;text-decoration:none;display:flex}.watch-card h3{flex:1;font-size:21px}.watch-card:hover{border-color:var(--teal)}.explainer{border:1px solid var(--line);background:var(--glass-fill);border-radius:26px;overflow:hidden}.explainer-stage{background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--violet) 18%,transparent),transparent),radial-gradient(ellipse at bottom left,color-mix(in srgb,var(--teal) 12%,transparent),transparent);flex-direction:column;justify-content:center;align-items:flex-start;min-height:420px;padding:44px;display:flex;position:relative}.explainer-orbit{border:1px solid var(--line);color:var(--teal);border-radius:20px;margin-bottom:24px;padding:14px}.explainer-orbit .ico{width:32px;height:32px}.explainer-stage[data-playing=true] .explainer-orbit{animation:figure8 8s var(--current) infinite}.explainer-frame{animation:.5s ease-out enter}.explainer-frame>p{color:var(--ink);max-width:850px;margin:16px 0 32px;font-family:Space Grotesk,sans-serif;font-size:clamp(23px,3vw,34px);line-height:1.5}.explainer-brand{color:var(--muted);margin-top:auto;font-size:11px}.explainer-controls{border-top:1px solid var(--line);padding:22px 28px}.explainer-parts{gap:8px;margin-bottom:20px;display:flex}.explainer-parts button{background:var(--line);cursor:pointer;border:0;border-radius:8px;flex:1;min-width:24px;height:28px}.explainer-parts button.on{background:var(--grad-soft)}.explainer-transcript{margin-top:24px}.explainer-transcript summary{cursor:pointer;font-size:18px}.explainer-transcript p{margin-top:18px;line-height:1.8}.video-panel{margin-bottom:24px}.video-panel video{background:var(--surface);border-radius:16px;width:100%;max-height:620px;margin-top:20px}@media (max-width:1050px){.play-grid,.watch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-layout{grid-template-columns:1fr}}@media (max-width:600px){.play-grid,.watch-grid,.journey-fields{grid-template-columns:1fr}.play-help{flex-direction:column;align-items:flex-start}.play-tile-art{min-height:100px}.explainer-stage{min-height:380px;padding:24px}.explainer-controls{padding:18px}.play-actions .btn{flex:1}.challenge-card .answer{font-size:14px}.faq-answer{padding:18px}}@media (prefers-reduced-motion:reduce){.explainer-frame,.explainer-orbit,.round-badge{animation:none!important}.play-tile{transition:none}.play-tile:hover{transform:none}}.video-panel video{aspect-ratio:16/9;height:auto;display:block}.portfolio-reading{overflow-wrap:anywhere;font-size:17px;line-height:1.75}.portfolio-reading h2{margin-top:2.5rem;font-size:1.55rem}.portfolio-reading h3{margin-top:1.75rem;font-size:1.2rem}.portfolio-reading p,.portfolio-reading ul,.portfolio-reading ol{margin:1rem 0}.portfolio-reading li{margin:.6rem 0}.portfolio-reading table{border-collapse:collapse;width:100%;font-size:15px}.portfolio-reading th,.portfolio-reading td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.7rem}.portfolio-reading blockquote{border-left:3px solid var(--teal);margin:1rem 0;padding:.5rem 1rem}.portfolio-reading a{color:var(--teal);text-decoration:underline}#worksheet,#scenarios,#worked-response,#lesson{scroll-margin-top:5rem}#portfolio-draft{background:var(--field);color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:12px;margin:.75rem 0;padding:1rem}#scenarios fieldset{border:1px solid var(--line);border-radius:16px;min-width:0}#scenarios legend{padding:0 .5rem;font-weight:600}#scenarios .btn{margin-top:1rem}#worked-response summary{cursor:pointer;font-size:1.2rem;font-weight:600}