/* Shared site tokens come from styles.css. Only learning/player layout lives here. */
.learning-page button.btn--ghost{background:transparent}.learning-page button.btn--ghost:hover{background:var(--bg-elev-2)}
.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}
.learn-skip{position:fixed;top:8px;left:16px;z-index:200;background:var(--text);color:var(--bg);padding:10px 16px;border-radius:10px;transform:translateY(-150%)}.learn-skip:focus{transform:none}
.learning-page :focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.learning-page button,.learning-page input,.learning-page select{font:inherit}.learning-page button{cursor:pointer}.learning-page svg{width:22px;height:22px;flex:none}.learning-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px}.learning-page .btn svg{width:19px}
.learn-back{display:inline-block;font-size:13px;color:var(--muted);margin-bottom:24px}.learn-back:hover{color:var(--text)}
.learn-hero{padding:130px 28px 86px;overflow:hidden}.learn-hero>.wrap--wide{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:54px}.learn-hero .eyebrow{font-size:13px}.learn-hero h1{font-size:clamp(44px,5.2vw,72px);line-height:1.07}.learn-hero h1 span{background:var(--grad);background-clip:text;-webkit-background-clip:text;color:transparent}.learn-hero .lead{font-size:20px;line-height:1.6;margin-top:24px}.learn-stats{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:12px;color:var(--muted);margin:27px 0}.learn-stats b{color:var(--text);font-size:17px;margin-right:4px}.learn-resume{display:block;margin-top:16px;font-size:13px;color:var(--cyan)}
.learn-feature{display:block;border:1px solid #35303f;background:var(--bg-elev);border-radius:24px;overflow:hidden;box-shadow:0 26px 110px #746baf18;transform:rotate(-2deg);transition:transform .25s,border-color .25s}.learn-feature:hover{transform:rotate(0);border-color:#777087}.learn-feature>img{width:100%;height:auto}.learn-feature__caption{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.learn-feature__caption b{display:block;color:var(--text);font-size:19px;font-weight:500;margin-top:4px}.learn-feature__play{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#08080b;background:var(--grad)}
.learn-library{padding:70px 28px 90px;border-top:1px solid var(--line)}.learn-library__head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:34px}.learn-library h2{font-size:40px}.learn-search{width:310px;max-width:100%}.learn-search input{width:100%;padding:13px 18px;border:1px solid var(--line);border-radius:99px;background:var(--bg-elev);color:var(--text);font-size:14px}.learn-search input::placeholder{color:var(--muted)}.learn-search-status:empty{display:none}.learn-search-status{font-size:13px;color:var(--muted)}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.lesson-card{border:1px solid var(--line);border-radius:23px;background:var(--bg-elev);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.lesson-card:hover{transform:translateY(-4px);border-color:#60556e}.lesson-card__image{aspect-ratio:16/9;position:relative;overflow:hidden;background:#101014}.lesson-card__image>img{width:100%;height:100%;object-fit:cover}.lesson-card__play{position:absolute;right:18px;top:18px;background:#08080bae;color:#fff;display:grid;place-items:center;border:1px solid #ffffff24;width:36px;height:36px;border-radius:50%}.lesson-card__play svg{width:17px}.lesson-time{position:absolute;right:12px;bottom:10px;background:#08080bdd;padding:2px 8px;border-radius:6px;font-size:11px;font-variant-numeric:tabular-nums}.lesson-card__text{padding:23px;display:flex;flex-direction:column;flex:1}.lesson-category{font-size:11px;color:var(--lav)}.lesson-card h2{font-size:21px;line-height:1.28;letter-spacing:-.02em;margin:12px 0}.lesson-card p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 20px}.lesson-card__bottom{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);color:#dfd8ef}.lesson-card__bottom svg{width:17px}.learn-empty{padding:40px;text-align:center;border:1px solid var(--line);border-radius:20px;color:var(--muted)}.learn-practice{border-top:1px solid var(--line);text-align:center;padding:90px 24px}.learn-practice .btn{margin-top:30px}.learn-practice h2{font-size:44px}
.watch-main{padding:93px 28px 86px}.watch-heading{margin-bottom:27px;max-width:980px}.watch-heading .learn-back{margin-bottom:19px}.watch-heading__meta{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:11px}.watch-heading__meta>span:first-child{color:var(--lav)}.watch-heading h1{font-size:clamp(30px,3.1vw,43px);line-height:1.14;max-width:910px}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.watch-primary{min-width:0}
.player{background:#0d0d13;border:1px solid #34313e;border-radius:20px;overflow:hidden;position:relative;isolation:isolate;box-shadow:0 12px 60px #0004}.player__screen{aspect-ratio:16/9;position:relative;background:#000;display:grid;place-items:center}.player video{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain}.player.is-ready video{cursor:pointer}.player__start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #ffffff50;background:#090913dc;backdrop-filter:blur(12px);border-radius:50%;width:78px;height:78px;display:grid;place-items:center;color:white;box-shadow:0 8px 36px #0007;transition:background .2s,scale .2s}.player__start:hover{background:#333248;scale:1.05}.player__start svg{width:31px;height:31px;margin-left:4px}.player__start span{position:absolute;top:88px;white-space:nowrap;font-size:12px;background:#08080bce;padding:5px 13px;border-radius:99px}.player__resume{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);background:var(--grad);color:#08080b;border:0;border-radius:99px;padding:10px 16px;white-space:nowrap;font-size:12px;font-weight:600}.player__loading{position:absolute;inset:0;background:#0005;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;pointer-events:none}.player__loading span{width:22px;height:22px;border:2px solid #fff3;border-top-color:var(--cyan);border-radius:50%;animation:player-spin 1s linear infinite}@keyframes player-spin{to{transform:rotate(360deg)}}
.player__controls{padding:14px 14px 10px;position:relative;z-index:3;background:#111117}.player__timeline{position:relative;height:22px;margin:0 5px 5px;display:flex;align-items:center;touch-action:none}.player__timeline:before,.player__buffer,.player__played{content:'';position:absolute;height:4px;border-radius:99px;left:0;width:100%;background:#35343e;pointer-events:none}.player__buffer{width:0;background:#74717e}.player__played{width:0;background:var(--grad)}.player__seek{position:absolute;inset:0;width:100%;margin:0;height:22px;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;z-index:2;touch-action:pan-y}.player__seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#f5f5f7;box-shadow:0 0 0 4px #ffffff12}.player__seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:white}.player__seek::-moz-range-track{background:transparent}.player__markers{position:absolute;inset:0;pointer-events:none}.player__markers i{position:absolute;top:9px;width:2px;height:4px;background:#10101899}.player__preview{position:absolute;bottom:27px;left:0;transform:translateX(-50%);width:166px;border:3px solid #282533;background:#15121d;border-radius:8px;overflow:hidden;z-index:4;box-shadow:0 10px 25px #0008;pointer-events:none}.player__preview div{width:160px;height:90px;background-color:#101014}.player__preview span{display:block;text-align:center;font-size:11px;font-variant-numeric:tabular-nums;padding:2px 0}
.player__bar{display:flex;align-items:center;gap:3px;min-width:0}.player__button{display:grid;place-items:center;width:38px;height:38px;flex:none;background:none;border:0;border-radius:9px;color:var(--text)}.player__button:hover{background:#ffffff12}.player__button:disabled{opacity:.4;cursor:default}.player__button svg{width:21px;height:21px}.player__toggle svg{width:24px;height:24px}.player__time{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0 auto 0 7px}.player__time-total{color:var(--muted)}.player__volume{display:flex;align-items:center}.player__volume input{width:56px;height:3px;accent-color:var(--lav);margin:0 12px 0 0}.player__volume.is-muted svg{opacity:.35}.player__speed select{appearance:none;border:1px solid var(--line);background:#1c1b24;color:white;border-radius:8px;width:51px;height:31px;font-size:12px;text-align:center;cursor:pointer}.player__speed{margin-right:5px}.player__chapter-now{font-size:11px;display:flex;gap:9px;margin:9px 6px 0;padding-top:9px;border-top:1px solid var(--line);min-width:0}.player__chapter-now span{color:var(--muted);white-space:nowrap}.player__chapter-now b{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d7cfe7}
.player__error,.player__end{position:absolute;inset:0;background:#0e0e18ed;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:20px;z-index:5}.player__error b{font-size:20px}.player__error>span{font-size:13px;color:var(--muted)}.player__error button{background:var(--grad);border:0;border-radius:99px;padding:10px 20px;color:#08080b}.player__error a{font-size:12px;text-decoration:underline}.player__end>span{color:var(--cyan);font-size:13px}.player__end h2{font-size:30px}.player__end .btn{font-size:13px;max-width:95%;margin-top:8px}.player__end>button{background:none;border:0;color:var(--muted);font-size:12px;padding:8px}.player__feedback{position:absolute;top:18px;right:18px;background:#101018df;border:1px solid var(--line);padding:7px 12px;border-radius:9px;font-size:12px;pointer-events:none}
.player:fullscreen{border:0;border-radius:0;width:100%;height:100%;display:flex;flex-direction:column;background:#000;justify-content:center}.player:fullscreen .player__screen{width:100%;height:100%;min-height:0;aspect-ratio:auto}.player:fullscreen .player__controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#101018f5 20%);padding-top:30px;transition:opacity .2s}.player:fullscreen.is-idle .player__controls{opacity:0;pointer-events:none}.player:fullscreen.is-idle{cursor:none}.player:fullscreen .player__bar{max-width:1100px;margin:auto}.player:fullscreen .player__timeline{margin-inline:24px}.player:fullscreen .player__chapter-now{justify-content:center}
.watch-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 17px;margin:20px 0 0;font-size:12px}.watch-actions .btn{font-size:12px;padding:10px 14px}.watch-actions svg{width:16px}.watch-time-share{border:0;color:var(--muted);background:none;font-size:12px!important;padding:8px 0}.watch-time-share:hover,.watch-editor:hover{color:var(--text)}.watch-editor{margin-left:auto;color:var(--cyan);white-space:nowrap;font-size:12px}.share-status{font-size:12px;color:var(--cyan);min-height:1.5em;margin:6px 0}.watch-about{border-top:1px solid var(--line);padding-top:26px;margin-top:18px}.watch-about h2{font-size:23px}.watch-about p{font-size:14px;line-height:1.85;color:var(--muted);max-width:720px}.watch-shortcuts{font-size:12px;margin-top:26px;color:var(--muted)}.watch-shortcuts summary{cursor:pointer}.watch-shortcuts p{font-size:12px}
.lesson-sidebar{border:1px solid var(--line);background:var(--bg-elev);border-radius:20px;overflow:hidden;position:sticky;top:75px}.lesson-tabs{display:flex;padding:8px;gap:5px;border-bottom:1px solid var(--line)}.lesson-tabs button{flex:1;background:none;color:var(--muted);border:0;border-radius:10px;padding:11px 5px;font-size:13px}.lesson-tabs button[aria-selected=true]{background:#24222e;color:var(--text)}.lesson-tabs button span{font-size:10px;color:var(--lav);margin-left:4px}.sidebar-panel{max-height:620px;max-height:min(68vh,680px);overflow:auto;scrollbar-width:thin;scrollbar-color:#4b445b transparent}.sidebar-title{font-size:17px;padding:20px 17px 4px}.lesson-sidebar.is-ready .sidebar-title{display:none}.chapter-list,.sidebar-lessons{list-style:none;margin:0;padding:9px}.chapter-list a{display:flex;align-items:baseline;gap:12px;padding:12px 10px;border-radius:10px;border:1px solid transparent;font-size:12px;line-height:1.45}.chapter-list a>span{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;min-width:32px}.chapter-list a b{font-weight:400}.chapter-list a:hover{background:#ffffff07}.chapter-list a[aria-current=true]{border-color:#71628a50;background:#c6b4e814}.chapter-list a[aria-current=true]>span{color:var(--cyan)}.sidebar-lessons a{display:flex;align-items:center;gap:11px;padding:10px 6px;border-radius:10px}.sidebar-lessons a[aria-current=page]{background:#c6b4e812}.sidebar-lessons a:hover{background:#ffffff0b}.sidebar-lessons img{width:76px;height:43px;object-fit:cover;border-radius:5px;flex:none}.sidebar-lessons b{font-size:12px;font-weight:400;display:block;line-height:1.4}.sidebar-lessons small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.sidebar-lessons [data-progress]{color:var(--cyan)}
.share-dialog{max-width:460px;width:calc(100% - 32px);padding:32px;border:1px solid #494152;border-radius:22px;background:#17151f;color:var(--text)}.share-dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.share-dialog h2{font-size:25px}.share-dialog p{font-size:14px;color:var(--muted)}.share-dialog input{width:100%;background:#0b0b12;border:1px solid #51475e;padding:12px;border-radius:9px;color:var(--text);font-size:12px;margin-bottom:22px}.share-dialog__close{position:absolute;right:12px;top:8px;background:none;border:0;color:var(--muted);font-size:27px!important}
@media(max-width:1150px){.watch-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.player__volume input{display:none}.learn-hero>.wrap--wide{gap:25px}.learn-stats{gap:9px 16px}.learn-hero .lead{font-size:18px}}
@media(max-width:900px){.learn-hero{padding-top:105px}.learn-hero>.wrap--wide{grid-template-columns:1fr}.learn-hero__copy{max-width:650px}.learn-feature{max-width:610px;margin:20px 0 0;transform:none}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-layout{grid-template-columns:1fr}.lesson-sidebar{position:static}.sidebar-panel{max-height:420px}.player__volume input{display:block}.watch-heading h1{font-size:36px}.watch-editor{margin-left:auto}}
@media(max-width:600px){.learn-hero{padding:95px 18px 50px}.learn-hero h1{font-size:46px}.learn-hero .lead{font-size:17px}.learn-stats{font-size:11px}.learn-feature{border-radius:18px}.learn-feature__caption{padding:15px 18px}.learn-feature__caption b{font-size:16px}.learn-library{padding:45px 18px 60px}.learn-library__head{align-items:start;flex-direction:column;gap:20px}.learn-library h2{font-size:32px}.learn-search{width:100%}.lesson-grid{grid-template-columns:1fr;gap:22px}.lesson-card__text{padding:20px}.lesson-card h2{font-size:22px}.learn-practice{padding:60px 20px}.learn-practice h2{font-size:32px}.watch-main{padding:82px 12px 55px}.watch-heading{padding:0 6px;margin-bottom:20px}.watch-heading h1{font-size:29px}.watch-heading__meta{font-size:10px;gap:8px 16px}.watch-heading .learn-back{margin-bottom:16px}.player{border-radius:14px}.player__controls{padding:8px 6px}.player__bar{gap:1px}.player__button{width:34px;height:38px}.player__button svg{width:20px}.player__time{font-size:10px;margin-left:4px}.player__volume,.player__pip{display:none!important}.player__speed{margin:0 2px}.player__speed select{width:44px;font-size:11px}.player__chapter-now{font-size:10px;gap:7px}.player__chapter-now span{display:none}.player__start{width:55px;height:55px}.player__start svg{width:23px}.player__start>span{top:62px;font-size:10px}.player__resume{font-size:10px;bottom:8px;padding:7px 12px}.player__start.has-resume{top:43%}.player__start.has-resume>span{display:none}.player__end h2{font-size:21px}.player__end{gap:5px;padding:15px}.player__end .btn{font-size:11px;padding:9px 14px}.watch-actions{margin:16px 6px 0;gap:8px 14px}.watch-actions .btn{font-size:11px}.watch-time-share{font-size:11px!important}.watch-editor{margin-left:0;flex-basis:100%;padding:4px 0}.watch-about{padding:23px 6px 0}.watch-about p{font-size:13px}.share-status{margin-left:6px}.player__error b{font-size:16px}.player__error>span{font-size:11px}.player__error{gap:8px}.player__error a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.learn-feature,.lesson-card,.player__start,.player:fullscreen .player__controls{transition:none}.lesson-card:hover{transform:none}}