/* Integration refinements verified against the real application DOM. */
:root{--muted:#64667b;--subtle:#6d7085}
::selection{background:#ded8ff;color:#292342}*{scrollbar-width:thin;scrollbar-color:#c9c5e1 transparent}input,textarea{caret-color:var(--accent)}a:focus-visible,button:focus-visible{outline:3px solid #8d80ed;outline-offset:3px}h1,h2,h3{font-weight:700;text-wrap:balance;letter-spacing:-.035em}h2{font-size:20px;line-height:1.3}h3{font-size:16px;line-height:1.4}p{line-height:1.65}.panel>h2:first-child,.panel>h3:first-child{margin-top:0}.panel>p{color:var(--muted)}button{border-color:transparent}.btn{font-size:12px;min-height:42px}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn.small{min-height:36px;font-size:11px}.btn.full-width,.full-width{width:100%;margin-top:12px}.text-link{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;padding:4px 0;border:0;border-radius:3px;color:var(--accent);background:transparent;font-size:12px;font-weight:650;line-height:1.5;text-decoration:none;text-underline-offset:4px}.text-link:hover{text-decoration:underline}.skip-link{position:fixed;z-index:120;top:-80px;left:16px;padding:12px 18px;border-radius:8px;color:#fff;background:#4438a2}.skip-link:focus{top:12px}.brand{gap:10px}.brand-mark{position:relative;display:flex;align-items:center;justify-content:center;font-size:27px;font-weight:750;letter-spacing:-.08em}.brand-mark>span{display:inline;color:#d0c9ff}.brand-name{font-size:17px;letter-spacing:-.045em}.brand-name>span{display:block;margin-top:1px;color:var(--accent);font-size:11px;letter-spacing:.12em;font-weight:600;text-transform:uppercase}.brand-sub{font-size:9px;line-height:1.5}.nav-item{font-size:12px}.workspace-card{padding:14px}.workspace-card>svg{margin-bottom:6px;color:var(--accent)}.workspace-card .text-link{font-size:10px;white-space:normal}.user-mini>span:nth-child(2){flex:1;min-width:0}.user-mini>.icon-btn{margin-left:auto}.topbar{background:var(--surface);backdrop-filter:none}.top-actions{flex-shrink:0}.breadcrumbs{min-width:0}.breadcrumbs>span{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:235px}.notification-dot{position:absolute;top:8px;right:9px;width:5px;height:5px;border:1px solid var(--surface);border-radius:50%;background:var(--accent)}.icon-btn{position:relative}.demo-chip{gap:5px}.demo-chip .status-dot{width:6px;height:6px}.page-heading h1{letter-spacing:-.04em}.page-heading p{max-width:70ch;font-size:13px}.hero-study{min-height:280px;gap:24px}.hero-copy{max-width:420px;min-width:0;flex:1}.hero-copy h2{font-size:clamp(26px,2.6vw,34px);max-width:390px;letter-spacing:-.035em;margin-top:0}.hero-copy p{font-size:12px}.hero-btn{background:#e2ddff;color:#312969;box-shadow:none}.hero-btn:hover{background:#f4f0ff}.hero-stats{justify-content:space-between;max-width:310px;margin-top:20px;font-size:11px}.hero-copy>.progress-track{max-width:310px;margin-top:7px;background:#4c466d;height:4px}.hero-copy .progress-fill{background:#bcb2ff}.hero-visual{width:148px;height:180px;box-shadow:0 16px 35px #14102f44;background:#7564d4}.hero-visual::before,.hero-visual::after{display:none}.visual-window{position:absolute;left:14px;right:14px;top:20px;height:96px;border:1px solid #eee9ff55;border-radius:10px;background:#ffffff10}.window-dots{display:flex!important;position:static!important;gap:3px;padding:8px}.window-dots i{width:3px;height:3px;border-radius:50%;background:#ddd7ff}.visual-play{display:grid;place-items:center;height:52px}.visual-play svg{width:27px;height:27px}.visual-bars{display:flex;gap:5px;padding:7px}.visual-bars i{height:2px;width:22px;background:#c8bfff77}.hero-visual>.visual-sticker{font-size:9px;left:14px;bottom:14px;line-height:1.1}.goal-ring{background:conic-gradient(var(--accent) 0 var(--pct),var(--line) var(--pct) 100%);width:126px;height:126px;margin:12px auto}.goal-ring>div{position:relative;z-index:1;text-align:center}.goal-ring strong{font-size:25px;letter-spacing:-.04em}.goal-ring strong small{font-size:15px;color:var(--muted)}.goal-ring span{position:static;display:block;max-width:85px;margin:3px auto 0;font-size:10px;line-height:1.35}.goal-caption{font-size:10px;line-height:1.4}.day{color:#656a80}.section-title h2{font-size:20px}.section-title p{font-size:12px}.course-cover{position:relative;inset:auto;display:flex;width:100%;min-height:185px;align-items:flex-end;padding:22px;border-radius:0;font-size:inherit}.course-cover.cover-meta{background:#e9e3ff;color:#28203f}.course-cover.cover-creative{background:#def0e9}.course-cover.cover-measure{background:#f9e8da}.course-cover.cover-retarget{background:#e2eafa}.cover-code{top:13px;left:18px;right:auto;max-width:75%;color:#5e576a;font-size:8px;font-weight:600;letter-spacing:.12em;line-height:1.4}.cover-title{max-width:84%;font-size:24px;line-height:1.05;letter-spacing:-.04em}.cover-badge{position:absolute;top:auto;bottom:14px;right:14px;width:auto;height:auto;max-width:70px;display:block;padding:5px 6px;border-radius:4px;color:#4e4559;background:#ffffff70;font-size:7px;letter-spacing:.04em;line-height:1.3}.cover-lines{top:52px;right:-28px;width:125px;height:125px;border-radius:35px;transform:rotate(-18deg);border-color:#2f244320;box-shadow:0 0 0 16px #ffffff20,0 0 0 32px #2f244306}.course-body{padding:18px}.course-body>p{font-size:12px;color:var(--muted);margin-top:0;min-height:44px}.course-title{font-size:15px;line-height:1.4;margin:9px 0 8px;min-height:42px;letter-spacing:-.025em}.course-meta{font-size:10px;gap:8px}.course-meta>span{display:inline-flex;gap:5px;align-items:center}.course-meta svg{width:13px;height:13px}.course-body>.course-meta:nth-last-child(2){margin:14px 0 12px}.course-footer{font-size:10px;gap:6px}.course-footer .text-link{font-size:11px}.course-footer .badge{font-size:8px}.community-mini{display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding:20px}.community-mini .panel-head{width:100%;gap:15px}.community-mini .panel-head h3{font-size:16px;max-width:240px}.community-mini p{font-size:12px;line-height:1.65;margin:0}.community-mini .text-link{font-size:12px}.community-mini>small{display:block;font-size:10px}.avatar-stack .avatar{width:34px;height:34px;font-size:10px}.next-copy strong{font-size:12px;white-space:normal;line-height:1.5}.next-copy small{font-size:10px}.next-item>svg:last-child{margin-left:auto;color:var(--accent)}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quick-link{padding:17px;min-width:0}.quick-link>span{flex:1;min-width:0}.quick-link strong{font-size:11px}.quick-link small{font-size:10px}.quick-link>svg:last-child{width:15px;height:15px}.demo-footer{margin:0 20px;padding:8px 0 24px;line-height:1.5;font-size:10px}.panel{margin-bottom:18px}.panel-head{margin-bottom:12px}.panel-head h2,.panel-head h3{font-size:15px}.panel>p,.panel li{font-size:13px}.panel>p:last-child{margin-bottom:0}.dashboard-top>.panel,.dashboard-bottom>.panel,.grid-2>.panel,.grid-3>.panel{margin-bottom:0}.stack>.panel{margin-bottom:0}.filter-bar{justify-content:space-between;align-items:center;margin-bottom:20px}.input-with-icon{display:flex;align-items:center;gap:8px;border:1px solid var(--line-strong);border-radius:9px;padding-left:12px;max-width:280px;width:100%;background:var(--surface);color:var(--muted)}.input-with-icon .input{border:0;background:transparent}.tabs{max-width:100%;min-width:0}.tab{font-size:12px;padding:0 14px}.input,.select{font-size:13px;max-width:100%}.input::placeholder{color:#6b6d81}.field{margin-bottom:17px}.field label,form>label{font-size:12px;font-weight:600;line-height:1.5}.field>small{font-size:11px;color:var(--muted)}.settings-form{display:flex;flex-direction:column;gap:4px}.settings-form .btn{align-self:flex-start}.form-grid{width:100%}.notice{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.6;margin-bottom:20px}.notice>svg{flex-shrink:0;margin-top:2px}.empty{gap:8px;align-content:center;min-width:0}.empty h3{margin:6px 0;font-size:16px}.empty p{font-size:12px;margin:0 0 12px;max-width:45ch}.empty>svg{color:var(--accent);width:25px;height:25px}.course-banner{display:block;padding:0;min-height:0;margin-bottom:20px}.course-banner .course-cover{min-height:280px;padding:30px}.course-banner .cover-title{font-size:42px}.course-banner .cover-code{font-size:11px;left:30px;top:22px}.course-banner .cover-badge{font-size:10px;max-width:100px;bottom:24px;right:24px}.module-list{margin-top:10px}.module-title{cursor:pointer;font-size:12px;padding:14px;line-height:1.5;list-style:none}.module-title:hover{color:var(--accent)}.module-title svg{width:14px;height:14px;transition:transform .2s}.module-list[open]>.module-title svg{transform:rotate(90deg)}.lesson-row{font-size:12px;padding:12px;line-height:1.4}.lesson-row>span:nth-child(2){flex:1;min-width:0}.lesson-check{color:var(--muted);width:25px;height:25px}.lesson-check svg{width:12px;height:12px}.lesson-row small{white-space:nowrap}.lesson-row.current{background:var(--accent-soft);color:var(--accent);font-weight:600}.lesson-layout>.panel{margin-bottom:0}.lesson-layout .panel>h3{margin-top:0}.player{position:relative}.player-surface{min-height:370px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 30px 65px}.player-topline{position:absolute;top:20px;left:23px;right:23px;display:flex;justify-content:space-between;gap:15px;color:#e2dcff;font-size:8px;letter-spacing:.09em;line-height:1.5}.player-center{display:flex;flex-direction:column;width:100%;height:auto;max-width:520px;border:0;border-radius:0;background:transparent;text-align:center;gap:14px}.player-center h2{font-size:clamp(25px,3vw,35px);line-height:1.2;letter-spacing:-.035em;margin:0;color:#fff;max-width:480px}.player-center p{font-size:13px;line-height:1.6;color:#dad5ef;max-width:390px;margin:0}.slide-count{font-size:10px;color:#c0b5ed;font-variant-numeric:tabular-nums}.player-play{display:grid;place-items:center;width:46px;height:46px;background:#ffffff15;color:#fff;border:1px solid #ffffff60;border-radius:50%;margin-top:4px}.player-play:hover{background:#ffffff30}.player-play svg{width:17px;height:17px}.player-watermark{position:absolute;bottom:17px;left:20px;right:20px;text-align:center;color:#c9c1e7;font-size:10px}.player-controls{position:static;height:52px;background:var(--surface);border-top:1px solid var(--line);padding:6px 12px;color:var(--ink);gap:10px}.player-controls .icon-btn{width:33px;height:33px}.player-controls .icon-btn svg{width:16px;height:16px}.player-controls input[type=range]{min-width:0;flex:1;accent-color:var(--accent)}.player-controls .player-time{color:var(--muted);font-size:10px}.player-controls select{border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:4px;font-size:11px;max-width:60px}.player-surface:fullscreen{height:100vh;max-height:none}.lesson-actions{margin:17px 0;gap:12px;flex-wrap:wrap}.lesson-actions>.muted{font-size:11px;display:flex;align-items:center;gap:5px}.lesson-actions>.muted svg{width:14px;height:14px}.lesson-content{padding:22px;color:var(--ink);font-size:13px;line-height:1.75;margin:17px 0}.lesson-content p{max-width:70ch}.lesson-content ul{padding-left:20px}.lesson-content h2{font-size:21px}.lesson-content h3{margin-top:24px}.resource-row>span{flex:1;min-width:0}.resource-row strong{display:block;font-size:12px}.resource-row small{display:block;font-size:11px;color:var(--muted);line-height:1.5}.note-editor{display:block;width:100%;padding:14px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface-2);color:var(--ink);font-family:inherit;font-size:13px;line-height:1.7;resize:vertical;margin-bottom:14px}.note-card{margin:12px 0}.note-card h3{font-size:14px;margin:0}.note-card p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin-bottom:14px}.quiz-question{border:0;padding:0;margin:0 0 28px;min-width:0}.quiz-question legend{font-size:15px;font-weight:600;margin-bottom:14px;line-height:1.6}.quiz-option{font-size:13px;line-height:1.6;margin-bottom:8px}.quiz-option input{margin-top:4px}.quiz-result{color:#6a531f;background:#fff5df;margin-top:24px;line-height:1.6;font-size:12px}.quiz-result.pass{color:#285b47;background:#e7f5ee}.transcript{font-size:12px;line-height:1.7}.transcript .text-link{margin-right:12px}.discussion-card h2{font-size:20px;margin:20px 0 12px}.post-author>span:nth-child(2){flex:1;min-width:0}.post-author strong{font-size:12px}.post-author small{font-size:10px}.post-author>.badge{margin-left:auto}.post-body{font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.list-item{display:block;overflow-wrap:anywhere}.list-item.row{display:flex}.list-item p{margin:7px 0 12px;font-size:12px;color:var(--muted);line-height:1.6}.list-item .badge{margin-top:6px}.list-item small{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.resource-card{display:flex;gap:18px;align-items:flex-start}.resource-card>svg{margin-top:5px;width:25px;height:25px;color:var(--accent)}.resource-card>div{min-width:0;flex:1}.resource-card h3{font-size:17px}.resource-card p{font-size:13px;color:var(--muted)}.calendar-weekday{font-size:10px;font-weight:600;padding:8px 2px;color:var(--muted);text-align:center}.calendar-cell.blank{border:0;background:transparent}.calendar-cell strong{font-size:11px;font-weight:500}.event-chip{border:0;width:100%;cursor:pointer;text-align:left}.certificate{display:flex;align-items:center;justify-content:center;padding:18px;min-height:460px;color:#403957}.certificate-inner{width:100%;padding:38px 24px}.certificate-inner>span{font-size:10px;letter-spacing:.17em}.certificate-inner h2{font-family:Georgia,serif;font-size:31px;font-weight:400;line-height:1.3;margin:16px 0}.certificate-inner h3{font-size:26px;margin:24px 0}.certificate-inner p{font-size:13px}.certificate-inner>strong{display:block;font-size:12px}.certificate-inner>small{font-size:9px;letter-spacing:.05em}.cert-seal{display:block;margin:24px auto 5px;width:40px;height:40px;border:0;border-radius:0}.stats-row{margin-bottom:22px}.admin-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{padding:20px}.stat-value{font-size:26px;margin:12px 0 9px;font-variant-numeric:tabular-nums}.stat-label{font-size:11px}.stat-card>small{color:var(--muted);font-size:10px}.bar-chart{height:240px;gap:10px;margin-top:10px;padding-bottom:25px}.chart-column{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%;min-width:0}.chart-column>span{font-size:10px;color:var(--muted)}.chart-column>small{font-size:9px;color:var(--muted)}.chart-bar{width:65%;max-width:45px;flex:0 0 auto;min-height:5px}.builder-row{margin:9px 0}.builder-row>span:nth-child(2){min-width:0;flex:1}.builder-row strong{display:block;font-size:12px}.builder-row small{display:block;font-size:10px;color:var(--muted)}.builder-drag{cursor:default}.data-table th{font-size:10px}.data-table td{font-size:12px}.data-table td>strong{display:block;font-size:12px}.data-table td>small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.data-table .progress-track{min-width:90px;max-width:150px;margin-bottom:6px}.toggle-row small{display:block;color:var(--muted);margin-top:4px}.search-results{position:static;display:block;max-height:460px;overflow-y:auto;margin-top:16px;border:0;box-shadow:none}.search-result{padding:13px 7px;font-size:12px;gap:12px}.search-result>span{flex:1;min-width:0}.search-result strong{font-size:12px;font-weight:600;line-height:1.5}.search-result small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.notification-item{display:block}.notification-item strong{display:block;margin-bottom:8px;font-size:13px}.notification-item p{font-size:12px;color:var(--muted);line-height:1.6}.login-preview{min-height:calc(100vh - 230px);padding:30px 0}.login-card h1{font-size:30px;line-height:1.2;letter-spacing:-.04em}.login-card>p{font-size:13px;color:var(--muted)}.login-card>.brand-mark{font-size:26px}.modal-head h2{font-size:18px;line-height:1.4}.modal-body{font-size:13px;line-height:1.65}.modal-body .notice{font-size:12px}.modal-footer{flex-wrap:wrap}.toast-container>.toast{font-size:12px;line-height:1.6}.small-avatar{width:30px;height:30px;font-size:10px}.mobile-nav-item{border:0;background:transparent;font-family:inherit}.goal-panel .panel-head{margin-bottom:0}
body.dark{color-scheme:dark;--muted:#b9b7cd;--subtle:#aaa7c1}body.dark .topbar{background:var(--surface)}body.dark .nav-item{color:#c8c4df}body.dark .nav-item svg{color:#b2accb}body.dark .nav-item.active{color:#e3dcff}body.dark .breadcrumbs>span{color:var(--ink)}body.dark .btn.primary{color:#201b37;background:#b2a7ff}body.dark .icon-btn{color:#c5bedc}body.dark .hero-btn{color:#2c2445;background:#ded6ff}body.dark .btn.secondary:hover,body.dark .quiz-option:hover{background:#363149}body.dark .badge{background:#3b374b;color:#ded8f0}body.dark .badge.purple{color:#d8cbff}body.dark .badge.green{color:#a4e0be}body.dark .badge.amber{color:#f3d198}body.dark .notice{color:#dbd0ff;background:#302b45;border-color:#4c436c}body.dark .notice.warning{color:#f2d397;background:#3b3020}body.dark .day{color:#b0abc8;background:#302d3f}body.dark .day.done{color:#231d36;background:#b2a7ff}body.dark .progress-track{background:#3a354e}body.dark .course-cover{filter:none}body.dark .course-cover.cover-meta{background:#3d335b}body.dark .course-cover.cover-creative{background:#254338}body.dark .course-cover.cover-measure{background:#4c372c}body.dark .course-cover.cover-retarget{background:#2e3d58}body.dark .cover-code{color:#e3d9ed}body.dark .cover-badge{background:#ffffff18;color:#f4eaff}body.dark .cover-title{color:#fff4ff}body.dark .course-cover .cover-lines{border-color:#ffffff25}body.dark .quick-link:hover{background:#302b3e}body.dark .post-body,body.dark .lesson-content{color:var(--ink)}body.dark .certificate{color:#f3e7c4}body.dark .quiz-result{background:#42341e;color:#ffe1a5}body.dark .quiz-result.pass{background:#263e31;color:#b2e1bf}body.dark .mobile-nav{background:var(--surface)}body.dark .input::placeholder,body.dark textarea::placeholder{color:#b9b2cc}
@media(min-width:768px) and (max-width:1100px){.topbar{padding:0 20px}.breadcrumbs{font-size:10px;max-width:145px}.breadcrumbs>span{max-width:90px}.search-trigger{min-width:36px;width:36px;padding:0;justify-content:center}.search-trigger span,.search-trigger kbd{display:none}.top-actions{gap:5px}.hero-visual{display:none}.dashboard-top{grid-template-columns:minmax(0,1fr) 240px}.hero-copy{max-width:100%}.hero-copy h2{font-size:28px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-layout{grid-template-columns:minmax(0,1fr)}.detail-layout{grid-template-columns:minmax(0,1fr)}.dashboard-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.quick-grid{grid-template-columns:minmax(0,1fr)}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){:root{--sidebar-width:200px}.topbar .breadcrumbs{display:none}.dashboard-top{grid-template-columns:minmax(0,1fr)}.goal-panel{min-height:250px}.grid-2{grid-template-columns:minmax(0,1fr)}.course-grid .course-card:last-child:nth-child(odd){grid-column:auto}}
@media(max-width:767px){.topbar{gap:8px;padding:0 12px}.top-actions{gap:4px;min-width:0}.top-actions>.icon-btn{width:36px;height:40px}.topbar .demo-chip{font-size:8px;padding:0 6px;gap:4px}.topbar .role-switch{min-height:36px;padding:0 6px}.topbar .small-avatar{width:27px;height:27px;font-size:9px}.search-trigger{min-height:40px}.mobile-nav a,.mobile-nav-item{display:flex;min-height:49px;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;color:var(--muted);min-width:0}.mobile-nav a.active{background:var(--accent-soft)}.mobile-nav .mobile-nav-item{font-size:10px}.mobile-nav svg{width:20px;height:20px}.toast-container{bottom:calc(80px + env(safe-area-inset-bottom))}.page-heading{flex-direction:column;align-items:stretch;gap:13px}.page-heading h1{font-size:27px;line-height:1.2}.page-heading p{font-size:12px;line-height:1.6}.heading-actions{justify-content:flex-start}.heading-actions .btn{min-height:40px}.dashboard-top{grid-template-columns:minmax(0,1fr)}.hero-study{padding:25px 23px;gap:16px;min-height:270px}.hero-copy{max-width:none}.hero-copy h2{font-size:29px}.hero-copy p{font-size:12px}.hero-visual{display:none}.hero-copy>.progress-track{max-width:100%}.hero-stats{max-width:100%;font-size:11px;gap:8px}.goal-panel{min-height:250px}.course-grid{grid-template-columns:minmax(0,1fr);gap:18px}.course-cover{min-height:190px;padding:24px}.cover-title{font-size:28px;max-width:80%}.cover-code{top:15px;left:24px;font-size:9px}.cover-badge{right:20px;bottom:18px;top:auto;max-width:85px;width:auto;height:auto;font-size:8px}.course-body{padding:20px}.course-title{font-size:17px;min-height:0}.course-body>p{font-size:13px;min-height:0}.course-meta{font-size:11px}.course-footer{font-size:11px;margin-top:13px}.course-footer .text-link{font-size:12px}.course-footer .badge{font-size:9px}.course-body .progress-track{margin-top:14px}.section-title{align-items:flex-start}.section-title h2{font-size:21px}.section-title p{font-size:12px}.section-title>.text-link{max-width:100px;font-size:11px;text-align:right;justify-content:flex-end}.dashboard-bottom,.quick-grid,.detail-layout,.lesson-layout,.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}.quick-link{min-height:76px}.quick-link strong{font-size:13px}.quick-link small{font-size:11px}.community-mini{padding:20px}.community-mini p{font-size:13px}.panel{padding:19px}.next-copy strong{font-size:12px}.tabs{width:100%;max-width:100%}.tab{font-size:12px;padding:0 12px;min-height:44px}.filter-bar{gap:15px}.input-with-icon{max-width:none}.player-surface{padding:65px 22px 60px;min-height:330px}.player-center{width:100%;height:auto}.player-center h2{font-size:27px}.player-center p{font-size:13px}.player-topline{font-size:7px;left:18px;right:18px;gap:15px}.player-topline>span{max-width:50%}.player-topline>span:last-child{text-align:right}.player-controls{gap:7px;padding:5px 8px;height:52px}.player-controls input{width:50px}.player-controls>.icon-btn{width:32px;height:36px}.player-watermark{font-size:9px;bottom:18px}.lesson-actions{align-items:flex-start}.lesson-content{padding:20px}.lesson-content h2{font-size:20px}.lesson-content .notice{font-size:11px}.lesson-row{min-height:54px;font-size:12px}.course-banner .course-cover{min-height:260px}.course-banner .cover-title{font-size:35px}.course-banner .cover-code{font-size:9px;left:24px}.module-title{font-size:12px}.quiz-option{padding:13px 11px}.quiz-question legend{font-size:14px}.notice{font-size:12px}.post-author{align-items:flex-start;flex-wrap:wrap}.post-author>.badge{margin-left:43px}.discussion-card h2{font-size:19px}.post-body{font-size:13px}.stat-card{padding:16px}.stat-value{font-size:23px}.bar-chart{height:230px}.data-table td{flex-wrap:wrap;text-align:left;justify-content:flex-start;font-size:12px;gap:7px}.data-table td::before{content:attr(data-label);font-size:10px;color:var(--muted);min-width:70px;text-transform:uppercase;letter-spacing:.03em}.data-table td>small{width:100%;padding-left:77px;margin:0}.data-table td>.progress-track{min-width:100px}.calendar-cell{min-height:65px;padding:5px 3px}.calendar-weekday{font-size:8px}.calendar-cell strong{font-size:10px}.event-chip{font-size:7px;padding:4px 2px;min-height:22px}.resource-card{gap:12px}.resource-card h3{font-size:16px}.resource-card .row{flex-wrap:wrap;gap:12px}.certificate{padding:12px;min-height:430px}.certificate-inner{padding:28px 15px}.certificate-inner h2{font-size:27px}.certificate-inner h3{font-size:24px}.certificate-inner>small{font-size:8px}.modal-head,.modal-footer{padding:16px}.modal-body{padding:18px}.modal-head h2{font-size:17px}.modal-body .btn{white-space:normal}.invoice-row{flex-wrap:wrap}.invoice-row>strong{font-size:12px}.settings-form .btn{align-self:stretch}.form-grid{grid-template-columns:minmax(0,1fr)}.demo-footer{font-size:9px;padding-bottom:90px}.login-card{padding:25px 20px}.login-preview{padding:0}.login-card h1{font-size:29px}.notification-item p{font-size:12px}}
@media(max-width:370px){.topbar .demo-chip{display:none}.top-actions{gap:7px}.hero-copy h2{font-size:27px}.player-center h2{font-size:24px}.hero-copy p{font-size:11px}.course-cover{min-height:180px}.cover-title{font-size:26px}.page-heading h1{font-size:26px}}
/* Readability floor for functional metadata and controls. */
.brand-sub,.nav-group-label,.workspace-card p,.workspace-card .text-link,.user-mini small,.search-trigger kbd,.demo-chip,.course-meta,.course-footer,.course-footer .badge,.course-footer .text-link,.cover-code,.cover-badge,.goal-caption,.day,.quick-link small,.stat-label,.stat-card>small,.data-table th,.data-table td>small,.module-title small,.lesson-row small,.post-author small,.badge,.pill,.player-topline,.player-time,.player-watermark,.player-controls select,.slide-count,.calendar-weekday,.event-chip,.calendar-cell strong,.search-result small,.builder-row small,.certificate-inner>small,.calendar-weekday,.chart-column>small,.chart-column>span{font-size:11px}
.mobile-nav a,.mobile-nav-item,.mobile-nav .mobile-nav-item{font-size:11px}
.demo-footer{font-size:10px}
.nav-group-label{color:#6b6680;letter-spacing:.06em}.brand-sub{letter-spacing:0}.hero-copy p,.hero-stats,.hero-copy .player-time{font-size:12px}
body.dark .nav-group-label{color:#c0b9d2}body.dark .brand-sub{color:var(--muted)}
@media(max-width:767px){.topbar .demo-chip{display:none}.topbar .role-switch{font-size:11px}.mobile-nav{min-height:calc(68px + env(safe-area-inset-bottom))}.sidebar .nav-item{min-height:44px}.btn.small,.icon-btn{min-height:40px}.calendar-cell{min-height:80px}.event-chip{min-height:32px}.demo-footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.course-card:hover,.quick-link:hover{transform:none}}