@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');
:root{font-family:Nunito,system-ui,sans-serif;color:#14374b;background:#f1f8fc;font-size:16px;--blue:#006a91;--yellow:#ffd567;--line:#d1e5ec}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #bb6500;outline-offset:4px}main{max-width:1380px;margin:auto;padding:26px 40px}header,.heading,.library-heading,.film-info,footer{display:flex;justify-content:space-between;align-items:center;gap:20px}header{padding-bottom:26px}.back{font-size:18px;font-weight:900;color:#006488;text-decoration:none}.weekly{font-weight:800;font-size:14px;color:#6c4800;background:#fff1ba;padding:9px 15px;border-radius:24px}.heading{margin:0 0 24px}.eyebrow{font-size:13px;font-weight:900;letter-spacing:.13em;margin:0 0 6px;color:#507588}h1{font-size:clamp(28px,3.5vw,44px);letter-spacing:-.035em;line-height:1.15;margin:0;font-weight:900}h2{margin:0;font-size:22px;line-height:1.25}.level{font-weight:800;border:1px solid #93c7d8;color:#006488;padding:8px 18px;border-radius:12px}.watch{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.screen{min-width:0;background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 8px 30px #1743570a}video{display:block;width:100%;aspect-ratio:16/9;background:#132c3a}.film-info{padding:20px 22px 10px;align-items:flex-start}.film-info p{margin:7px 0 0;color:#507080;line-height:1.5}.film-info>span{white-space:nowrap;font-weight:800;color:#507080;font-size:14px}#playerStatus{font-size:14px;margin:6px 22px 18px;min-height:20px;color:#835100}#retryPlayback{margin:0 22px 20px;border:0;background:var(--blue);color:white;border-radius:10px;padding:10px 16px}aside{border:1px solid var(--line);border-radius:20px;padding:20px;background:#fff;display:flex;flex-direction:column}.chapter-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.chapter-heading h2{font-size:20px}.chapter-heading span{font-size:14px;font-weight:800;color:#537584}.hint{font-size:14px;color:#57727e;margin:8px 0 18px}ol{list-style:none;margin:0;padding:0;display:grid;gap:7px;max-height:370px;overflow:auto;scrollbar-width:thin}ol button{border:1px solid transparent;background:#f1f7fa;color:#214a60;width:100%;text-align:left;padding:11px 10px;border-radius:11px;display:grid;grid-template-columns:26px 1fr;align-items:center;gap:8px;font-weight:800;font-size:14px;line-height:1.35}ol button .number{font-weight:900;color:#54849a;font-size:13px}ol button small{font-size:12px;font-weight:700;color:#567080;display:block;margin-top:3px}ol button[aria-current=true]{background:#fff0b1;border-color:#e8c852;color:#574114}ol button:hover{border-color:#77b5cb}#repeatChapter{margin-top:18px;border:1px solid #9ec6d6;color:#006a91;background:#fff;padding:10px;border-radius:12px;font-weight:800}#repeatChapter:disabled{opacity:.5;cursor:default}.library{margin-top:36px}.library-heading{margin-bottom:18px}.library-heading span{color:#527381;font-size:14px}.film-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.film-card{border:2px solid transparent;border-radius:16px;padding:0;overflow:hidden;text-align:left;background:white;color:inherit;box-shadow:0 2px 10px #163a4810;transition:transform .15s}.film-card:hover{transform:translateY(-3px)}.film-card[aria-pressed=true]{border-color:#007999}.film-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.film-card .copy{display:block;padding:14px}.film-card strong{display:block;font-size:17px;line-height:1.35}.film-card .meta{display:block;font-size:13px;color:#587482;font-weight:700;margin-top:8px}.film-card .selected{color:#006a91}footer{padding-top:30px;margin-top:28px;border-top:1px solid var(--line);font-size:14px;color:#668391}footer a{color:#006488;font-weight:800;text-decoration:none}[hidden]{display:none!important}@media(max-width:1050px){main{padding:22px}.watch{grid-template-columns:minmax(0,1fr) 260px}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){main{padding:18px 14px}.watch{grid-template-columns:1fr}header{gap:12px}.weekly{font-size:12px;padding:8px 10px}.heading{gap:10px}.level{padding:7px 10px;font-size:14px}.film-info{padding:16px}.film-info h2{font-size:20px}.film-info>span{font-size:13px}.film-info p{font-size:15px}aside{padding:16px}ol{grid-template-columns:1fr 1fr;max-height:none}ol button{height:100%;font-size:13px;padding:10px 7px;grid-template-columns:20px 1fr}.library-heading{align-items:flex-start;flex-direction:column;gap:8px}.film-grid{gap:11px}.film-card .copy{padding:11px}.film-card strong{font-size:15px}footer{align-items:flex-start;flex-direction:column;gap:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}