.student-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px max(26px,calc((100vw - 1300px)/2));background:#fff;border-bottom:1px solid var(--line)}.student-header .brand{font-size:29px}.student-header .brand img{width:43px;height:43px}.student-account{display:flex;align-items:center;gap:20px;font-size:13px}.student-account .subtle{font-size:12px;padding:9px 12px}.student-main{max-width:1350px;margin:auto;padding:35px 26px}.student-heading{margin-bottom:30px}.student-heading h1{font-size:32px;margin-bottom:8px}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.course-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.course-cover{position:relative;height:130px;background:#eae5f8;display:flex;align-items:center;justify-content:space-between;padding:25px;color:#9582c8}.course-cover span{font-size:45px}.course-cover small{font-size:12px;color:#7d709c}.course-card:nth-child(3n+2) .course-cover{background:#e5f1eb;color:#78a18f}.course-card:nth-child(3n+3) .course-cover{background:#f4eae1;color:#bb9778}.course-copy{padding:23px}.course-copy h2{font-size:21px}.course-copy p{font-size:13px;color:var(--muted);margin:10px 0 20px;line-height:1.8}.course-copy .primary{width:100%;font-size:13px;margin-top:17px}.course-copy small{font-size:12px;color:var(--muted)}.course-copy progress{margin:14px 0 7px}.simple-empty{background:#fff;border:1px dashed #dcd7ee;border-radius:14px;padding:55px 30px;text-align:center}.simple-empty h2{font-size:21px}.simple-empty p{color:var(--muted);margin-top:12px}.course-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin:15px 0 28px}.course-heading h1{font-size:29px}.course-heading p{margin-top:8px}.course-progress{min-width:180px;font-size:12px;color:var(--muted)}.course-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:25px;align-items:start}.lesson-playlist{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px 12px;max-height:680px;overflow:auto}.lesson-playlist h2{font-size:16px;margin:0 9px 15px}.playlist-item{display:flex;align-items:center;gap:11px;text-align:right;width:100%;padding:13px 10px;border-radius:9px;background:none;color:var(--ink);margin:3px 0}.playlist-item:hover{background:#f8f6fc}.playlist-item.current{background:#eee9fb;color:#6550b9}.playlist-item .lesson-index{font-size:12px;color:#9c91b9;min-width:22px}.playlist-item strong{display:block;font-size:13px;font-weight:600;line-height:1.8}.playlist-item small{font-size:11px;color:var(--muted)}.watch-area{min-width:0}.watch-area h2{font-size:21px}#player-shell{border:1px solid #e7e4ef;background:#fff;border-radius:12px;overflow:hidden}#stage{border-radius:0}#stage iframe{pointer-events:none}#shield{pointer-events:auto;touch-action:manipulation;user-select:none}#player-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#d6cfeb;font-size:13px;padding:25px;text-align:center}.watch-controls{display:flex;align-items:center;gap:8px;padding:12px;flex-wrap:wrap;direction:rtl}.watch-controls button{font-size:11px;padding:9px 10px;white-space:nowrap}.watch-controls #play{min-width:85px}.watch-controls #clock{font-size:10px;color:var(--muted);white-space:nowrap}.watch-controls input{padding:0;accent-color:var(--purple);cursor:pointer}.watch-controls #seek{flex:1;min-width:80px;width:120px}.watch-controls #volume{width:55px}.watch-controls select{padding:6px 3px;font-size:11px}.control-quiet{background:#f7f6fa;color:#807490;border-radius:8px}.watch-caption{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:22px 0 12px}.watch-caption .muted{font-size:11px;margin-top:5px}.watch-caption .subtle{font-size:12px;white-space:nowrap}#video-description{font-size:13px;line-height:1.9}.shortcuts{margin-top:23px;border-top:1px solid var(--line);padding-top:17px;color:#8a819e;font-size:12px}.shortcuts summary{cursor:pointer;display:list-item}.shortcuts>div{display:flex;flex-wrap:wrap;gap:13px 25px;padding-top:18px;line-height:2}kbd{font:inherit;direction:ltr;display:inline-block;border:1px solid #ddd7eb;border-bottom-width:2px;padding:0 6px;border-radius:4px;background:#fff;color:#6b5e8d}.fullscreen-fallback{position:fixed!important;inset:0!important;z-index:20000!important;border:0!important;border-radius:0!important;background:#10101c!important}.no-page-scroll{overflow:hidden}#player-shell:fullscreen,#player-shell.fullscreen-fallback{width:100vw;height:100dvh;display:flex;flex-direction:column;background:#10101c;border:0;border-radius:0}#player-shell:fullscreen #stage,#player-shell.fullscreen-fallback #stage{flex:1;min-height:0;aspect-ratio:auto;width:100%;height:auto}#player-shell:fullscreen .watch-controls,#player-shell.fullscreen-fallback .watch-controls{flex-shrink:0;background:#fff;padding:15px max(18px,env(safe-area-inset-right))}#player-shell:fullscreen #seek,#player-shell.fullscreen-fallback #seek{min-width:120px}#player-shell:fullscreen::backdrop{background:#10101c}
@media(max-width:1100px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-layout{grid-template-columns:225px minmax(0,1fr);gap:18px}.watch-controls #seek{order:2;flex-basis:100%;width:100%}.watch-controls #volume{margin-right:auto}.watch-controls #clock{margin-left:auto}}@media(max-width:750px){.student-header{padding:18px;gap:12px}.student-header .brand{font-size:25px}.student-header .brand img{width:36px;height:36px}.student-account{gap:6px;font-size:11px;flex-wrap:wrap;justify-content:flex-end}.student-account .text-button{font-size:11px}.student-account .subtle{font-size:10px;padding:7px}.student-main{padding:25px 16px}.student-heading h1{font-size:28px}.course-grid{gap:17px}.course-heading{display:block;margin-bottom:20px}.course-heading h1{font-size:25px}.course-progress{margin-top:17px;max-width:240px}.course-layout{display:flex;flex-direction:column}.watch-area{width:100%}.lesson-playlist{order:2;width:100%;max-height:none}.watch-caption{gap:12px}.watch-caption h2{font-size:17px}.watch-caption .subtle{font-size:11px;padding:9px}.watch-controls{gap:6px;padding:10px}.watch-controls button{font-size:11px;padding:9px}.watch-controls #play{min-width:76px}.watch-controls #volume{width:48px}.shortcuts{margin-bottom:8px}.auth-story{min-height:260px}.student-header .brand small{font-size:9px}.course-copy{padding:20px}}
@media(max-width:480px){.course-grid{grid-template-columns:1fr}.course-cover{height:105px}.watch-controls #clock{font-size:10px}.watch-controls #volume{width:48px}}

.course-card h2,.course-heading h1,.watch-caption h2{overflow-wrap:anywhere}
.watch-controls #back,.watch-controls #forward{direction:ltr}.watch-controls button{min-height:40px}
.course-cover .course-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.course-cover.has-image>span{visibility:hidden}.course-cover.has-image>small{position:absolute;z-index:1;bottom:14px;left:16px;padding:5px 10px;border-radius:7px;background:#fffffff0;color:#514367}