:root{--bg:#0b0b0d;--surface:#151518;--raised:#1c1c20;--red:#e73343;--text:#f5f4f2;--muted:#a4a4ad;--line:#2a2a30;--font:Arial,Helvetica,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 var(--font);overflow-x:hidden}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}button:focus-visible,a:focus-visible{outline:2px solid var(--red)}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default;opacity:.4}button,svg{flex-shrink:0}button{border:0;background:none}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.14}svg{fill:none;stroke:currentColor;stroke-width:1.7;width:22px;height:22px}button svg{vertical-align:middle}.section-wrap{padding-left:5%;padding-right:5%}.topbar{height:88px;display:flex;align-items:center;gap:56px;padding:0 5%;position:fixed;z-index:10;top:0;width:100%;background:linear-gradient(#0b0b0df5,#0b0b0ddc);border-bottom:1px solid #ffffff0a;backdrop-filter:blur(15px)}.brand{display:flex;gap:11px;align-items:center;line-height:1}.brand b{font-size:21px;letter-spacing:-.6px;white-space:nowrap}.light{font-weight:300;margin-left:3px}.brand small{display:block;margin-top:7px;font-size:9px;font-weight:bold;letter-spacing:.4em;color:#c3c3ca}.q-mark{font-size:47px;font-weight:900;letter-spacing:-6px;color:var(--red);line-height:1;padding-right:7px}.topbar nav{display:flex;align-items:center;gap:29px;font-size:13px;color:#b2b2bc}.topbar nav a,.topbar nav button{font:inherit;padding:11px 0;white-space:nowrap;position:relative}.topbar nav .active,.topbar nav :hover{color:white}.topbar nav .active:after{content:'';height:2px;width:16px;background:var(--red);position:absolute;bottom:0;left:0}.header-actions{margin-left:auto;display:flex;align-items:center;gap:23px}.icon-button{padding:8px}.notebook-button{display:flex;gap:9px;align-items:center;font-size:12px;color:#d4d4da}.profile{background:#262326;border:1px solid #544044;border-radius:50%;height:36px;width:36px;font-size:11px;font-weight:bold}.hero{min-height:710px;position:relative;overflow:hidden;padding:164px 5% 80px}.hero-art{position:absolute;inset:0 0 0 28%}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.69) saturate(.65)}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),#0b0b0db0 25%,#0b0b0d05 75%),linear-gradient(0deg,var(--bg) 0%,transparent 38%,#0b0b0d10 80%)}.hero-content{position:relative;max-width:650px;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:.16em;line-height:1.5;color:#f2b8bf}.red-line{width:22px;height:2px;background:var(--red)}.hero h1{font-size:clamp(45px,4.4vw,68px);letter-spacing:-2.8px;line-height:1.06;margin:23px 0 23px;font-weight:750}.hero h1 em{font-style:normal;color:#eb3d4a}.hero-content>p{font-size:16px;line-height:1.65;color:#bdbdc4}.hero-meta{display:flex;align-items:center;gap:16px;font-size:11px;color:#bdbdc4;margin:25px 0}.hero-meta>span+span:before{content:'·';margin-right:16px;color:#a1a1a7}.method{color:#f1e0e2;letter-spacing:.13em;font-size:9px;font-weight:bold;border:1px solid #b17b8260;padding:4px 8px;background:#6b283230}.hero-actions{display:flex;gap:12px}.btn{padding:13px 22px;border-radius:5px;font-size:12px;font-weight:bold;display:inline-flex;gap:12px;align-items:center;justify-content:center;min-height:46px}.primary{background:var(--red);color:white}.primary:hover{background:#f14455}.glass{background:#ffffff14;border:1px solid #ffffff1f}.glass:hover{background:#ffffff25}.secondary{background:#242429;border:1px solid #38383e}.secondary:hover{background:#303038}.info-icon{border:1px solid #c5c5cf;border-radius:50%;height:16px;width:16px;font:12px Georgia;text-align:center}.hero-foot{font-size:9px;color:#9c9ca8;letter-spacing:.16em;margin-top:35px}.hero-foot span{margin:0 11px;color:var(--red)}.hero-caption{position:absolute;right:5%;bottom:70px;color:#babac3;font-size:10px;z-index:2}.scan-marker{position:absolute;z-index:1;right:12%;top:46%;font-size:11px;color:#ece5e5;letter-spacing:.07em;background:#0b0b0d99;backdrop-filter:blur(10px);padding:10px 14px;border-left:2px solid #e73343}.scan-marker span{display:inline-block;width:6px;height:6px;border-radius:100%;background:#e73343;margin-right:8px}.continue-section{margin-top:-4px;position:relative;z-index:2}.section-top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.section-top h2{font-size:24px;letter-spacing:-.6px;margin:0}.text-button{font-size:12px;color:#c7c7cf;padding:0;display:inline-flex;align-items:center;gap:14px}.text-button:hover{color:white}.text-button span{color:#e54654}.continue-card{width:100%;display:flex;align-items:center;text-align:left;border:1px solid #2c2b30;background:#151518;border-radius:8px;padding:14px 25px 14px 14px;gap:24px;transition:border-color .2s}.continue-card:hover{border-color:#776065}.continue-thumb{width:156px;height:89px;border-radius:5px;position:relative;overflow:hidden;flex-shrink:0}.continue-thumb img{width:100%;height:100%;object-fit:cover;filter:brightness(.6)}.play-circle{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px}.continue-copy h3{font-size:18px;margin:7px 0 5px;letter-spacing:-.35px}.continue-copy p{font-size:12px;color:var(--muted);margin:0}.continue-copy .eyebrow{font-size:9px}.continue-progress{margin-left:auto;min-width:200px}.progress-label{font-size:10px;color:#aaaab5;display:flex;justify-content:space-between;gap:20px}.progress-label b{color:#e6c5c8}.progress-track{height:3px;background:#36353b;margin-top:10px;overflow:hidden}.progress-track span{height:100%;background:var(--red);display:block;transition:width .3s;width:0}.continue-link{display:flex;justify-content:flex-end;font-size:11px;gap:25px;margin-top:12px}.continue-link b{font-size:16px;line-height:1}.catalog{margin-top:70px}.catalog-top{margin-bottom:25px}.muted{color:#8f8f9b;margin-bottom:10px;font-size:9px}.search-field{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:5px;padding:10px 13px;background:#141417;min-width:280px}.search-field svg{width:17px;height:17px;color:#9b9ba5}.search-field input{background:none;border:0;outline:none;color:white;min-width:0;width:100%;font-size:12px}.search-field:focus-within{border-color:#e73343}.search-field kbd{border:1px solid #3c3c45;font-size:10px;padding:0 5px;border-radius:2px;color:#aaa}.filters{display:flex;gap:9px;padding-bottom:25px;border-bottom:1px solid #242428;overflow-x:auto}.filters button{border:1px solid #303038;border-radius:4px;padding:8px 15px;font-size:11px;white-space:nowrap;color:#a7a7b1}.filters button[aria-pressed=true]{background:#f0efed;color:#151518;border-color:#f0efed}.stream-row{margin-top:32px}.row-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px;gap:20px}.row-heading h3{font-size:18px;margin:0 0 6px;letter-spacing:-.3px}.row-heading p{font-size:11px;color:#9696a2;margin:0}.row-controls{display:flex;gap:8px;align-items:center}.row-controls small{color:#777782;font-size:10px;margin-right:12px}.row-controls button{border:1px solid #36363d;width:28px;height:28px;border-radius:50%;font-size:16px;line-height:1}.shelf{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);gap:18px;overflow-x:auto;padding-bottom:15px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#33333b transparent}.module-card{position:relative;min-width:0;scroll-snap-align:start}.module-open{display:block;width:100%;text-align:left;padding:0}.module-cover{height:195px;position:relative;overflow:hidden;border-radius:7px;background:#202024;border:1px solid #39383f;transition:transform .3s,border .3s}.module-cover img{width:100%;height:100%;object-fit:cover;object-position:center 58%;transition:transform .5s;filter:brightness(.66) saturate(.65)}.module-open:hover .module-cover{border-color:#8b545c}.module-open:hover img{transform:scale(1.06);filter:brightness(.8) saturate(.8)}.module-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08090b 0%,#08090b20 72%)}.cover-tag{position:absolute;top:15px;left:15px;z-index:1;font-size:8px;letter-spacing:.15em;font-weight:bold;color:#fff;background:#18181db8;padding:4px 7px;border-radius:3px}.cover-number{position:absolute;right:15px;top:10px;z-index:1;color:#ffffff70;font-size:34px;font-weight:bold;letter-spacing:-2px;line-height:1}.cover-title{position:absolute;z-index:1;bottom:21px;left:17px;right:22px;font-size:23px;letter-spacing:-.8px;line-height:1.07;font-weight:bold}.cover-title span{color:#ed5865}.module-detail{padding:12px 34px 0 1px}.module-detail h4{font-size:12px;font-weight:500;line-height:1.4;color:#e2e2e8;margin:0 0 6px}.module-detail p{color:#8e8e9b;font-size:10px;margin:0;line-height:1.4}.bookmark{position:absolute;right:0;bottom:8px;width:26px;height:26px;border:1px solid #42424a;border-radius:50%;font-size:18px;line-height:1}.bookmark[aria-pressed=true]{background:#e73343;border-color:#e73343}.card-progress{height:3px;position:absolute;left:0;top:192px;border-radius:0 0 5px 5px;background:var(--red);z-index:2}.empty-state{text-align:center;padding:60px 15px}.empty-state p{color:var(--muted)}.practice-section{margin-top:66px;padding-top:44px;padding-bottom:44px;background:linear-gradient(120deg,#1c1117,#121216 58%);border-top:1px solid #39242c;border-bottom:1px solid #2b2028;display:grid;grid-template-columns:.75fr 1.3fr;gap:48px;align-items:center}.practice-intro h2{font-size:34px;letter-spacing:-1px;margin:16px 0}.practice-intro p{font-size:13px;color:#a8a5b0;line-height:1.7;max-width:340px}.practice-intro .text-button{margin-top:8px}.live-dot{width:4px;height:4px;border-radius:50%;background:var(--red)}.lab-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lab-card{padding:0;text-align:left;border:1px solid #363038;border-radius:7px;overflow:hidden;background:#161419;transition:border-color .3s}.lab-card:hover{border-color:#b63a48}.lab-visual{height:178px;position:relative;background:radial-gradient(ellipse at center,#53232e30,transparent 65%),repeating-linear-gradient(0deg,transparent 0 22px,#6e334810 23px 24px),repeating-linear-gradient(90deg,transparent 0 22px,#6e334810 23px 24px)}.lab-visual svg{width:100%;height:100%;stroke:#db5262;stroke-width:1.2}.lab-visual .plan{stroke:#a598a5;stroke-width:2.5}.lab-visual .furniture{stroke:#675661}.lab-visual circle{stroke:#fd5b70;fill:#3b1b28}.lab-visual .plane{fill:#e3506410;stroke:#9c6877}.lab-badge{position:absolute;top:11px;left:12px;font-size:8px;color:#e5c2c8;letter-spacing:.14em}.lab-caption{padding:15px 17px;border-top:1px solid #32292f}.lab-caption>span{font-size:8px;color:#9d7c85;letter-spacing:.12em}.lab-caption h3{font-size:14px;margin:9px 0}.lab-caption h3 b{float:right;color:#ec5365}.lab-caption p{font-size:10px;color:#91909b;margin:0}.field-section{padding-top:64px;padding-bottom:64px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-card{height:235px;position:relative;overflow:hidden;text-align:left;border-radius:7px;border:1px solid #333239;padding:0}.case-card img{width:100%;height:100%;object-fit:cover;filter:brightness(.5) saturate(.6);transition:transform .5s}.case-card:hover img{transform:scale(1.05)}.case-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#09090bf0,#09090b00)}.case-card>div{position:absolute;left:23px;right:23px;bottom:20px;z-index:1}.case-card small{font-size:8px;letter-spacing:.15em;color:#e5a8b2}.case-card h3{font-size:24px;letter-spacing:-.5px;margin:9px 0 15px}.case-card span{font-size:10px;color:#bebec6}footer{border-top:1px solid #26252b;padding-top:35px;padding-bottom:30px;display:flex;align-items:center;gap:40px}footer .brand{transform:scale(.8);transform-origin:left center;margin-right:-25px}footer p{font-size:10px;color:#7e7e8b;margin:0}footer>div{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:9px;color:#858591}footer button{font-size:10px;padding:0}footer button:hover{color:white}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.skip{position:fixed;top:-100px;z-index:100;padding:15px;background:white;color:black}.skip:focus{top:5px}.noscript{padding:100px 5%;background:#751723}.empty-state h3{font-size:22px}dialog{color:var(--text);padding:0;border:1px solid #39343c;background:var(--bg)}dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}#viewer{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;overflow:hidden}.viewer-bar{height:62px;border-bottom:1px solid #303038;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#111114}.back-button{font-size:12px;padding:10px 0}.viewer-brand{font-size:11px;letter-spacing:.08em;color:#9797a3}.viewer-brand b{color:#d85160;margin-left:8px;font-size:9px}.viewer-layout{height:calc(100dvh - 62px);display:grid;grid-template-columns:minmax(0,1fr) 310px}.lesson-main{overflow-y:auto;min-width:0;display:flex;flex-direction:column;background:#121215}.lesson-heading{padding:24px 30px 17px}.lesson-heading h2{font-size:23px;letter-spacing:-.6px;margin:10px 0 16px}.lesson-tools{display:flex;gap:18px;font-size:11px;color:#b8b8c4}.lesson-tools span{margin-right:auto}.lesson-tools button{padding:0;color:#dedee6}.lesson-tools button:hover{color:var(--red)}#frame-wrap{flex:1;min-height:60vh;background:white;position:relative}#course-frame{display:block;width:100%;height:100%;min-height:60vh;border:0;background:#fff}.lesson-bottom{display:flex;gap:10px;justify-content:center;padding:18px 24px 7px}.lesson-bottom .btn{font-size:11px;padding:10px 16px;min-height:38px}.lesson-disclaimer{font-size:9px;color:#8e8e9c;text-align:center;margin:5px 20px 12px}.playlist{overflow-y:auto;border-left:1px solid #303038;background:#0d0d10}.playlist-heading{padding:28px 24px 18px;border-bottom:1px solid #28282e}.playlist-heading h3{font-size:19px;margin:10px 0;line-height:1.3}.playlist-heading p{font-size:11px;color:#91919e;margin:0}.playlist-module{width:100%;text-align:left;font-size:11px;font-weight:bold;padding:18px 20px;background:#18181d;border-bottom:1px solid #29292f;line-height:1.5;display:flex;gap:12px}.playlist-module span{color:#de5b68}.playlist-lesson{width:100%;display:flex;align-items:flex-start;gap:12px;text-align:left;padding:16px 20px;border-bottom:1px solid #24242a;font-size:11px;line-height:1.5;color:#b4b4c1}.playlist-lesson.active{background:#e7334316;border-left:3px solid var(--red);padding-left:17px;color:white}.playlist-lesson:hover{background:#232128}.lesson-number{color:#7d7d8b;font-size:10px;min-width:24px}.lesson-item-title{flex:1}.lesson-item-title small{display:block;color:#7e7e8d;font-size:9px;margin-top:5px}.done-dot{border:1px solid #45434c;border-radius:100%;width:15px;height:15px;font-size:10px;text-align:center;line-height:14px}.done-dot.done{background:#aa2a3b;color:white;border-color:#aa2a3b}#toggle-playlist{display:none}.focus-mode .viewer-layout{grid-template-columns:1fr}.focus-mode .playlist{display:none}.focus-mode .lesson-heading{display:none}.focus-mode #frame-wrap,.focus-mode #course-frame{min-height:75vh}.note-drawer{position:absolute;right:22px;top:85px;width:350px;max-width:calc(100% - 30px);background:#232027;padding:22px;border:1px solid #7c454e;border-radius:8px;box-shadow:0 15px 60px #000a;z-index:5}.note-drawer>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.note-drawer h3{font-size:17px;margin:0}.note-drawer p{font-size:11px;color:#aaa6b0;margin:14px 0}.note-drawer button{font-size:24px}.note-drawer textarea{width:100%;min-height:220px;resize:vertical;background:#131216;color:white;border:1px solid #4f414b;border-radius:5px;padding:12px;font-size:13px}.note-drawer small{font-size:10px;color:#bd9aa2}#panel{border-radius:12px;width:660px;max-width:calc(100vw - 28px);max-height:90dvh;overflow:auto;padding:38px}.panel-close{position:absolute;right:15px;top:10px;font-size:27px;color:#aaa}.panel-body h2{font-size:31px;letter-spacing:-1px;margin:16px 0}.panel-body p{color:#aaaab6;font-size:13px;line-height:1.7}.panel-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #333039;border-bottom:1px solid #333039;margin:25px 0;padding:22px 0;gap:20px}.panel-stats b{display:block;font-size:28px;color:white}.panel-stats span{font-size:11px;color:#aaa}.panel-row{padding:16px 0;border-bottom:1px solid #2f2c35}.panel-row strong{font-size:13px}.panel-row p{font-size:12px;margin:7px 0 0}.panel-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 10px}.notice{padding:15px;border:1px solid #61414a;background:#3e242e30;border-radius:5px;font-size:12px;color:#d1b4bb;line-height:1.6}.note-record{padding:20px 0;border-bottom:1px solid #302e35}.note-record h3{font-size:17px;margin:10px 0}.note-record p{white-space:pre-wrap;color:#cac7d0}.note-record button{font-size:11px;color:#ef6474}.settings-label{display:block;font-size:12px;margin:15px 0 7px}.danger{color:#e78c96;font-size:11px;text-decoration:underline}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);z-index:100;background:#eee9e9;color:#21191e;font-size:12px;padding:12px 20px;border-radius:5px;box-shadow:0 8px 40px #0008}#toast.in-dialog{position:fixed}.loading{padding:50px;text-align:center;color:#777}.mobile-preview .topbar{gap:15px}
@media(min-width:1600px){.hero{min-height:780px;padding-top:185px}.hero h1{font-size:74px}.module-cover{height:240px}.card-progress{top:237px}.cover-title{font-size:28px}}
@media(max-width:1100px){.topbar{gap:28px}.topbar nav{gap:20px}.header-actions{gap:12px}.notebook-button span{display:none}.hero h1{font-size:54px}.shelf{grid-auto-columns:calc((100% - 36px)/3)}.hero-art{left:20%}.continue-progress{min-width:150px}.continue-copy p{max-width:350px}.practice-section{grid-template-columns:.8fr 1.2fr;gap:28px}.practice-intro h2{font-size:29px}.lab-caption h3{font-size:12px}.viewer-layout{grid-template-columns:minmax(0,1fr) 265px}}
@media(max-width:760px){html{scroll-padding-top:85px}.topbar{height:72px;padding:0 5%;gap:10px}.brand b{font-size:17px}.brand small{font-size:7px}.q-mark{font-size:37px}.topbar nav{margin-left:auto;gap:16px;font-size:11px}.topbar nav a:nth-child(1),.topbar nav a:nth-child(3),.topbar nav button{display:none}.header-actions{gap:8px}.notebook-button{display:none}.profile{width:31px;height:31px;font-size:10px}.hero{min-height:670px;padding-top:145px;padding-bottom:65px}.hero-art{left:0}.hero-art img{object-position:64%;filter:brightness(.5) saturate(.5)}.hero-art:after{background:linear-gradient(0deg,var(--bg),#0b0b0d30 55%,#0b0b0d65),linear-gradient(90deg,#0b0b0d80,transparent)}.hero h1{font-size:49px;letter-spacing:-2px}.hero-content>p{font-size:14px}.hero .eyebrow{font-size:8px}.hero-meta{font-size:10px;gap:9px}.hero-meta>span+span:before{margin-right:9px}.hero-foot{font-size:7px}.hero-foot span{margin:0 6px}.hero-actions{gap:8px}.hero-actions .btn{font-size:10px;padding:12px 15px;gap:8px}.hero-caption{bottom:30px;font-size:8px}.scan-marker{display:none}.section-top h2{font-size:21px}.continue-section .section-top{gap:10px}.continue-section .text-button{font-size:10px;gap:5px}.continue-card{gap:14px;padding:10px;flex-wrap:wrap}.continue-thumb{width:95px;height:80px}.continue-copy{flex:1}.continue-copy h3{font-size:14px;line-height:1.3}.continue-copy p{font-size:10px}.continue-copy .eyebrow{font-size:7px;letter-spacing:.1em}.continue-progress{width:100%;padding:0 6px 2px;display:flex;align-items:center;gap:13px}.progress-label{white-space:nowrap;font-size:9px;gap:8px}.progress-track{flex:1;margin:0}.continue-link{margin:0;gap:10px;white-space:nowrap;font-size:10px}.catalog{margin-top:45px}.catalog-top{display:block}.search-field{margin-top:20px;width:100%;min-width:0}.filters{gap:7px;padding-bottom:17px}.filters button{font-size:10px;padding:7px 11px}.row-heading h3{font-size:16px}.row-heading p{font-size:10px;max-width:260px}.row-controls small{display:none}.row-controls{gap:5px}.row-controls button{width:24px;height:24px;font-size:13px}.shelf{grid-auto-columns:72%;gap:13px;overflow: auto;scrollbar-width:none}.module-cover{height:208px}.cover-title{font-size:26px}.card-progress{top:205px}.module-detail h4{font-size:12px}.module-detail p{font-size:10px}.stream-row{margin-top:25px}.practice-section{grid-template-columns:1fr;margin-top:40px;padding-top:32px;padding-bottom:32px;gap:25px}.practice-intro h2{font-size:30px}.practice-intro p{max-width:100%;font-size:12px}.lab-cards{gap:12px}.lab-visual{height:140px}.lab-caption{padding:13px 11px}.lab-caption h3{font-size:13px;line-height:1.3}.lab-caption p{font-size:9px}.lab-caption>span{font-size:7px}.lab-badge{font-size:6px;letter-spacing:.08em}.field-section{padding-top:45px;padding-bottom:40px}.field-section .section-top{display:block}.field-section .text-button{margin-top:17px}.case-grid{grid-template-columns:1fr;gap:12px}.case-card{height:210px}.case-card img{object-position:50% 65%}.case-card h3{font-size:25px}.case-card>div{left:20px}.case-card small{font-size:9px}footer{display:block;text-align:left;padding-top:25px}footer .brand{transform:none}footer p{margin-top:20px;font-size:11px}footer>div{align-items:flex-start;margin-top:20px;font-size:10px}footer button{font-size:11px}.viewer-bar{height:55px;padding:0 16px}.viewer-brand{display:none}#toggle-playlist{display:block;font-size:11px}.viewer-layout{height:calc(100dvh - 55px);display:block}.lesson-main{height:100%}.lesson-heading{padding:20px 18px 14px}.lesson-heading h2{font-size:20px}.lesson-heading .eyebrow{font-size:8px}.playlist{display:none;position:absolute;z-index:3;right:0;top:55px;height:calc(100dvh - 55px);width:85%;box-shadow:-20px 0 40px #0008}.show-playlist .playlist{display:block}.lesson-tools{font-size:10px;gap:14px}.lesson-bottom{gap:6px;padding:12px 10px 5px}.lesson-bottom .btn{font-size:10px;padding:9px 11px}.lesson-disclaimer{font-size:8px;margin:6px 12px 10px}.lesson-main #frame-wrap{min-height:53vh}.lesson-main #course-frame{min-height:53vh}.focus-mode #frame-wrap,.focus-mode #course-frame{min-height:72vh}#panel{padding:30px 22px}.panel-body h2{font-size:27px}.panel-stats{gap:12px}.panel-stats b{font-size:25px}.panel-stats span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.focus-mode .lesson-heading{display:block;padding:10px 24px}.focus-mode .lesson-heading h2,.focus-mode .lesson-heading>.eyebrow{display:none}
/* QuintaHub streaming identity — house, pulse, memory. */
:root{--bg:#101011;--red:#ff262c;--text:#f5f5f6;--surface:#1b1b1e;--line:#313135}body{font-family:Arial,Helvetica,sans-serif}.topbar{height:78px;gap:46px;border:0;background:linear-gradient(#080808f5,#080808c0);backdrop-filter:blur(12px)}.brand-logo{display:block;width:190px;height:auto}.topbar nav{gap:25px;font-size:13px}.topbar nav .active:after{display:none}.topbar nav .active{font-weight:700}.profile{border-radius:5px;background:linear-gradient(135deg,#d91b25,#720d16);border:1px solid #ed4851;height:33px;width:33px;font-size:10px}.header-actions{gap:16px}.hero{height:min(850px,90vh);min-height:740px;padding-top:164px;padding-bottom:85px}.hero-art{inset:0}.hero-art img{object-position:center;filter:none}.hero-art:after{background:linear-gradient(90deg,#080809e6 0%,#0808099c 30%,#08080905 70%),linear-gradient(0deg,#101011 0%,#101011a0 9%,transparent 45%)}.hero-content{max-width:630px}.hero .eyebrow{font-size:11px;letter-spacing:.2em;color:#f2f2f4;gap:11px}.hero .eyebrow img{width:28px;height:28px}.hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(64px,6.5vw,100px);line-height:.94;letter-spacing:-4.5px;font-weight:900;margin:26px 0 25px}.hero h1 em{color:#ff262c}.hero-content>p{font-size:16px;line-height:1.6;color:#ededf0;text-shadow:0 2px 20px #000}.hero-meta{font-size:11px;color:#e1e1e5;margin:24px 0 22px}.method{border:0;background:transparent;color:#ff5b61;padding:0;letter-spacing:.05em;font-size:10px}.hero-actions .btn{font-size:14px;padding:12px 25px;min-height:46px;border-radius:4px}.hero-actions .primary{background:#f4f4f5;color:#141414}.hero-actions .primary:hover{background:#d4d4d8}.hero-actions .primary>span{font-size:19px}.hero-actions .glass{background:#626266b3;border:0}.hero-actions .glass:hover{background:#6e6e72d9}.info-icon{border:2px solid #fff;width:20px;height:20px;font-size:15px;line-height:17px}.hero-foot{color:#c2c2c8;font-size:8px;margin-top:28px}.hero-caption{right:5%;bottom:65px;font-size:8px;letter-spacing:.16em;border-right:3px solid var(--red);padding:6px 12px;background:#11111180}.continue-section{margin-top:-36px}.continue-section .section-top h2{font-size:21px}.continue-card{background:#1b1b1edb;backdrop-filter:blur(20px);border:1px solid #ffffff16;border-radius:5px;padding:13px;gap:22px}.continue-thumb{width:145px;height:85px;border-radius:3px}.continue-copy h3{font-size:17px}.continue-progress{margin-right:18px}.catalog{margin-top:50px}.catalog-top h2{font-size:27px}.catalog-top>.eyebrow{color:#999}.filters{padding-bottom:20px}.filters button{border-radius:20px;padding:8px 17px}.stream-row{margin-top:34px}.row-heading{margin-bottom:16px}.row-heading h3{font-size:21px;letter-spacing:-.6px}.row-heading p{font-size:12px;color:#98989f}.shelf{grid-auto-columns:calc((100% - 64px)/5);gap:16px;padding-top:5px;padding-bottom:23px;scrollbar-width:none;overflow-y:visible}.module-cover{height:300px;border-radius:4px;border:1px solid #ffffff12;transition:transform .25s,box-shadow .25s}.module-cover>img{filter:brightness(.62) saturate(.8);object-position:center}.module-cover:after{background:linear-gradient(0deg,#080808 2%,#08080880 45%,#08080810 72%,#08080890)}.module-open:hover .module-cover{transform:translateY(-4px);border-color:#777;box-shadow:0 9px 20px #000a}.module-open:hover .module-cover>img{filter:brightness(.65) saturate(.85)}.cover-brand{position:absolute;top:14px;left:13px;z-index:2;display:flex;gap:4px;align-items:center;font-size:8px;letter-spacing:.08em;font-weight:800;color:#f5f5f5}.cover-brand img{width:23px;height:23px;object-fit:contain;filter:none!important;transform:none!important}.cover-tag{top:auto;bottom:105px;left:16px;background:transparent;padding:0;letter-spacing:.12em;font-size:7px;color:#c7c7ce}.cover-number{top:49px;right:15px;font-size:65px;letter-spacing:-4px;color:#ffffff24;font-weight:900}.cover-title{bottom:29px;left:16px;right:10px;font-size:25px;line-height:1.03;letter-spacing:-.9px;text-transform:uppercase;max-width:210px}.cover-title span{color:#fff}.cover-title:after{content:'';width:28px;height:3px;background:#ff262c;display:block;margin-top:12px}.module-detail{padding:12px 30px 0 1px}.module-detail h4{font-size:12px;line-height:1.4;font-weight:600}.module-detail p{font-size:9px}.bookmark{bottom:12px;width:24px;height:24px}.card-progress{top:297px}.cover-play{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;font-size:27px;background:#0004;opacity:0;transition:opacity .2s}.module-open:hover .cover-play{opacity:1}.practice-section{background:linear-gradient(110deg,#241316,#151516 58%);border-color:#3b2629;padding-top:44px;padding-bottom:44px}.practice-intro h2{font-size:38px}.practice-intro h2 em{font-style:normal;color:#ff373c}.lab-visual{height:185px}.lab-caption h3{font-size:15px}.lab-caption>span{color:#cba5ac}.case-card{border-radius:4px;height:250px}.case-card small{color:#ff767a}.field-section{padding-bottom:55px}footer .brand{transform:none;margin-right:0}footer .brand-logo{width:162px}footer p{font-size:8px;letter-spacing:.12em;color:#a4a4ab}.viewer-brand-logo{width:148px;height:auto}.viewer-bar{background:#0a0a0c}.lesson-heading .eyebrow{color:#f48489}.lesson-heading{background:linear-gradient(110deg,#211316,#151518)}#frame-wrap,#course-frame{background:#141416}.panel-body .eyebrow{color:#ff757b}.viewer-brand-logo{max-height:40px}
@media(min-width:1700px){.shelf{grid-auto-columns:calc((100% - 80px)/6)}.module-cover{height:330px}.card-progress{top:327px}.cover-title{font-size:29px}}
@media(max-width:1100px){.topbar{gap:25px}.brand-logo{width:168px}.shelf{grid-auto-columns:calc((100% - 48px)/4)}.hero{height:auto;min-height:740px}.hero h1{font-size:80px}.module-cover{height:280px}.card-progress{top:277px}.cover-title{font-size:23px}.hero-art img{object-position:60% center}.cover-tag{bottom:100px}.hero-content{max-width:570px}}
@media(max-width:760px){.topbar{height:68px;gap:8px}.brand-logo{width:143px}.topbar nav{font-size:11px;gap:14px}.header-actions{gap:7px}.hero{min-height:710px;padding-top:136px;padding-bottom:72px;height:auto}.hero-art img{object-position:65% center;filter:brightness(.85)}.hero-art:after{background:linear-gradient(0deg,#101011 0%,#10101130 67%,#08080930),linear-gradient(90deg,#080809c4,#08080940 90%)}.hero h1{font-size:68px;letter-spacing:-3px;line-height:.98;margin:24px 0}.hero .eyebrow{font-size:9px;letter-spacing:.13em}.hero .eyebrow img{width:24px;height:24px}.hero-content>p{font-size:14px;max-width:350px}.desktop-break{display:none}.hero-meta{font-size:10px;gap:9px}.method{font-size:8px}.hero-actions .btn{font-size:12px;padding:12px 17px}.hero-actions .primary>span{font-size:16px}.hero-foot{font-size:7px;margin-top:24px}.hero-caption{display:none}.continue-section{margin-top:-25px}.continue-card{padding:11px;gap:13px}.continue-thumb{width:88px;height:77px}.continue-copy h3{font-size:14px}.continue-progress{margin-right:0}.continue-section .section-top h2{font-size:20px}.catalog{margin-top:37px}.catalog-top h2{font-size:24px}.filters{padding-bottom:18px}.filters button{font-size:10px;padding:7px 12px}.row-heading h3{font-size:18px}.row-heading p{font-size:10px;max-width:260px}.shelf{grid-auto-columns:52%;gap:12px;padding-bottom:16px}.module-cover{height:270px}.card-progress{top:267px}.cover-title{font-size:23px;bottom:26px;left:13px}.cover-brand{font-size:7px;left:10px;gap:3px}.cover-brand img{width:21px;height:21px}.cover-number{font-size:58px}.cover-tag{left:13px;bottom:104px;font-size:6px}.module-detail h4{font-size:11px}.module-detail p{font-size:9px}.cover-play{display:none}.practice-intro h2{font-size:32px}.lab-visual{height:140px}.lab-caption h3{font-size:12px}.viewer-brand-logo{display:none}footer p{font-size:9px;line-height:1.8}.case-card{height:215px}}
@media(max-width:360px){.brand-logo{width:127px}.topbar nav{display:none}.header-actions{margin-left:auto}.hero h1{font-size:61px}.hero-actions .btn{padding:11px 12px}.shelf{grid-auto-columns:60%}}

.cover-tag{top:43px;bottom:auto;left:16px}.cover-number{top:63px}@media(max-width:760px){.cover-tag{top:41px;left:13px}}

/* Cinematic module collection, 2026-10-26. Editorial covers only. */
.module-cover{height:auto!important;aspect-ratio:2/3}.module-cover>img{filter:none;object-position:50% 40%}.module-open:hover .module-cover>img{filter:brightness(1.08)}.module-cover:after{background:linear-gradient(0deg,#080808e8 0%,#08080840 40%,transparent 60%,#08080875 100%)}.cover-title{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-weight:800;font-size:clamp(23px,2.25vw,34px);line-height:1.08;letter-spacing:.01em;bottom:24px;right:16px;max-width:none;text-shadow:0 2px 12px #000}.cover-title span{color:#ff454a}.cover-number{font-family:Impact,Arial,sans-serif;color:#ffffff70;font-size:48px;top:61px;letter-spacing:0}.cover-brand{background:#09090970;padding:4px 6px;border-radius:3px}.cover-tag{top:53px}.card-progress{position:relative;display:block;top:auto!important;bottom:auto;height:3px;margin-top:8px}.lesson-heading{position:relative;isolation:isolate;min-height:180px;background:#181519}.lesson-heading:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,#111114 15%,#111114d9 50%,#11111425),var(--module-art);background-size:cover;background-position:center,70% 38%}.lesson-heading h2{max-width:760px;text-shadow:0 2px 10px #000}.playlist-cover{width:36px;height:54px;object-fit:cover;border-radius:3px;flex-shrink:0}.playlist-module{align-items:center}.continue-thumb img{object-position:center 35%}.case-card img{object-position:center 35%;filter:brightness(.85)}.focus-mode .lesson-heading{min-height:0}.focus-mode .lesson-heading:before{display:none}@media(max-width:760px){.cover-title{font-size:25px;bottom:24px}.cover-tag{top:49px}.cover-number{top:66px;font-size:42px}.lesson-heading{min-height:175px}.lesson-heading:before{background-image:linear-gradient(90deg,#111114f5,#111114a0),var(--module-art)}.playlist-cover{width:30px;height:45px}}

/* Photographic Laboratory covers */
.lab-visual{height:auto;aspect-ratio:2/1;isolation:isolate;overflow:hidden;background:#272326}.lab-visual>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.lab-3d>img{object-position:center 64%}.lab-visual:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0007,transparent 45%,#0002);pointer-events:none}.lab-visual .lab-badge{z-index:2;color:white;background:#151518b8;padding:6px 8px;border:1px solid #ffffff30;border-radius:3px;letter-spacing:.06em}.lab-card:hover .lab-visual>img{transform:scale(1.025)}@media(max-width:760px){.lab-visual{height:auto;aspect-ratio:16/9}}@media(prefers-reduced-motion:reduce){.lab-visual>img{transition:none}}

/* Quinto edition */
.hero-content{max-width:690px}.hero h1{font-size:clamp(40px,4.1vw,66px)}.continue-section{margin-top:42px}.hero-caption{bottom:35px}.hero{min-height:740px}.quinto-path+.continue-section{margin-top:38px}@media(min-width:801px) and (max-width:1100px){.quinto-hero{right:3%;width:240px}.quinto-hero>img{width:210px;height:240px}.hero-content{max-width:calc(100% - 250px)}.hero h1{font-size:43px}.desktop-break{display:none}}@media(max-width:800px){.hero{min-height:0;padding-bottom:40px}.hero-content{max-width:100%}.hero-caption{display:none}.hero h1{font-size:clamp(36px,7vw,54px)}.quinto-hero .quinto-hello{flex:1}.continue-section{margin-top:32px}}
@media(max-width:500px){.hero-actions{display:grid;grid-template-columns:1fr;gap:10px}.hero-actions .btn{width:100%;min-width:0}.topbar{gap:12px}.topbar nav{gap:12px}.topbar .brand-logo{width:120px}.header-actions{gap:6px}.header-actions .icon-button{padding:5px}.header-actions .profile{width:30px;height:32px}.quinto-progress-face{width:26px;height:28px}}

/* Keep cover lettering proportional to each portrait, including long titles. */
.module-cover{container-type:inline-size}.module-cover .cover-title{font-size:clamp(18px,11.4cqi,34px)}

.purchase-link{position:fixed;right:16px;bottom:18px;z-index:40;background:#e62039;color:#fff;padding:14px 22px;border:1px solid #ff7788;border-radius:12px;font-weight:800;box-shadow:0 6px 25px #0008;text-decoration:none}.access-banner{margin:80px 4% 18px;padding:22px 26px;border:1px solid #bd4252;border-radius:16px;display:flex;gap:24px;align-items:center;justify-content:space-between;background:#281b23}.access-banner b{font-size:22px}.access-banner p{color:#eee;line-height:1.6;max-width:760px}.access-banner .btn{white-space:nowrap}.done-dot{min-width:32px;width:auto}@media(max-width:640px){.access-banner{margin-top:80px;flex-direction:column;align-items:flex-start;padding:20px}.purchase-link{bottom:12px;right:12px;font-size:13px;padding:12px 16px}}