:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#202124;background:#fff;font-synthesis:none;line-height:1.5;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:#164fae;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,.button{min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:9px;background:#1959c5;color:#fff;font-weight:600;cursor:pointer}button:hover{filter:brightness(.94)}button:disabled{opacity:.6;cursor:wait}.secondary{background:#f1f3f6;color:#232833;border-color:#d4d8df}.danger{background:#b22424}.error{color:#9e1919;background:#fff2f1;padding:14px;border-radius:8px;margin:16px 0;overflow-wrap:anywhere}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,video:focus-visible{outline:3px solid #175acb;outline-offset:4px}header{height:76px;border-bottom:1px solid #e0e3e7;display:flex;align-items:center;gap:50px;padding:0 max(24px,calc((100vw - 1120px)/2))}.brand{font-size:21px;white-space:nowrap;color:#222;text-decoration:none;letter-spacing:-.8px}.brand strong{color:#1959c5}nav{display:flex;align-items:center;gap:28px}nav a{color:#313742;text-decoration:none;min-height:44px;display:flex;align-items:center}nav a[aria-current]{color:#164fae}main{max-width:1120px;margin:auto;padding:32px 24px 80px}h1{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:8px 0 28px}h2{font-size:22px;letter-spacing:-.4px}h3{font-size:18px}p{white-space:pre-wrap}input,textarea,select{border:1px solid #aeb5bf;border-radius:8px;padding:10px 12px;min-height:44px;background:#fff;color:#202124}input,textarea{width:100%}input[type=search]{max-width:520px}textarea{min-height:110px;resize:vertical}label{display:flex;flex-direction:column;gap:7px;font-weight:500}form{display:grid;gap:20px}fieldset{border:0;padding:0;margin:0;display:grid;gap:20px;min-width:0}.library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 26px;margin-top:32px}.lecture{color:inherit;text-decoration:none;border-bottom:1px solid #e0e3e7;padding-bottom:22px;overflow-wrap:anywhere}.lecture img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:#f3f4f6}.lecture h2{margin:16px 0 8px}.lecture p{margin:0 0 12px}.lecture:hover h2{color:#1959c5}video{display:block;width:100%;aspect-ratio:16/9;background:#111;border-radius:10px;margin-top:24px}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:20px 0}.toolbar label{flex-direction:row;align-items:center}.description{max-width:850px;font-size:18px}.reading{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;margin-top:32px}.chapter,.transcript{display:flex;align-items:baseline;gap:18px;background:#fff;color:#252932;border-radius:0;border-bottom:1px solid #e4e6ea;text-align:left;width:100%;font-weight:400;padding:14px 8px}.chapter span,.transcript span{font-variant-numeric:tabular-nums;min-width:48px;color:#174fa8}.chapter[aria-current]{background:#edf3ff;color:#164fae;font-weight:600}.transcript:hover,.chapter:hover{background:#f2f5fa}.account{max-width:440px;margin:24px auto}.account form{margin:24px 0}.account-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px}.panel{padding:24px;border:1px solid #d8dde5;border-radius:12px;margin-bottom:38px}.panel form{max-width:700px}.upload{margin-top:24px}progress{width:100%;height:14px;accent-color:#1959c5}.catalog-item{border-bottom:1px solid #d8dde5;padding:18px 0}.catalog-heading{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.catalog-heading h3{margin:0;flex:1;min-width:160px}.state{font-weight:600}.editor{max-width:760px;padding:24px 0}.editor form{margin-bottom:30px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.confirmation{border:2px solid #ac2525;border-radius:10px;padding:20px}.confirmation button{margin:0 10px 10px 0}.skip{position:absolute;left:16px;top:-100px;background:#fff;padding:12px;z-index:2}.skip:focus{top:10px}@media(max-width:760px){header{padding:0 18px;gap:24px;height:auto;min-height:72px;flex-wrap:wrap}nav{gap:18px;flex-wrap:wrap}.library{grid-template-columns:repeat(2,minmax(0,1fr))}.reading{grid-template-columns:1fr;gap:24px}main{padding:26px 18px 60px}.panel{padding:18px}h1{font-size:29px}}@media(max-width:480px){.library,.pair{grid-template-columns:1fr}header{gap:16px}nav{gap:14px;font-size:15px}.catalog-heading{gap:12px}.account{margin:12px auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}input,textarea,select{min-width:0;max-width:100%}input::placeholder,textarea::placeholder{color:#59616d;opacity:1}
