.card-visual{position:relative;overflow:hidden}.access-badge{position:absolute;bottom:12px;left:12px;border:1px solid #ffffff24;padding:7px 10px;border-radius:24px;background:#091216e8;backdrop-filter:blur(12px);font-size:10px;letter-spacing:1px;font-weight:800}.access-badge.owned{color:var(--teal);border-color:#74e2c550}.card.locked img{filter:saturate(.65);opacity:.82}.card.locked button{color:#d8e4e7;background:#223038;border:1px solid #3a4c56}.card.unlocked{border-color:#74e2c560}.library-count{font-size:12px;color:var(--muted);margin-top:-7px;margin-bottom:25px}.cards{gap:22px}.card-info{padding:24px}.card-info p{min-height:58px}.card h3{font-size:21px}.class-layout aside{position:sticky;top:0;align-self:start;max-height:91dvh;overflow-y:auto}.class-layout>section{background:linear-gradient(145deg,#182630,#10191e 55%)}#classroom{width:min(1600px,98vw);max-height:96dvh;border-radius:18px}.class-layout{grid-template-columns:260px minmax(0,1fr)}video{border:1px solid #35434b;box-shadow:0 14px 40px #0005;border-radius:10px}#lesson-menu button.selected{background:#74e2c511;border-left:3px solid var(--teal);padding-left:12px}#lesson-menu button{line-height:1.5}.chapters{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chapter{background:#22343f;color:#c9d8df;font-size:11px;padding:7px 12px;border-radius:20px}.practice{background:#0d171d;border:1px solid #30424b;padding:24px;border-radius:14px;margin:30px 0}.prompt{border-left:3px solid #74e2c5;padding-left:20px}.prompt pre{font-family:ui-monospace,monospace;font-size:13px;color:#cee6e2}.lesson-nav{position:sticky;bottom:0;z-index:2;background:#10191ee8;backdrop-filter:blur(15px);padding:12px;border:1px solid #ffffff0b;border-radius:12px}.player-title h2{font-size:28px;max-width:90%}.auth-tabs button{font-size:11px}input[type=password]{width:100%;background:#0d151a;border:1px solid var(--border);border-radius:8px;color:#fff;padding:14px}#set-password{width:100%;margin-top:20px}.card img{transition:transform .5s}.card:hover img{transform:scale(1.035)}@media(max-width:650px){.class-layout{display:block}.class-layout aside{position:static;max-height:none;padding:24px}.class-layout>section{padding:24px 14px}.practice{padding:18px}.card-info{padding:14px}.card h3{font-size:17px}.access-badge{font-size:8px;left:8px;bottom:8px}.player-title h2{font-size:22px}.card-info p{min-height:60px}header{gap:10px}nav button{font-size:11px;padding:9px 12px}}@media(prefers-reduced-motion:reduce){.card img{transition:none}.card:hover img{transform:none}}

#reader{width:min(1100px,96vw);max-height:95vh;padding:28px}#reader-frame{width:100%;height:70vh;border:1px solid #38515c;border-radius:12px;background:#18252c}.material{flex-wrap:wrap}.material span{flex:1;min-width:160px}.prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}[hidden]{display:none!important}#player-status button{margin:8px 0}.prompt{scroll-margin-top:30px}