/* The phone layout is the reference at every width. */
@font-face{font-family:Inter;src:url('vendor/Inter-variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
body{height:100dvh;overflow:hidden;background:#041126}
.topbar{height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 20px 0;max-width:480px;margin:auto;gap:14px;border:0;background:#071a36}
.brand{font-size:30px}.brand span{font-size:8px}.top-label{font-size:9px;letter-spacing:1.7px}.top-right{font-size:11px}.top-divider{height:16px}
.layout{display:block;height:calc(100dvh - 56px - env(safe-area-inset-top));max-width:480px;margin:auto}
.workspace{height:100%;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:#071a36}
.lesson-heading{font-size:10px;letter-spacing:1px;margin:0 auto 10px;max-width:none}
.view-layout{display:flex;gap:0;height:100%;min-height:0}.player-column{width:100%;max-width:none;height:100%}
.stage{border-radius:14px;box-shadow:none;min-height:100px}.swiper-slide video{object-fit:contain}
.lesson-notes{display:none}.player-footer{padding:10px 4px 0}
.caption-heading h2{font-size:15px;line-height:1.35;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.caption-heading .icon-btn{width:44px;height:44px}
.scrub-row{margin:0;gap:10px}.scrub-row input{height:28px;touch-action:pan-x}.scrub-row #time{font-size:11px;white-space:nowrap}
.controls{gap:3px;justify-content:space-between;min-height:48px}.controls .icon-btn,.play-btn{width:44px;height:44px;margin:0}.play-btn{background:var(--mint);color:var(--ink);border:0;border-radius:50%}.control-spacer{display:none}select{min-height:44px;width:54px;font-size:12px}
.mobile-navigation{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #ffffff14;padding-top:8px;margin-top:8px;flex-shrink:0}
.chapter-trigger{display:flex;gap:9px;align-items:center;justify-content:center;min-height:44px;padding:0 16px;color:#071a36;background:#bde1d6;border-radius:12px;font-size:13px;font-weight:650}
.mobile-navigation .swipe-hint{margin:0;font-size:11px;color:#b4c1d4;line-height:1.5;text-align:right}.swipe-hint span{display:none}
.mobile-menu{display:inline-flex}.sidebar{display:none;position:fixed;inset:auto 0 0;max-height:90dvh;width:min(100%,480px);margin:auto;z-index:12;padding:14px 0 max(18px,env(safe-area-inset-bottom));border:0;border-radius:24px 24px 0 0;box-shadow:0 -16px 60px #0005}
.sidebar::before{content:'';width:38px;height:4px;border-radius:4px;background:#bccac8;margin:0 auto 18px;flex-shrink:0}
.sidebar.open{display:flex}.sidebar-backdrop{position:fixed;inset:0;background:#0009;z-index:11;backdrop-filter:blur(4px)}
.sidebar-heading,.sidebar-intro,.course-progress{margin-left:24px;margin-right:24px}.sidebar h1{font-size:26px}.sidebar-intro{font-size:13px;margin-top:12px;margin-bottom:18px}.sidebar .icon-btn{width:44px;height:44px;color:var(--ink)}
.course-progress{font-size:12px;margin-bottom:16px}.chapter summary{font-size:14px;min-height:52px;padding:14px 10px}.lesson-link{font-size:13px;min-height:52px;padding:13px 12px 13px 34px}.lesson-link .duration{font-size:11px}.chapter-number{font-size:12px}.sidebar-bottom{font-size:11px}.restart-course{min-height:44px;font-size:12px}
.welcome{padding:24px}.welcome-card h2{font-size:28px}.welcome-card p:not(.eyebrow){font-size:14px;line-height:1.7}.welcome-card .eyebrow{font-size:10px}.welcome-hint{font-size:11px}.primary{font-size:14px;min-height:48px;border-radius:12px}.welcome-mark{font-size:60px;margin-bottom:20px}
dialog{position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,480px);max-height:90dvh;border-radius:24px 24px 0 0;padding:24px 24px max(24px,env(safe-area-inset-bottom))}dialog .icon-btn{width:44px;height:44px}#transcript-body p{font-size:16px;line-height:1.8}#transcript-context{font-size:14px}.text-button{min-height:44px;font-size:13px}
@media(min-width:761px){.topbar{border-left:1px solid #ffffff12;border-right:1px solid #ffffff12}.layout{border-left:1px solid #ffffff12;border-right:1px solid #ffffff12}.player-column{max-width:none}.workspace{padding-top:8px}.sidebar-heading,.sidebar-intro,.course-progress{margin-left:24px;margin-right:24px}}
@media(max-height:720px){.topbar{height:calc(48px + env(safe-area-inset-top))}.layout{height:calc(100dvh - 48px - env(safe-area-inset-top))}.workspace{padding-top:4px}.lesson-heading{margin-bottom:6px}.player-footer{padding-top:4px}.welcome-mark{display:none}.welcome-card h2{font-size:23px}.welcome-card p:not(.eyebrow){font-size:12px}.welcome-card .primary{margin-top:6px}.mobile-navigation{margin-top:4px;padding-top:4px}}
@media(max-width:350px){.topbar{padding-left:16px;padding-right:16px}.top-label,.top-divider{display:none}.controls{gap:0}.controls .icon-btn,.play-btn{width:44px}.mobile-navigation .swipe-hint{font-size:10px}.chapter-trigger{padding:0 12px}}