.class-page-nav{display:flex;align-items:center;gap:8px;margin-bottom:12px}.class-page-nav .course-home-button{flex:none;margin-bottom:0}.class-preview-exit{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 14px;border:1px solid color-mix(in srgb,var(--blue) 32%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--blue) 12%,var(--surface));color:var(--ink);font:inherit;font-size:13px;font-weight:750}.class-preview-exit:hover{background:color-mix(in srgb,var(--blue) 18%,var(--surface))}.class-preview-exit .ph{color:var(--blue);font-size:17px}.class-view button[disabled]{opacity:.55;cursor:not-allowed}.class-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-bottom:18px;padding:30px;border-radius:25px;background:linear-gradient(135deg,color-mix(in srgb,var(--course, var(--blue)) 11%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--course, var(--blue)) 22%,var(--line))}.class-hero-main{display:grid;justify-items:start;gap:8px;min-width:0}.class-hero h1{margin:0;font-size:30px;line-height:1.15;color:var(--ink)}.class-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:color-mix(in srgb,var(--course, var(--blue)) 16%,var(--surface));color:color-mix(in srgb,var(--course, var(--blue)) 72%,var(--ink));font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.class-hero-meta{margin:0;color:var(--muted);font-size:13px}.class-next{display:grid;gap:10px;justify-items:stretch}.class-next-tile{display:grid;gap:3px;padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:var(--surface)}.class-next-tile small{color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.05em}.class-next-tile strong{color:var(--ink);font-size:13px}.class-leave{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer;transition:.18s}.class-leave:hover{border-color:var(--danger);color:var(--danger)}@media(max-width:860px){.class-hero{grid-template-columns:1fr;padding:22px}.class-hero h1{font-size:24px}}.class-more{position:relative}.class-more>.class-btn{width:100%;justify-content:center}.class-more-menu{position:absolute;z-index:20;right:0;top:calc(100% + 6px);min-width:200px;display:grid;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.class-more-menu button{display:flex;align-items:center;gap:10px;padding:9px 12px;border:0;border-radius:10px;background:none;color:var(--ink);font:inherit;font-size:13px;text-align:left;cursor:pointer}.class-more-menu button:hover{background:var(--soft)}.class-more-menu .ph{font-size:17px;color:var(--muted)}.class-panel-host{padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.class-attendance-card{margin-top:18px;padding:16px 18px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.class-attendance-card h4{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.class-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);text-decoration:none}.class-row+.class-row{margin-top:8px}.class-row>.ph{font-size:20px;color:color-mix(in srgb,var(--course, var(--blue)) 65%,var(--ink))}.class-row-copy{display:grid;gap:2px;min-width:0;flex:1}.class-row-copy strong{font-size:14px;overflow:hidden;text-overflow:ellipsis}.class-row-copy span{color:var(--muted);font-size:12px}.class-row-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.class-chip{padding:4px 10px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap}.class-chip.done{background:color-mix(in srgb,#12b76a 16%,var(--surface));color:color-mix(in srgb,#12b76a 70%,var(--ink))}.class-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);font-size:12px;font-weight:750;text-decoration:none;cursor:pointer;transition:.16s}.class-btn:hover{border-color:color-mix(in srgb,var(--course, var(--blue)) 45%,var(--line))}.class-btn.primary{border-color:transparent;background:var(--blue);color:#fff}.class-btn.primary:hover{background:var(--blue2)}.class-progressbar{display:block;width:74px;height:6px;border-radius:999px;background:var(--soft);overflow:hidden}.class-progressbar span{display:block;height:100%;border-radius:999px;background:var(--blue);transition:width .3s ease}.class-progressbar.wide{width:100%;height:9px;background:color-mix(in srgb,var(--ink) 9%,transparent)}.class-unit-progress .class-progressbar{width:130px;height:7px;background:color-mix(in srgb,var(--ink) 12%,transparent)}.class-loading{display:flex;justify-content:center;padding:32px 0}.class-announcement{padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.class-announcement+.class-announcement{margin-top:10px}.class-announcement.unseen{border-left:3px solid var(--course, var(--blue))}.class-announcement header{display:flex;align-items:center;gap:8px}.class-announcement header strong{font-size:15px;color:var(--ink)}.class-announcement-meta{margin-top:2px;color:var(--muted);font-size:11px}.class-announcement-body{margin-top:10px;color:var(--ink);font-size:14px;line-height:1.55}.class-announcement-body p{margin:0 0 8px}.class-announcement-body a{color:var(--blue)}.class-progress{margin-bottom:16px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--course, var(--blue)) 22%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--course, var(--blue)) 6%,var(--surface))}.class-progress-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}.class-progress-head>div{flex:1;min-width:0}.class-progress-eyebrow{color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.05em}.class-progress-head strong{font-size:17px;color:var(--ink)}.class-progress-units{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin-top:14px}.class-progress-unit{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:.16s}.class-progress-unit:hover{border-color:color-mix(in srgb,var(--course, var(--blue)) 45%,var(--line))}.class-progress-unit-name{font-size:12.5px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-progress-unit-count{color:var(--muted);font-size:11px;font-weight:800}.class-progress-unit-count.done{color:var(--green, var(--course, var(--blue)))}.class-progress-unit .class-progressbar{grid-column:1 / -1;width:100%}.class-next-up{position:sticky;bottom:10px;display:flex;justify-content:center;margin-top:14px}.class-syllabus{margin-bottom:12px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.class-syllabus summary{display:flex;align-items:center;gap:8px;font-weight:800;cursor:pointer}.class-syllabus>div{margin-top:10px;font-size:14px;line-height:1.55}.class-unit{margin-bottom:12px;border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden}.class-unit.complete{border-color:color-mix(in srgb,#12b76a 34%,var(--line))}.class-unit-head{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--soft)}.class-unit-title{flex:1;min-width:0;display:grid;gap:2px}.class-unit-title strong{font-size:15px;color:var(--ink)}.class-unit-meta{color:var(--muted);font-size:11.5px}.class-unit-progress{display:grid;gap:4px;justify-items:end;flex-shrink:0}.class-unit-count{color:var(--muted);font-size:11px;font-weight:800}.class-unit.complete .class-unit-count{color:var(--green, var(--course, var(--blue)))}.class-unit-body{padding:8px 10px;display:grid;gap:3px}.class-module-empty{margin:4px 8px;color:var(--muted);font-size:12px}.class-lesson-block{margin:6px 0 6px 14px;padding-left:10px;border-left:2px solid color-mix(in srgb,var(--course, var(--blue)) 30%,var(--line))}.class-lesson-head{display:flex;align-items:center;gap:8px;padding:8px 8px 4px}.class-lesson-head strong{flex:1;min-width:0;color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-lesson-head>.ph{color:var(--muted);font-size:14px}.class-lesson-count{color:var(--muted);font-size:11px;font-weight:800}.class-lesson-count.done{color:var(--green, var(--course, var(--blue)))}.class-content-item{display:flex;align-items:center;gap:4px;border-radius:12px}.class-content-item:hover{background:var(--soft)}.class-content-item.done .class-item-title{color:var(--muted)}.class-item-state,.class-item-check{flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;margin-left:6px;padding:0;border:0;border-radius:8px;background:none;color:var(--muted);font-size:17px;cursor:default}.class-item-check{cursor:pointer}.class-item-check:hover{background:var(--surface);color:var(--ink)}.class-item-check:disabled{opacity:.5}.class-content-item .ph-check-circle{color:color-mix(in srgb,#12b76a 78%,var(--ink))}.class-item-open{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:9px 12px 9px 6px;border:0;border-radius:11px;background:none;color:var(--ink);font:inherit;font-size:13.5px;font-weight:650;text-align:left;cursor:pointer}.class-item-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-item-open:hover .class-item-title{text-decoration:underline}.class-item-meta{flex-shrink:0;color:var(--muted);font-size:11px;font-weight:600}.class-item-go{color:var(--muted);font-size:14px;opacity:0;transition:opacity .16s}.class-content-item:hover .class-item-go{opacity:1}body:has(#classReader:not([hidden])){overflow:hidden}.app-shell:has(#classReader:not([hidden])){height:calc(100dvh - var(--global-header-height, 0px));min-height:0;overflow:hidden}.app-shell:has(#classReader:not([hidden]))>main{height:100%;min-height:0;padding:8px 16px 12px;overflow:hidden}.class-view.active:has(#classReader:not([hidden])){display:grid;grid-template-rows:minmax(0,1fr);height:100%;min-height:0}.class-view.active:has(#classReader:not([hidden]))>.class-page-nav{display:none}.class-reader:not([hidden]){height:100%;min-width:0;min-height:0}@media(max-width:720px){.class-unit-head{flex-wrap:wrap}.class-item-meta{display:none}}.class-final{display:flex;align-items:baseline;gap:10px;margin-bottom:14px;padding:16px 20px;border-radius:16px;border:1px solid color-mix(in srgb,var(--course, var(--blue)) 22%,var(--line));background:color-mix(in srgb,var(--course, var(--blue)) 8%,var(--surface))}.class-final strong{font-size:30px;color:var(--ink)}.class-final span{font-size:16px;font-weight:800;color:var(--muted)}.class-final small{margin-left:auto;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.04em}.class-grade-list{display:grid;gap:8px}.class-grade-value{font-size:14px;font-weight:850;color:var(--ink);white-space:nowrap}.class-people-heading{margin:16px 0 8px;color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.class-people-heading:first-child{margin-top:0}.class-people-note{color:var(--muted);font-size:13px}.class-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--course, var(--blue)) 18%,var(--surface));color:color-mix(in srgb,var(--course, var(--blue)) 75%,var(--ink));font-size:13px;font-weight:850}.home-class-card .course-card-top{display:flex;align-items:center;justify-content:space-between;width:100%}.home-class-card .course-card-top .ph{color:var(--muted);font-size:18px}.class-dialog{width:min(560px,calc(100vw - 32px));padding:0;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.class-dialog-wide{width:min(760px,calc(100vw - 32px))}.class-dialog::backdrop{background:#10233f73;backdrop-filter:blur(2px)}.class-form{display:grid;gap:14px;padding:24px}.class-form .field{display:grid;gap:6px}.class-form .field>span{color:var(--muted);font-size:12px;font-weight:750}.class-form input[type=file],.class-form textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:inherit}.class-form-hint{margin:0;color:var(--muted);font-size:12px}.class-form-actions{display:flex;justify-content:flex-end;gap:10px}.class-quiz-timer{margin-left:auto;color:var(--muted);font-size:13px;font-weight:800}.class-reader-body,.class-quiz-body{max-height:min(62vh,620px);overflow:auto;font-size:14px;line-height:1.55}.class-reader-body img{max-width:100%;height:auto}.class-marks-score{display:flex;align-items:center;gap:12px}.class-marks-score strong{font-size:30px;color:var(--ink)}.class-marks-comment{margin:12px 0 0;color:var(--ink)}.class-marks-comment.muted{color:var(--muted)}.class-marks-files{display:grid;gap:8px;margin-top:14px}.quiz-facts{display:grid;gap:4px;margin:10px 0 0;padding-left:18px;color:var(--muted);font-size:13px}.quiz-q{margin:0 0 14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px}.quiz-q legend{padding:0 6px;font-size:14px;font-weight:750}.quiz-muted{color:var(--muted);font-weight:600}.quiz-check{display:flex;align-items:center;gap:9px;padding:6px 2px;cursor:pointer}.quiz-q input[type=text],.quiz-q input[type=number],.quiz-q textarea,.quiz-q select{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--ink);font:inherit}.quiz-match{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;margin-bottom:8px}.quiz-order{display:grid;gap:6px;margin:0;padding-left:20px}.quiz-order li{display:flex;align-items:center;gap:8px}.quiz-order li span{flex:1}.quiz-blank{display:grid;gap:4px;margin-bottom:8px}.quiz-icon-btn{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted);cursor:pointer}.quiz-btn{padding:10px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-weight:750;cursor:pointer}.quiz-btn.primary{border-color:transparent;background:var(--blue);color:#fff}.quiz-score{display:flex;align-items:center;gap:12px;margin-bottom:14px}.quiz-score strong{font-size:34px;color:var(--ink)}.quiz-review{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px}.quiz-review+.quiz-review{margin-top:6px}.quiz-review div{flex:1}.quiz-review p{margin:0;font-size:13.5px}.quiz-review.right{background:color-mix(in srgb,#12b76a 12%,var(--surface))}.quiz-review.wrong{background:color-mix(in srgb,var(--danger) 12%,var(--surface))}