@font-face{font-family:Plex Arabic;src:url(/assets/IBMPlexSansArabic-Regular-B2a76lLF.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Plex Arabic;src:url(/assets/IBMPlexSansArabic-Medium-CRRMh-dh.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Plex Arabic;src:url(/assets/IBMPlexSansArabic-SemiBold-FtXILkUg.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Plex Arabic;src:url(/assets/IBMPlexSansArabic-Bold-DP_E0jdd.woff2) format("woff2");font-weight:700;font-display:swap}:root{--pearl: #F8FBFF;--card: #FFFFFF;--blue: #1769E0;--royal: #1E88E5;--deep: #1565C0;--navy: #16324F;--emerald: #12B886;--vivid: #2ECC71;--ink-2: #9FB3C8;--line: rgba(255, 255, 255, .1);--ok: #22C55E;--bad: #EF4444;--warn: #F59E0B;--night: #05070B;--bg: #060A12;--text: #EAF2FB;--sky: #58B8F4;--glass: rgba(18, 30, 52, .52);--glass-strong: rgba(24, 40, 68, .72);--glass-edge: rgba(148, 190, 255, .14);--glass-hi: rgba(255, 255, 255, .07);--hover: rgba(255, 255, 255, .07);--tint-blue: rgba(30, 136, 229, .16);--tint-green: rgba(18, 184, 134, .16);--tint-amber: rgba(245, 158, 11, .16);--amber: #FBBF24;--ok-glow: rgba(34, 197, 94, .14);--bad-glow: rgba(239, 68, 68, .13);--blue-50: rgba(30, 136, 229, .14);--blue-100: rgba(30, 136, 229, .22);--emerald-50: rgba(18, 184, 134, .14);--ok-50: rgba(34, 197, 94, .14);--bad-50: rgba(239, 68, 68, .13);--ok-ink: #4ADE80;--bad-ink: #F87171;--font: "Plex Arabic", "IBM Plex Sans Arabic", "Segoe UI", Tahoma, system-ui, sans-serif;--t-xs: .8125rem;--t-sm: .9375rem;--t-md: 1.0625rem;--t-lg: 1.25rem;--t-xl: 1.5rem;--t-2xl: 2rem;--t-3xl: 2.75rem;--t-4xl: 3.75rem;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 72px;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-xl: 32px;--r-pill: 999px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .3);--shadow-2: 0 2px 6px rgba(0, 0, 0, .3), 0 18px 40px rgba(23, 105, 224, .18);--ease: cubic-bezier(.22, .8, .2, 1);--page-w: 70rem;--gutter: clamp(16px, 4vw, 40px);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg);color-scheme:dark}html.night{background:var(--night)}html,body{margin:0;height:100%}body{font-family:var(--font);font-size:var(--t-md);line-height:1.7;color:var(--text);background:transparent;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}html.night body{background:var(--night)}#app{min-height:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3;letter-spacing:0;font-weight:700}button{font:inherit;color:inherit}a{color:inherit}img,svg{display:block}.num{font-variant-numeric:tabular-nums}.ltr{direction:ltr;unicode-bidi:isolate}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus{outline:none}:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:10px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.route{animation:route-in .42s var(--ease) both}@keyframes route-in{0%{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}.page{width:100%;max-width:calc(var(--page-w) + 2 * var(--gutter));margin:0 auto;padding:calc(var(--safe-t) + 12px) var(--gutter) calc(var(--safe-b) + var(--s-8))}.page-wide{max-width:calc(80rem + 2 * var(--gutter))}.glass{background:var(--glass);border:1px solid var(--glass-edge);box-shadow:0 1px 0 var(--glass-hi) inset,0 24px 60px #0000006b;-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{background:#0e1626f0}}.glass-btn{background:#ffffff0f!important;border-color:var(--glass-edge)!important;color:var(--text)!important;box-shadow:0 4px 14px #00000040}.glass-btn:hover:not(:disabled){background:#ffffff1f!important}.aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--bg)}.aurora i{position:absolute;border-radius:50%;filter:blur(100px)}.aurora .a1{width:62vmax;height:62vmax;top:-36vmax;right:-16vmax;background:#1749c6;opacity:.3}.aurora .a2{width:46vmax;height:46vmax;bottom:-30vmax;left:-14vmax;background:#0e9f74;opacity:.2}.aurora .a3{width:34vmax;height:34vmax;top:30vh;left:28vw;background:#227fec;opacity:.1}html.night .aurora{display:none}.route{position:relative;z-index:0}.logo{display:inline-flex;align-items:baseline;gap:.26em;font-weight:700;line-height:1.15;white-space:nowrap;font-size:1.5rem}.logo-lg{font-size:clamp(2rem,6vw,2.6rem)}.logo-text{background:linear-gradient(270deg,#8fd3ff,#58b8f4 22%,#3a94f2 48%,#16b8a6 76%,#3ee6b0);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-block:.06em;word-spacing:.1em}.logo-pulsed{position:relative;padding-bottom:.42em}.logo-pulse{position:absolute;inset-inline:0;bottom:0;width:100%;height:.46em;overflow:visible;pointer-events:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);min-height:64px;margin-bottom:var(--s-4)}.topbar-start{display:flex;align-items:center;gap:var(--s-3);min-width:0}.topbar-logo{text-decoration:none;flex-shrink:0;border-radius:12px}.crumbs{display:flex;flex-wrap:nowrap;overflow:hidden;color:var(--ink-2);font-size:var(--t-sm);min-width:0;padding:9px 20px;border-radius:var(--r-pill);font-weight:500}@media(max-width:520px){.crumbs{padding:7px 14px;font-size:var(--t-xs)}}@media(max-width:560px){.crumbs .crumb:first-child:not(:last-child){display:none}.crumbs .crumb:nth-child(2):before{content:none}}.topbar-note{margin:0;min-width:0;color:var(--ink-2);font-size:var(--t-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:520px){.topbar-note{font-size:var(--t-xs)}}.crumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crumb+.crumb:before{content:"‹";margin-inline:.55em;color:#ffffff4d}.crumb a{text-decoration:none;color:var(--ink-2);border-radius:6px}.crumb a:hover{color:var(--sky)}.crumb [aria-current]{color:var(--text);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 26px;border-radius:18px;border:1.5px solid transparent;font-size:var(--t-md);font-weight:600;line-height:1.3;text-decoration:none;cursor:pointer;transition:background-color .2s var(--ease),border-color .2s var(--ease),transform .15s var(--ease),box-shadow .2s var(--ease);-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:linear-gradient(160deg,var(--royal),var(--deep));color:#fff;box-shadow:0 10px 28px #1769e061,0 1px #ffffff2e inset}.btn-primary:hover:not(:disabled){box-shadow:0 14px 36px #227fec85,0 1px #ffffff38 inset}.btn-primary:active:not(:disabled){background:var(--deep)}.btn-secondary{background:#ffffff0f;color:var(--sky);border-color:var(--glass-edge);box-shadow:0 4px 14px #00000040}.btn-secondary:hover:not(:disabled){border-color:#58b8f473;background:var(--tint-blue)}.btn-quiet{background:transparent;color:var(--text)}.btn-quiet:hover:not(:disabled){background:var(--hover)}.btn-block{width:100%}.row-actions{display:flex;flex-wrap:wrap;gap:var(--s-3)}.icon-btn{display:inline-grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:50%;border:1.5px solid var(--line);background:#ffffff0f;color:var(--text);cursor:pointer;transition:background-color .2s var(--ease),border-color .2s var(--ease),transform .15s var(--ease);-webkit-tap-highlight-color:transparent}.icon-btn:hover:not(:disabled){background:#ffffff1f;border-color:#58b8f466}.icon-btn:active:not(:disabled){transform:scale(.94)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn.sm{width:44px;height:44px;border-color:transparent;background:transparent}.loading{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);padding:var(--s-8) 0;color:var(--ink-2)}.loading-dots{display:flex;gap:10px}.loading-dots i{width:11px;height:11px;border-radius:50%;background:var(--blue);animation:breathe 1.2s ease-in-out infinite}.loading-dots i:nth-child(2){background:var(--royal);animation-delay:.15s}.loading-dots i:nth-child(3){background:var(--emerald);animation-delay:.3s}@keyframes breathe{0%,to{transform:scale(.7);opacity:.45}50%{transform:scale(1.15);opacity:1}}.message{max-width:520px;margin:var(--s-7) auto;padding:var(--s-6);text-align:center;border-radius:28px}.message h2{font-size:var(--t-lg);margin-top:var(--s-4)}.message p{color:var(--ink-2);margin-top:var(--s-2)}.message-icon{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--tint-blue);color:var(--sky)}.tone-warn .message-icon{background:var(--tint-amber);color:var(--amber)}.tone-green .message-icon{background:var(--tint-green);color:#34d399}.message-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-3);margin-top:var(--s-5)}.badge-demo{display:inline-block;padding:2px 10px;border-radius:var(--r-pill);background:var(--tint-amber);color:var(--amber);font-size:var(--t-xs);font-weight:600;white-space:nowrap}.kicker{color:var(--ink-2);font-size:var(--t-sm);font-weight:500}.kicker.green{color:#34d399;font-weight:600}.lead{color:var(--ink-2);font-size:var(--t-md);max-width:62ch}.stage{position:relative;width:100%;height:100%}.stage-host{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .7s var(--ease)}.stage.is-live .stage-host{opacity:1}@media(prefers-reduced-motion:reduce){.stage-host{transition:none}}.stage-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-4)}.static-orb{width:min(70%,320px);height:auto}.stage-note{font-size:var(--t-sm);color:var(--ink-2);text-align:center;max-width:40ch}.modal-scrim{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#02050a9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .2s var(--ease) both}.modal{width:min(100%,440px);padding:var(--s-6) var(--s-5) var(--s-5);border-radius:28px;text-align:center;background:var(--glass-strong);animation:route-in .28s var(--ease) both}.modal h2{font-size:var(--t-lg);text-wrap:balance}.modal p{color:var(--ink-2);margin-top:var(--s-2);line-height:1.8}.modal .row-actions{justify-content:center;margin-top:var(--s-5);flex-wrap:wrap}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.modal-scrim,.modal{animation:none}}.loading.is-delayed{animation:loading-in .25s var(--ease) .3s both}@keyframes loading-in{0%{opacity:0}to{opacity:1}}@media(pointer:coarse){.topbar-logo{display:inline-flex;align-items:center;min-height:44px}.crumb a{display:inline-block;padding:11px 4px;margin:-11px -4px}.volume input[type=range]{height:36px}}@media(max-width:359px){.topbar .crumbs,.topbar .topbar-note{display:none}}@media(min-width:1600px)and (min-height:860px){html{font-size:112.5%}}@media(min-width:2200px)and (min-height:1200px){html{font-size:125%}}.intro{position:fixed;inset:0;z-index:100;background:var(--night);color:#e6eef7;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;align-items:center;padding:calc(var(--safe-t) + 28px) 16px calc(var(--safe-b) + 40px)}.intro-orb{position:relative;width:min(92vw,62vh,620px);width:min(92vw,62svh,620px);aspect-ratio:1;border:0;padding:0;background:none;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent}.intro-orb:focus-visible{outline:2px solid rgba(255,255,255,.35);outline-offset:6px}.intro-orb .stage-host{-webkit-mask-image:radial-gradient(closest-side,#000 90%,transparent 100%);mask-image:radial-gradient(closest-side,#000 90%,transparent 100%)}.intro-light .intro-orb{animation:orb-out .16s ease-out forwards}.intro-light .intro-logo{animation:logo-out .3s ease .15s forwards}@keyframes logo-out{to{opacity:0}}@keyframes orb-out{to{opacity:0;transform:scale(1.08)}}.intro-light{background-color:transparent;pointer-events:none}.intro-logo,.intro-orb,.intro-hint{position:relative;z-index:1}.intro-hint{display:inline-flex;align-items:center;gap:.6em;font-weight:600;font-size:var(--t-lg);letter-spacing:.01em;color:#dce7f3}.hint-tap{position:relative;flex:none;width:1.1em;height:1.1em}.hint-tap i{position:absolute;inset:0;border-radius:50%}.hint-tap i:nth-child(1){inset:32%;background:#58b8f4;box-shadow:0 0 .4em #58b8f4}.hint-tap i:nth-child(2),.hint-tap i:nth-child(3){border:1.5px solid rgba(88,184,244,.8);opacity:0;animation:tap-ring 2.4s cubic-bezier(.2,.6,.35,1) infinite}.hint-tap i:nth-child(3){animation-delay:1.2s}@keyframes tap-ring{0%{transform:scale(.35);opacity:.9}to{transform:scale(1.75);opacity:0}}.intro-pulse .intro-hint,.intro-light .intro-hint{opacity:0;transition:opacity .3s}@media(orientation:portrait)and (max-aspect-ratio:3/4){.intro{grid-template-rows:auto 1fr auto auto 1.15fr}.intro-orb{grid-row:3}.intro-hint{grid-row:4;margin-top:26px}}.intro-pulse .hint-tap i,.intro-light .hint-tap i{animation:none}@media(prefers-reduced-motion:reduce){.hint-tap i:nth-child(2){animation:none;opacity:.7}.hint-tap i:nth-child(3){animation:none;opacity:.3;transform:scale(1.55)}}.intro-wave{position:absolute;left:var(--wx, 50%);top:var(--wy, 50%);width:var(--w0, 40vmin);height:var(--w0, 40vmin);transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;visibility:hidden;box-shadow:0 0 0 300vmax var(--night)}.intro-wave:before,.intro-wave:after{content:"";position:absolute;border-radius:50%}.intro-wave:before{inset:-1px;border:2px solid #8FD3FF;box-shadow:0 0 22px 5px #58b8f499,0 0 60px 14px #1769e059,inset 0 0 26px 4px #58b8f466}.intro-wave:after{inset:5%;border:1.5px solid rgba(18,184,134,.55);box-shadow:0 0 18px 3px #12b88647}.intro.intro-light .intro-wave{visibility:visible;animation:wave-open 1.05s cubic-bezier(.45,.1,.4,1) forwards}.intro.intro-light .intro-wave:before,.intro.intro-light .intro-wave:after{animation:wave-fade 1.05s linear forwards}@keyframes wave-open{0%{width:var(--w0, 40vmin);height:var(--w0, 40vmin)}to{width:var(--w1, 300vmax);height:var(--w1, 300vmax)}}@keyframes wave-fade{0%{opacity:.35}10%,72%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.intro-light .intro-orb,.intro-light .intro-logo{animation:none;opacity:0}.intro-light{background-color:transparent}.intro.intro-light .intro-wave{display:none}}@media(orientation:landscape)and (max-height:520px){.intro{padding-top:calc(var(--safe-t) + 10px);padding-bottom:calc(var(--safe-b) + 12px)}.intro-orb{width:min(70vh,70vw)}}.pearl-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 0 var(--s-6)}.pearl-orb{position:relative;width:min(27.5rem,80vw,62vh);width:min(27.5rem,80vw,62svh);aspect-ratio:1;margin-top:-8px;isolation:isolate}.pearl-orb:before{content:"";position:absolute;inset:6%;border-radius:50%;z-index:-1;pointer-events:none;background:radial-gradient(circle,#58b8f438,#227fec1a 45%,#1749c600 70%);filter:blur(18px);animation:aura 7s ease-in-out infinite}@keyframes aura{0%,to{transform:scale(.94);opacity:.75}50%{transform:scale(1.06);opacity:1}}.pearl-hero h1{font-size:clamp(2.1rem,5vw,3.75rem);line-height:1.2;margin-top:-10px;letter-spacing:-.01em;max-width:22ch}.pearl-hero .lead{margin-top:var(--s-3);font-size:clamp(1.05rem,1.6vw,1.2rem);max-width:46ch}.grade-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-5)}.grade-tile,.unit-tile{display:flex;align-items:center;gap:var(--s-4);min-height:112px;padding:var(--s-5) var(--s-5);border-radius:28px;text-decoration:none;color:var(--text);transition:transform .35s var(--ease),box-shadow .35s var(--ease),background-color .35s var(--ease),border-color .35s var(--ease)}.grade-tile:hover,.unit-tile:hover{transform:translateY(-4px);background:var(--glass-strong);border-color:#58b8f452;box-shadow:0 1px 0 var(--glass-hi) inset,0 28px 60px #1769e042}.grade-text,.unit-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.grade-title{font-size:var(--t-xl);font-weight:700;line-height:1.3}.grade-meta,.unit-meta{color:var(--ink-2);font-size:var(--t-sm)}.unit-title{font-size:var(--t-lg);font-weight:700}.gem{display:grid;place-items:center;flex-shrink:0;width:64px;height:64px;border-radius:20px;color:#fff;font-weight:700;font-size:1.75rem;line-height:1;background:linear-gradient(160deg,var(--royal),var(--deep));box-shadow:0 10px 24px #1769e047,0 1px #ffffff59 inset}.gem.tone-2{background:linear-gradient(160deg,var(--royal),var(--emerald));box-shadow:0 10px 24px #128ca042,0 1px #ffffff59 inset}.gem.tone-3{background:linear-gradient(160deg,var(--emerald),#0E9F74);box-shadow:0 10px 24px #12b88647,0 1px #ffffff59 inset}.grade-tile.tone-2 .gem{background:linear-gradient(160deg,var(--royal),var(--emerald))}.grade-tile.tone-3 .gem{background:linear-gradient(160deg,var(--emerald),#0E9F74)}.gem-lg{width:84px;height:84px;border-radius:26px;font-size:2.3rem;margin-bottom:var(--s-4)}.chip-go{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffffff12;color:var(--sky);flex-shrink:0;border:1px solid var(--glass-edge);transition:background .3s,color .3s,transform .3s var(--ease)}.grade-tile:hover .chip-go,.unit-tile:hover .chip-go{background:var(--blue);border-color:var(--blue);color:#fff;transform:translate(-3px)}.how{margin-top:var(--s-7);padding:var(--s-5) var(--s-6);border-radius:28px}.how-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-6);counter-reset:s}.how-steps li{display:grid;grid-template-columns:auto 1fr;column-gap:var(--s-3);counter-increment:s}.how-steps li:before{content:counter(s,arabic-indic);grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--tint-green);color:#34d399;font-weight:700}.how-steps b{font-size:var(--t-lg);line-height:1.4}.how-steps span{color:var(--ink-2);font-size:var(--t-sm)}@media(min-width:901px)and (max-width:1180px){.grade-tile{padding:var(--s-4);gap:var(--s-3)}.grade-title{font-size:var(--t-lg)}.grade-tile .gem{width:54px;height:54px;border-radius:17px;font-size:1.45rem}}@media(max-width:900px){.grade-tiles{grid-template-columns:1fr;gap:var(--s-3)}.grade-tile,.unit-tile{min-height:88px;padding:var(--s-4);border-radius:22px}.gem{width:54px;height:54px;border-radius:17px;font-size:1.45rem}.how{padding:var(--s-5)}.how-steps{grid-template-columns:1fr;gap:var(--s-4)}}.site-rights{margin:var(--s-6) 0 var(--s-2);text-align:center;color:var(--ink-2);font-size:var(--t-xs);opacity:.8}.page-head{padding:var(--s-4) 0 var(--s-6)}.page-head.center{display:flex;flex-direction:column;align-items:center;text-align:center}.page-head h1{font-size:clamp(2rem,4.4vw,var(--t-3xl))}.page-head .lead{margin-top:var(--s-2)}.unit-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4)}@media(max-width:980px){.unit-tiles{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.unit-tiles{grid-template-columns:1fr;gap:var(--s-3)}}.page-head .unit-sum{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px var(--s-3);margin-top:var(--s-2);color:var(--sky);font-weight:600;font-size:var(--t-sm)}.unit-sum>span{white-space:nowrap}.unit-sum+.lead{margin-top:var(--s-1)}.playlist{list-style:none;margin:0 auto;padding:0;max-width:740px}.lesson-row{display:grid;grid-template-columns:2.4rem 1fr 52px;align-items:center;gap:var(--s-4);min-height:84px;padding:var(--s-3) var(--s-4);border-radius:20px;text-decoration:none;color:var(--text);transition:background-color .25s}.playlist li+li .lesson-row{border-top:1px solid var(--line);border-radius:0 0 20px 20px}.lesson-row:hover{background:var(--hover)}.lesson-num{color:var(--ink-2);font-weight:700;font-size:var(--t-lg);text-align:center}.lesson-name{display:flex;flex-direction:column;gap:2px;min-width:0}.lesson-title{font-size:var(--t-lg);font-weight:600;text-wrap:balance}.lesson-title .nowrap{white-space:nowrap}.lesson-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px var(--s-3);color:var(--ink-2);font-size:var(--t-sm)}.lesson-meta>span{white-space:nowrap}.lesson-play{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#fff;background:linear-gradient(160deg,var(--royal),var(--deep));box-shadow:0 10px 26px #1769e06b,0 1px #ffffff2e inset;transition:transform .2s var(--ease)}.lesson-row:hover .lesson-play{transform:scale(1.06)}.lesson-row.is-ready{position:relative;border-radius:20px;background:linear-gradient(270deg,#1e88e52b,#1e88e50a)}.lesson-row.is-ready:before{content:"";position:absolute;inset-inline-start:0;top:20px;bottom:20px;width:3px;border-radius:3px;background:var(--sky)}.playlist li+li .lesson-row.is-ready{border-top:0;border-radius:20px;margin-top:6px}.lesson-row.is-ready:hover{background:linear-gradient(270deg,#1e88e540,#1e88e514)}.meta-dot{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.6}.lesson-row.is-soon{cursor:default;min-height:62px}.lesson-row.is-soon:hover{background:transparent}.lesson-row.is-soon .lesson-title{color:var(--ink-2);font-weight:500;font-size:var(--t-md)}.lesson-row.is-soon .lesson-num{opacity:.7}.lesson-soon{justify-self:center;color:#7f93a8;font-size:var(--t-xs);font-weight:600;white-space:nowrap}@media(max-width:560px){.lesson-row{grid-template-columns:1.6rem 1fr 44px;gap:var(--s-3);padding:var(--s-3) 14px var(--s-3) var(--s-3);min-height:76px}.lesson-play{width:44px;height:44px}.lesson-title{font-size:1.06rem}}.lesson-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding-bottom:calc(var(--safe-b) + var(--s-4))}.lesson-stage{position:relative;flex:1;min-height:300px;margin-top:calc(-1 * var(--s-2))}.lesson-stage>.stage{position:absolute;inset:0}.lesson-head{position:absolute;top:var(--s-2);inset-inline-start:0;z-index:2;max-width:min(21rem,60%);padding:14px 20px;border-radius:20px}.lesson-head .kicker{font-size:12px;color:var(--sky);font-weight:600}.lesson-head h1{font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.35;margin-top:2px}.lesson-head .quiz-note{flex-wrap:nowrap;justify-content:space-between;margin-top:10px;padding-top:0;border-top:0}.lesson-head .quiz-note .qn-pre{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.lesson-head .quiz-note p,.lesson-head .btn-chip{white-space:nowrap}.lesson-head .badge-demo{margin-top:6px}.now-hearing{position:absolute;top:var(--s-4);inset-inline-start:50%;transform:translate(50%,-6px);z-index:2;display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:6px 20px;border-radius:var(--r-pill);color:var(--text);font-weight:600;font-size:var(--t-sm);opacity:0;transition:opacity .4s var(--ease),transform .4s var(--ease);pointer-events:none;white-space:nowrap}.now-hearing.on{opacity:1;transform:translate(50%)}.nh-dot{width:9px;height:9px;border-radius:50%;background:var(--emerald);box-shadow:0 0 0 5px #12b88633;animation:breathe 1.4s ease-in-out infinite}.end-card{position:absolute;inset:0;margin:auto;z-index:3;width:min(92%,440px);height:fit-content;padding:var(--s-6) var(--s-5);text-align:center;border-radius:28px;animation:route-in .4s var(--ease) both}.end-card h2{font-size:var(--t-xl)}.end-card p{color:var(--ink-2);margin-top:var(--s-1)}.end-card>svg{color:var(--amber);margin:0 auto var(--s-2)}.end-card .row-actions{justify-content:center;margin-top:var(--s-5)}.end-progress{display:block;height:4px;width:150px;margin:var(--s-4) auto 0;background:#ffffff1a;border-radius:4px;overflow:hidden}.end-progress i{display:block;height:100%;width:100%;background:linear-gradient(270deg,var(--blue),var(--emerald));transform-origin:right;animation:fill 1.3s linear both}@keyframes fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.dock{position:relative;z-index:3;width:100%;max-width:52rem;margin:calc(-1 * var(--s-5)) auto 0;padding:var(--s-4) var(--s-5) var(--s-3);border-radius:32px;display:grid;grid-template-columns:auto auto 1fr auto auto;grid-template-areas:"cur wave wave wave tot" "rates rates play vol vol";align-items:center;column-gap:var(--s-3);row-gap:var(--s-3)}.dock>.dock-row{display:contents}.dock>.wave-wrap{grid-area:wave;min-width:0}.dock .time.cur{grid-area:cur}.dock .time.total{grid-area:tot}.dock .transport{grid-area:play;justify-self:center}.dock .rates{grid-area:rates;justify-self:start}.dock .volume{grid-area:vol;justify-self:end}.quiz-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:var(--s-2);padding-top:var(--s-2);border-top:1px solid var(--line)}.quiz-note p{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2);font-size:var(--t-xs);font-weight:500}.quiz-note p b{color:#34d399;font-weight:600}.quiz-note svg{color:#34d399;flex:none}.btn-chip{font:inherit;font-size:var(--t-xs);font-weight:600;color:var(--sky);background:var(--tint-blue);border:1px solid rgba(88,184,244,.32);padding:5px 14px;min-height:32px;border-radius:var(--r-pill);cursor:pointer;transition:background .2s var(--ease),border-color .2s var(--ease)}.btn-chip:hover{background:var(--blue-100);border-color:#58b8f48c}@media(pointer:coarse){.btn-chip{min-height:40px}}.btn-chip:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.wave-wrap{position:relative;display:flex;align-items:center;gap:10px}.wave-wrap .wave{flex:1;min-width:0}.wave-goal{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#34d399;background:var(--tint-green);border:1px solid rgba(52,211,153,.3);transition:background .4s var(--ease),box-shadow .4s var(--ease)}.wave-goal.soon{background:#12b8864d;animation:goal-glow 1.6s ease-in-out infinite}@keyframes goal-glow{0%,to{box-shadow:0 0 0 3px #12b8861f,0 0 10px #12b88640}50%{box-shadow:0 0 0 8px #12b88629,0 0 26px #12b88680}}.goal-soon{position:absolute;inset-inline-end:0;bottom:calc(100% + 8px);z-index:2;padding:4px 14px;border-radius:var(--r-pill);background:var(--glass-strong);border:1px solid rgba(52,211,153,.38);color:var(--text);font-size:var(--t-xs);font-weight:600;white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity .35s var(--ease),transform .35s var(--ease);pointer-events:none}.goal-soon.on{opacity:1;transform:none}@media(max-width:560px){.quiz-note{flex-wrap:nowrap;justify-content:space-between;gap:8px;margin-top:6px;padding-top:6px}.quiz-note .qn-pre{display:none}.quiz-note p{white-space:nowrap}.btn-chip{padding:4px 12px;white-space:nowrap}}@media(prefers-reduced-motion:reduce){.wave-goal.soon{animation:none;box-shadow:0 0 0 6px #12b88629}}.wave{position:relative;height:56px;cursor:pointer;touch-action:none;border-radius:10px}.wave canvas{width:100%;height:100%;display:block}.wave[aria-disabled=true]{cursor:default;opacity:.6}.time{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:64px;color:var(--ink-2);font-size:var(--t-sm);font-weight:500;text-align:center}.time .num{font-size:15px;font-weight:600;line-height:1.1}.time.cur .num{color:var(--text)}.time-lbl{font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap;color:#9fb3c8}.time.cur .time-lbl{color:var(--sky)}.time-lbl .lbl-short{display:none}.transport{display:flex;align-items:center;gap:var(--s-4)}.play-btn{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:0;cursor:pointer;background:linear-gradient(160deg,var(--royal),var(--deep));color:#fff;box-shadow:0 14px 34px #1769e07a,0 1px #fff3 inset;transition:transform .15s var(--ease),box-shadow .2s}.play-btn:hover{box-shadow:0 16px 42px #227fec99,0 1px #ffffff38 inset}.play-btn:active{transform:scale(.95)}.play-btn.is-buffering:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2.5px solid transparent;border-top-color:var(--emerald);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rates{display:flex;gap:4px;padding:4px;background:#ffffff0d;border:1px solid var(--line);border-radius:var(--r-pill)}.rate{min-width:56px;min-height:44px;padding:0 10px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--ink-2);font-weight:600;font-size:var(--t-sm);cursor:pointer;transition:background .2s,color .2s}.rate[aria-checked=true]{background:var(--tint-blue);color:var(--sky);box-shadow:0 0 0 1px #58b8f459 inset}.volume{display:flex;align-items:center;gap:var(--s-2)}.volume input[type=range]{width:120px;accent-color:var(--sky);direction:rtl}.banner{position:relative;z-index:3;display:flex;align-items:center;gap:var(--s-3);max-width:880px;width:100%;margin:0 auto var(--s-3);padding:8px 8px 8px 16px;padding-inline-start:16px;border-radius:20px;font-size:var(--t-sm)}.banner>svg{color:var(--amber);flex-shrink:0}.banner>span{flex:1}@media(max-width:900px)and (orientation:portrait){.now-hearing{top:auto;bottom:var(--s-6)}}@media(max-width:560px){.lesson-stage{display:flex;flex-direction:column;gap:var(--s-2)}.lesson-head{order:-1;position:relative;top:0;max-width:100%;inset-inline-end:0;padding:var(--s-2) var(--s-4);border-radius:18px}.lesson-stage>.stage{position:relative;inset:auto;flex:1;min-height:180px}.now-hearing{top:auto;bottom:var(--s-6)}.dock{padding:var(--s-3) var(--s-3) var(--s-2);border-radius:26px;margin-top:calc(-1 * var(--s-3))}.transport{gap:var(--s-2)}.play-btn{width:58px;height:58px}.rate{min-width:48px;padding:0 6px}.volume input[type=range]{display:none;width:96px}.volume.open input[type=range]{display:block}}@media(max-width:560px)and (max-height:680px)and (orientation:portrait){.lesson-head .kicker,.lesson-head .badge-demo{display:none}.lesson-head h1{font-size:1.1rem}.lesson-stage>.stage{min-height:140px}}@media(max-width:360px){.transport{gap:4px}.transport .icon-btn{width:44px;height:44px}.play-btn{width:56px;height:56px}.rate{min-width:44px;padding:0 4px}}@media(orientation:landscape)and (max-height:560px){.lesson-page{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,46%,420px);grid-template-rows:auto 1fr auto;column-gap:var(--s-4)}.lesson-page .topbar{grid-column:1 / -1;margin-bottom:0;min-height:52px}.lesson-stage{grid-column:1;grid-row:2 / 4;margin:0;min-height:0}.banner{grid-column:2;grid-row:2}.dock{grid-column:2;grid-row:3;align-self:end;margin:0;padding:var(--s-2) var(--s-3);border-radius:24px}.rate{min-width:46px;padding:0 4px}.volume input[type=range]{display:none;width:90px}.volume.open input[type=range]{display:block}.lesson-head{max-width:calc(100% - 8px);inset-inline-end:0;padding:8px 14px;border-radius:18px}.lesson-head h1{font-size:1.05rem;line-height:1.35}.lesson-head .kicker,.lesson-head .badge-demo{display:none}.quiz-note{flex-wrap:nowrap;justify-content:space-between;gap:8px;margin-top:4px;padding-top:4px}.quiz-note .qn-pre{display:none}.quiz-note p{white-space:nowrap}.now-hearing{top:auto;bottom:var(--s-3);min-height:34px;padding:4px 14px}.lesson-page{position:relative;grid-template-rows:auto auto 1fr auto}.lesson-stage{display:contents}.lesson-stage>.stage{position:relative;inset:auto;grid-column:1;grid-row:2 / 5;min-height:0}.lesson-head{position:relative;top:0;inset-inline-start:auto;grid-column:2;grid-row:2;align-self:start;max-width:none;margin-top:2px}.banner{grid-column:2;grid-row:3;align-self:start}.dock{grid-row:4}.now-hearing{position:relative;grid-column:1;grid-row:4;align-self:end;justify-self:center;inset:auto;transform:translateY(-6px);margin-bottom:4px}.now-hearing.on{transform:none}.end-card{position:relative;inset:auto;margin:0;grid-column:1;grid-row:2 / 5;align-self:center;justify-self:center}}@media(max-width:560px),(orientation:landscape)and (max-height:560px){.dock{grid-template-columns:auto 1fr auto;grid-template-areas:"cur wave tot" "rates play vol";column-gap:var(--s-2);row-gap:var(--s-2)}.time{min-width:0}.time .num{font-size:12px}.time-lbl{font-size:10px}.time-lbl .lbl-long{display:none}.time-lbl .lbl-short{display:inline}.wave-wrap{gap:6px}.rates{padding:2px}.rate:not([aria-checked=true]){display:none}.volume{position:relative}.volume.open:before{content:"";position:absolute;bottom:calc(100% + 8px);inset-inline-end:-8px;width:160px;height:44px;z-index:4;background:#0c182cf5;border:1px solid rgba(88,184,244,.3);border-radius:var(--r-pill);box-shadow:0 10px 28px #00000073}.volume.open input[type=range]{position:absolute;bottom:calc(100% + 20px);inset-inline-end:8px;width:128px;margin:0;z-index:5}}.quiz-layout{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);padding-top:0}.quiz-side{display:flex;align-items:center;gap:var(--s-4)}.quiz-meta{text-align:start}.quiz-lesson{font-size:var(--t-lg);line-height:1.4}.quiz-legend{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--ink-2);font-size:var(--t-xs);margin-top:4px}.quiz-legend i{width:9px;height:9px;border-radius:50%;display:inline-block;margin-inline-start:6px}.lg-cur{background:var(--sky)}.lg-ok{background:var(--emerald)}.lg-bad{background:#e77b7b}.orbit{position:relative;width:116px;aspect-ratio:1;flex-shrink:0}.orbit svg{width:100%;height:100%;overflow:visible}.orbit-ring{fill:none;stroke:#ffffff1f;stroke-width:.8}.dot{transition:r .3s var(--ease),fill .3s}.dot.todo{fill:#ffffff38}.dot.cur{fill:var(--sky);filter:drop-shadow(0 0 4px rgba(88,184,244,.7))}.dot.ok{fill:var(--emerald);filter:drop-shadow(0 0 3px rgba(18,184,134,.55))}.dot.bad{fill:#e77b7b}.orbit-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.orbit-center b{font-size:1.9rem;color:var(--sky);font-weight:700}.orbit-center small{color:var(--ink-2);font-size:var(--t-xs);margin-top:2px}.q-card{position:relative;width:100%;max-width:48.75rem;padding:clamp(22px,4vw,44px) clamp(18px,4vw,52px);border-radius:36px;animation:route-in .35s var(--ease) both}.q-card.shake{animation:shake .4s ease}@keyframes shake{0%,to{transform:none}25%{transform:translate(5px)}50%{transform:translate(-4px)}75%{transform:translate(2px)}}.q-text{font-size:clamp(1.3rem,2.8vw,1.85rem);line-height:1.55;margin:0 auto var(--s-5);text-align:center;max-width:30ch}.options{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-3)}.option{position:relative;display:flex;align-items:center;gap:var(--s-4);width:100%;min-height:68px;padding:12px var(--s-4);border:1.5px solid var(--line);border-radius:20px;background:#ffffff0b;color:var(--text);text-align:start;font-size:var(--t-lg);font-weight:500;cursor:pointer;box-shadow:none;transition:border-color .2s var(--ease),background-color .2s var(--ease),transform .15s var(--ease),box-shadow .2s}.option:hover:not(:disabled){background:#ffffff17;border-color:#58b8f459;box-shadow:0 10px 26px #1769e02e}.option:active:not(:disabled){transform:scale(.99)}.option:disabled{cursor:default}.opt-letter{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--tint-blue);color:var(--sky);font-weight:700;font-size:var(--t-lg);flex-shrink:0;transition:background .25s,color .25s}.opt-text{flex:1;line-height:1.55}.opt-tag{font-size:var(--t-xs);font-weight:600;white-space:nowrap}.option.is-correct,.option.is-reveal{border-color:var(--ok);background:var(--ok-glow);box-shadow:0 0 24px #22c55e1f}.option.is-correct .opt-letter,.option.is-reveal .opt-letter{background:var(--ok);color:#fff}.option.is-correct .opt-tag,.option.is-reveal .opt-tag{color:var(--ok-ink)}.option.is-wrong{border-color:#ef4444a6;background:var(--bad-glow)}.option.is-wrong .opt-letter{background:#e56b6b;color:#fff}.option.is-wrong .opt-tag{color:var(--bad-ink)}.option.is-dim{opacity:.6}.q-after{margin-top:var(--s-5);animation:route-in .3s var(--ease) both}.q-feedback{display:flex;align-items:center;gap:var(--s-2);font-weight:600}.q-feedback.ok{color:var(--ok-ink)}.q-feedback.bad{color:var(--bad-ink)}.q-explain{margin-top:var(--s-3);padding:var(--s-4);background:#1e88e51a;border:1px solid rgba(88,184,244,.18);border-radius:18px}.q-explain strong{color:var(--sky);font-size:var(--t-sm)}.q-after .row-actions{margin-top:var(--s-5)}.burst{position:absolute;inset-inline-start:calc(var(--s-4) + 22px);top:50%;width:0;height:0;pointer-events:none}.burst i{position:absolute;width:5px;height:5px;border-radius:50%;left:-2.5px;top:-2.5px;animation:burst .8s cubic-bezier(.2,.7,.3,1) forwards}.burst i.b{background:var(--royal)}.burst i.g{background:var(--emerald)}@keyframes burst{0%{transform:rotate(var(--a)) translate(10px) scale(1);opacity:1}to{transform:rotate(var(--a)) translate(var(--d)) scale(.3);opacity:0}}@media(max-width:600px){.orbit{width:92px}.orbit-center b{font-size:1.5rem}.q-card{border-radius:26px}.q-text{text-align:start;margin-inline:0}}@media(min-width:900px)and (max-height:900px){.quiz-layout{flex-direction:row;align-items:flex-start;justify-content:center;gap:var(--s-5)}.quiz-side{flex-direction:column;align-items:center;text-align:center;width:196px;flex-shrink:0;position:sticky;top:var(--s-2)}.quiz-meta{text-align:center}.quiz-legend{justify-content:center;gap:4px}.orbit{width:100px}.q-card{flex:1 1 auto;min-width:0;padding:26px 36px;border-radius:30px}.q-text{font-size:clamp(1.25rem,2.2vw,1.6rem);margin-bottom:var(--s-4);max-width:36ch}.options{gap:10px}.option{min-height:58px;padding:9px var(--s-4)}.q-after{margin-top:var(--s-4)}.q-after .row-actions{margin-top:var(--s-3)}}@media(max-height:520px)and (orientation:landscape){.orbit{width:76px}.quiz-legend{display:none}.quiz-layout{flex-direction:row;align-items:flex-start;justify-content:center}.quiz-side{flex-direction:column;align-items:center;text-align:center;width:150px;flex-shrink:0;position:sticky;top:var(--s-2)}.quiz-meta{text-align:center}.quiz-lesson{font-size:var(--t-md)}.q-card{padding:16px 20px;border-radius:26px}.q-text{font-size:1.15rem;margin:4px auto 12px}.options{grid-template-columns:1fr 1fr;gap:var(--s-2)}.option{min-height:52px;padding:8px 12px;font-size:var(--t-md);gap:var(--s-3)}.opt-letter{width:36px;height:36px;border-radius:11px;font-size:var(--t-md)}}.result{max-width:40rem;margin:0 auto;text-align:center;padding:var(--s-6) var(--s-5) var(--s-5);border-radius:36px}.result h1{font-size:clamp(1.8rem,4.2vw,var(--t-3xl))}.result .lead{margin:var(--s-1) auto 0}.ring{position:relative;width:min(280px,70vw);aspect-ratio:1;margin:var(--s-4) auto}.ring canvas{width:100%;height:100%}.ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-center b{font-size:clamp(2.6rem,9vw,3.6rem);line-height:1.1;font-weight:700}.ring-center small{color:var(--ink-2);font-size:var(--t-sm)}.result-stats{display:flex;justify-content:center;gap:var(--s-4)}.stat{display:flex;flex-direction:column;align-items:center;min-width:130px;padding:var(--s-3) var(--s-4);border-radius:20px;background:#ffffff0d;border:1px solid var(--line)}.stat b{font-size:var(--t-2xl);line-height:1.2}.stat span{color:var(--ink-2);font-size:var(--t-sm)}.stat.ok b{color:#34d399}.stat.bad b{color:var(--bad-ink)}.result-msg{margin-top:var(--s-5);font-size:var(--t-lg);font-weight:600}.result-actions{display:grid;gap:var(--s-3);max-width:420px;margin:var(--s-5) auto 0}.review{max-width:420px;margin:var(--s-4) auto 0}.review-toggle{gap:var(--s-2)}.review-n{display:inline-grid;place-items:center;min-width:1.7em;height:1.7em;padding:0 .4em;border-radius:var(--r-pill);background:#ef444429;color:var(--bad-ink);font-size:var(--t-sm);font-weight:700}.review-chev{transition:transform .25s var(--ease)}.review-toggle.is-open .review-chev{transform:rotate(180deg)}.review-list{list-style:none;margin:var(--s-3) 0 0;padding:0;display:grid;gap:var(--s-3);text-align:start;animation:route-in .3s var(--ease) both}.review-item{padding:var(--s-3) var(--s-4);border-radius:18px;background:#ffffff0b;border:1px solid var(--line)}.review-head{color:var(--ink-2);font-size:var(--t-sm);font-weight:600;text-align:center}.review-num{display:inline-grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;background:#ffffff12;color:var(--ink-2);font-size:var(--t-xs);font-weight:700}.review-q{margin:2px 0 var(--s-2);font-size:var(--t-md);font-weight:600;line-height:1.6}.review-ans{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;font-size:var(--t-sm);line-height:1.7}.review-ans svg{flex:none;align-self:center}.review-ans span{color:var(--ink-2)}.review-ans b{color:var(--text);font-weight:600;font-size:var(--t-md)}.review-ans.bad svg{color:var(--bad-ink)}.review-ans.ok svg{color:var(--ok-ink)}.review-ans.ok b{color:var(--ok-ink)}.review-explain{margin-top:var(--s-2);padding-top:var(--s-2);border-top:1px solid var(--line);color:#c9d6e4;font-size:var(--t-sm);line-height:1.7}@media(prefers-reduced-motion:reduce){.review-list{animation:none}.review-chev{transition:none}}@supports not (aspect-ratio: 1){.intro-orb{height:min(92vw,62vh,620px)}.pearl-orb{height:min(27.5rem,80vw,62vh)}.orbit{height:116px}.ring{height:min(280px,70vw)}}