/* Selected round-two direction 6: street stickers. Presentation only.
   All decoration is a supplied/generated raster asset; controls remain native UI. */
:root body {
 --st-paper:#fdfdf9;--st-surface:#fff;--st-soft:#f0f0ed;--st-ink:#101116;--st-muted:#62636b;--st-line:#15161b;
 --st-pink:#ff1692;--st-lime:#c0ff00;--st-purple:#9028e6;--st-blue:#087fee;--st-red:#fb174d;
 --st-purple-soft:#eedaff;--st-blue-soft:#d8ecff;--st-red-soft:#ffe2e8;
 --bg:var(--st-paper);--panel:var(--st-surface);--text:var(--st-ink);--muted:var(--st-muted);--line:var(--st-line);--line-soft:#d2d3d5;
 --primary:var(--st-ink);--primary-strong:var(--st-ink);--danger:#b80c35;--success:#066b58;
 --blue-soft:var(--st-blue-soft);--rose-soft:var(--st-red-soft);--green-soft:#ddf5e8;--amber-soft:#fff3b5;--teal-soft:#daf8f2;
 --glass:var(--st-surface);--shadow:4px 4px 0 var(--st-line);--shadow-soft:2px 2px 0 var(--st-line);--shadow-pop:var(--shadow);
 --titanium-canvas:var(--st-paper);--titanium-surface:var(--st-soft);--titanium-panel:var(--st-surface);--titanium-graphite:var(--st-ink);--titanium-muted:var(--st-muted);
 --titanium-line:var(--line-soft);--titanium-line-strong:var(--st-line);--titanium-blue:var(--st-blue);--titanium-blue-soft:var(--st-blue-soft);
 --workspace-accent:var(--st-pink);--workspace-focus:var(--st-blue);--wb-ink:var(--st-ink);--wb-lime:var(--st-lime);
 --theme-browser-color:#101116;
 color-scheme:light;color:var(--st-ink)!important;
 background:var(--st-paper) url('sticker/frame.webp') center/100% 100dvh fixed no-repeat!important;
 font-family:'PingFang SC','Microsoft YaHei','Noto Sans CJK SC',system-ui,sans-serif!important;
}
:root body[data-theme=opal_obsidian],:root body.wb-titanium.theme-opal-obsidian {
 --st-paper:#202126;--st-surface:#2c2d34;--st-soft:#37383f;--st-ink:#fffdf7;--st-muted:#c7c6cc;--st-line:#eae8ed;
 --st-purple:#ce9bff;--st-blue:#70bdff;--st-red:#ff85a1;--st-purple-soft:#442c57;--st-blue-soft:#233f59;--st-red-soft:#542b38;
 --line-soft:#565760;--danger:#ff92a8;--success:#79e6c5;--green-soft:#243e35;--amber-soft:#4d4225;--teal-soft:#254444;
 color-scheme:dark;
}
:root body :is(h1,h2,h3,h4,strong,b){color:inherit;}
:root body h1{font-weight:950!important;letter-spacing:-.04em!important;line-height:1.1;}
:root body h2{font-weight:850;letter-spacing:-.025em;}
:root body :is(.muted,.meta,.teacher-meta,.eyebrow,.topbar-date){color:var(--st-muted)!important;}
:root body :is(.panel,.stat-card,.summary-box,.quick-card,.today-card,.home-context-card,.student-card,.class-card,.score-card,.teacher-card,.school-card,.parent-hero,.brand-panel,.login-help-panel,.class-command-deck,.tools-command-deck,.today-hero,.whiteboard-stage,.class-bento-card,.tool-card,.tool-entry,.seat-board-panel,.classroom-tool-panel,.report-section,.empty-state){
 background:var(--st-surface)!important;color:var(--st-ink)!important;border:2px solid var(--st-line)!important;border-radius:9px!important;box-shadow:3px 3px 0 var(--st-line)!important;backdrop-filter:none!important;
}
:root body :is(.panel,.quick-card,.today-card,.class-card,.home-context-card,.whiteboard-entry)::before,
:root body :is(.panel,.quick-card,.today-card,.class-card,.home-context-card,.whiteboard-entry)::after{background-image:none!important;}
:root body.site-touch-layout .topbar{min-height:100px!important;padding:0 0 18px!important;margin-bottom:25px;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;color:#fff!important;}
:root body.site-touch-layout .topbar h1{font-size:clamp(34px,3.5vw,54px)!important;}
:root body.site-touch-layout .topbar :is(.teacher-meta,.eyebrow,.topbar-date){color:#e5e5e8!important;}
:root body.site-touch-layout .desktop-side-nav{background:#111!important;border-right:3px solid var(--st-pink)!important;color:white!important;}
:root body.site-touch-layout .desktop-side-brand{font-weight:950;font-size:25px;letter-spacing:-.04em;}
:root body.site-touch-layout .desktop-side-links a{border:2px solid transparent!important;border-radius:7px;color:white!important;font-weight:800;}
:root body.site-touch-layout .desktop-side-links a.active{background:var(--st-lime)!important;color:#101116!important;border:2px solid white!important;box-shadow:4px 4px 0 var(--st-pink)!important;}
:root body :is(.primary-btn,.secondary-btn,.danger-btn,.mini-btn,.icon-link,.wb-key,.console-key,.classroom-action-btn,.honor-rule-option,.honor-score-step-btn){
 border:2px solid var(--st-line)!important;border-radius:7px!important;clip-path:none!important;background:var(--st-surface)!important;color:var(--st-ink)!important;box-shadow:3px 3px 0 var(--st-line)!important;text-shadow:none!important;font-weight:850!important;
}
:root body :is(.primary-btn,.wb-primary,.classroom-save-btn){background:var(--st-lime)!important;color:#101116!important;border-color:#101116!important;box-shadow:4px 4px 0 #101116!important;}
:root body :is(.danger-btn){background:var(--st-red-soft)!important;color:var(--danger)!important;border-color:var(--danger)!important;box-shadow:3px 3px 0 var(--danger)!important;}
:root body :is(button,a):active:not(:disabled){transform:translate(1px,1px);}
:root body :is(button,input,select,textarea,a,summary):focus-visible{outline:3px solid var(--st-blue)!important;outline-offset:4px!important;}
:root body :is(button,input,select,textarea):disabled,:root body [aria-disabled=true]{opacity:.48!important;cursor:not-allowed!important;box-shadow:none!important;}
:root body :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea){background:var(--st-surface)!important;color:var(--st-ink)!important;border:2px solid var(--st-line)!important;border-radius:7px!important;box-shadow:none!important;}
:root body :is(input,textarea)::placeholder{color:var(--st-muted);opacity:1;}
:root body :is(input[type=checkbox],input[type=radio]){accent-color:var(--st-blue);}
:root body :is(.notice,.readonly-notice,.backup-warning){color:var(--st-ink)!important;background:var(--amber-soft)!important;border:2px solid var(--st-line)!important;border-radius:7px!important;box-shadow:3px 3px 0 var(--st-line)!important;}
:root body :is(.notice.error,.notice.danger,.error-message){background:var(--st-red-soft)!important;color:var(--danger)!important;border-color:var(--danger)!important;}
:root body .notice.success{background:var(--green-soft)!important;color:var(--success)!important;}
:root body table{color:var(--st-ink)!important;background:var(--st-surface)!important;border-color:var(--st-line)!important;}
:root body th{background:var(--st-soft)!important;color:var(--st-ink)!important;border-bottom:2px solid var(--st-line)!important;font-weight:850;}
:root body td{border-color:var(--line-soft)!important;}
:root body tbody tr:hover{background:var(--st-soft)!important;}
:root body :is(.list-row,.backup-table-list>div,.check-row){color:var(--st-ink)!important;border-color:var(--line-soft)!important;}
:root body .home-whiteboard-entry{background:var(--st-lime)!important;color:#101116!important;}
:root body .home-whiteboard-entry strong{color:#101116!important;}
:root body .today-card:nth-child(1){border-top:6px solid var(--st-purple)!important;}
:root body .today-card:nth-child(2){border-top:6px solid var(--st-blue)!important;}
:root body .today-card:nth-child(3){border-top:6px solid var(--st-pink)!important;}
:root body .today-card:nth-child(4){border-top:6px solid var(--st-lime)!important;}
:root body :is(.site-dock,.wb-dock){background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;gap:14px;}
:root body.site-touch-layout .site-dock{background:#111!important;border:2px solid white!important;box-shadow:4px 4px 0 #111!important;border-radius:10px!important;}
:root body :is(.site-primary-link.is-active,.console-menu-key){background:var(--st-lime)!important;color:#101116!important;border-color:#101116!important;}
:root body :is(.console-menu,.wb-sheet,dialog){color:var(--st-ink)!important;background:var(--st-surface)!important;border:3px solid var(--st-line)!important;border-radius:12px!important;box-shadow:6px 6px 0 #111!important;}
:root body dialog::backdrop{background:#101116aa;backdrop-filter:none;}
:root body :is(.console-menu-footer,.wb-sheet-footer){border-color:var(--st-line)!important;}
:root body :is(.console-key img,.wb-key img,.site-primary-link img){filter:brightness(0)!important;opacity:1!important;}
:root body .desktop-side-links img{filter:brightness(0) invert(1)!important;opacity:1!important;}
:root body[data-theme=opal_obsidian] :is(.console-key img,.wb-key img,.site-primary-link img),:root body.wb-titanium.theme-opal-obsidian .wb-key img{filter:brightness(0) invert(1)!important;}
:root body :is(.primary-btn,.wb-primary,.is-active,.console-menu-key,.desktop-side-links .active) img{filter:brightness(0)!important;}
/* Selected controls: semantic color + thick black/white frame + real library check icon. */
:root body .homework-paint-toolbar,:root body .recitation-paint-toolbar{gap:14px;align-items:center;}
:root body .homework-paint-tool{position:relative;border:2px solid var(--st-line)!important;border-radius:9px!important;font-weight:900!important;box-shadow:none!important;outline:none;}
:root body .homework-paint-tool[data-status=excellent]{background:var(--st-purple-soft)!important;color:#4f057e!important;border-color:var(--st-purple)!important;}
:root body .homework-paint-tool[data-status=completed]{background:var(--st-blue-soft)!important;color:#064881!important;border-color:var(--st-blue)!important;}
:root body .homework-paint-tool[data-status=incomplete]{background:var(--st-red-soft)!important;color:#a9072d!important;border-color:var(--st-red)!important;}
:root body .homework-paint-tool[aria-pressed=true]{outline:3px solid var(--st-line)!important;outline-offset:2px;box-shadow:5px 5px 0 var(--st-line)!important;padding-right:50px!important;}
:root body .homework-paint-tool[aria-pressed=true][data-status=excellent]{background:#8b12d3!important;color:#fff!important;}
:root body .homework-paint-tool[aria-pressed=true][data-status=completed]{background:#087fee!important;color:#fff!important;}
:root body .homework-paint-tool[aria-pressed=true][data-status=incomplete]{background:#d9083f!important;color:#fff!important;}
:root body .homework-paint-tool[aria-pressed=true]::after{content:'';position:absolute;right:14px;top:50%;width:25px;height:25px;transform:translateY(-50%);background:url('whiteboard-titanium/icons/check.svg') center/contain no-repeat;filter:brightness(0) invert(1);}
:root body :is(.homework-name-key,.recitation-student-btn,.discipline-student-btn){background:var(--st-surface)!important;color:var(--st-ink)!important;border:2px solid var(--st-line)!important;border-radius:7px!important;box-shadow:none!important;font-weight:850!important;text-shadow:none!important;}
:root body :is(.homework-status-student-card[data-status=excellent] .homework-name-key,.discipline-student-btn.excellent){background:var(--st-purple-soft)!important;border-color:var(--st-purple)!important;}
:root body :is(.homework-status-student-card[data-status=completed] .homework-name-key,.discipline-student-btn.normal,.recitation-student-btn.completed){background:var(--st-blue-soft)!important;border-color:var(--st-blue)!important;}
:root body :is(.homework-status-student-card[data-status=incomplete] .homework-name-key,.discipline-student-btn.violation,.recitation-student-btn.pending){background:var(--st-red-soft)!important;border-color:var(--st-red)!important;border-style:dashed!important;}
:root body .homework-status-student-card[data-status=unrecorded] .homework-name-key{background:var(--st-soft)!important;border-color:var(--st-muted)!important;}
:root body .homework-status-student-card{box-shadow:none!important;}
:root body :is(.homework-status-student-grid.readonly,.discipline-student-grid.readonly)>span{background:var(--st-surface)!important;color:var(--st-ink)!important;border:2px solid var(--st-line)!important;border-radius:7px!important;}
:root body :is(.homework-status-student-grid.readonly,.discipline-student-grid.readonly)>.excellent{background:var(--st-purple-soft)!important;border-color:var(--st-purple)!important;}
:root body :is(.homework-status-student-grid.readonly,.discipline-student-grid.readonly)>:is(.completed,.normal){background:var(--st-blue-soft)!important;border-color:var(--st-blue)!important;}
:root body :is(.homework-status-student-grid.readonly,.discipline-student-grid.readonly)>:is(.incomplete,.violation){background:var(--st-red-soft)!important;border-color:var(--st-red)!important;border-style:dashed!important;}
/* Custom subject is one fourth control, with the existing hidden submission field. */
:root body .homework-subject-controls{display:grid!important;grid-template-columns:minmax(0,3fr) minmax(145px,1.4fr)!important;gap:12px!important;align-items:stretch;}
:root body .homework-status-subject-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;}
:root body :is(.homework-status-subject-row label,.homework-custom-subject-tab){position:relative;margin:0!important;min-width:0;display:flex!important;}
:root body .homework-custom-subject-tab input{position:absolute;width:1px!important;height:1px!important;opacity:0;clip-path:inset(50%);}
:root body :is(.homework-status-subject-row,.homework-custom-subject-tab) span{display:flex!important;align-items:center;justify-content:center;min-height:52px!important;width:100%;padding:8px 12px!important;background:var(--st-soft)!important;color:var(--st-ink)!important;border:2px solid #a7a7aa!important;border-radius:7px!important;font-size:21px!important;font-weight:900!important;overflow-wrap:anywhere;}
:root body :is(.homework-status-subject-row label,.homework-custom-subject-tab):has(input:checked) span{position:relative;background:var(--st-lime)!important;color:#101116!important;border:3px solid #101116!important;outline:2px solid var(--st-surface);outline-offset:1px;box-shadow:5px 5px 0 #101116!important;padding-right:38px!important;}
:root body :is(.homework-status-subject-row label,.homework-custom-subject-tab):has(input:checked) span::after{content:'';position:absolute;right:9px;top:50%;width:23px;height:23px;transform:translateY(-50%);background:url('whiteboard-titanium/icons/check.svg') center/contain no-repeat;filter:brightness(0);}
:root body .homework-custom-subject-tab:has(input:focus-visible) span{outline:3px solid var(--st-blue)!important;outline-offset:4px!important;}
:root body .homework-other-subject-field{margin-top:12px;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;}
:root body .homework-other-subject-field[hidden]{display:none!important;}
:root body .homework-other-subject-field small{font-size:13px;color:var(--st-muted);}
/* Whiteboard reference layout. Native scrolling remains the overflow fallback. */
:root body.wb-titanium{--wb-dock:96px;background:var(--st-paper) url('sticker/frame.webp') center/100% 100dvh fixed no-repeat!important;}
:root body .wb-heading{height:96px;padding:12px 3.2vw 10px;gap:22px;color:white!important;justify-content:flex-start;}
:root body .wb-heading>div{display:flex;align-items:center;gap:14px;}
:root body .wb-heading strong{display:flex;align-items:center;justify-content:center;width:190px;height:72px;background:url('sticker/brand-label.webp') center/100% 100% no-repeat;color:#101116;font-size:34px;font-weight:950;letter-spacing:-.05em;}
:root body .wb-heading span{border:0;padding-left:0;font-weight:750;font-size:16px;}
:root body .wb-heading h1{font-size:clamp(38px,4.6vw,72px)!important;white-space:nowrap;}
:root body .wb-heading time{margin-left:auto;color:#fff!important;font-size:17px;font-weight:800;}
:root body.wb-titanium main.app-shell{inset:108px 2.5vw calc(var(--wb-dock) + 12px)!important;}
:root body.wb-titanium .wb-dock{padding:10px 3.2vw 14px;}
:root body.wb-titanium .wb-dock .wb-key{min-height:64px!important;font-size:24px!important;border-radius:7px!important;}
:root body.wb-titanium .wb-dock .wb-primary{min-width:330px;background:transparent url('sticker/action-label.webp') center/100% 100% no-repeat!important;border:0!important;box-shadow:none!important;color:#101116!important;min-height:78px!important;font-size:28px!important;}
:root body.wb-titanium .wb-menu-key{background:#fff!important;color:#101116!important;}
:root body.wb-titanium .wb-dock .wb-key img{filter:brightness(0)!important;}
:root body.wb-titanium .panel{padding:18px!important;}
:root body.wb-titanium :is(.panel:has(.homework-paint-ready),.panel:has(.discipline-paint-ready),[data-recitation-paint]){background:transparent!important;border:0!important;box-shadow:none!important;padding:5px 2px!important;}
:root body.wb-titanium :is(.homework-paint-ready,.discipline-paint-ready) :is(.homework-status-student-grid,.discipline-student-grid),:root body.wb-titanium [data-recitation-paint] .recitation-student-grid{grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:8px!important;}
:root body.wb-titanium :is(.homework-paint-ready,.discipline-paint-ready) .homework-name-key,:root body.wb-titanium [data-recitation-paint] .recitation-student-btn{min-height:54px!important;height:54px!important;font-size:21px!important;line-height:1.15!important;padding:6px!important;}
:root body.wb-titanium .homework-paint-tool{min-height:52px!important;font-size:23px!important;padding:8px 27px!important;}
:root body.wb-titanium .homework-paint-tool[aria-pressed=true]{padding-right:50px!important;}
:root body.wb-titanium .wb-welcome strong{font-weight:950;letter-spacing:-.06em;}
:root body.wb-titanium .wb-welcome p{color:var(--st-muted)!important;letter-spacing:.1em;}
:root body.wb-titanium [data-timer-display]{color:var(--st-ink)!important;font-weight:900!important;text-shadow:none!important;}
:root body.wb-titanium [data-timer-status]{color:var(--st-muted)!important;letter-spacing:.1em!important;}
:root body.wb-titanium .seat-front-board{background:var(--st-lime)!important;color:#101116!important;border:2px solid #101116!important;box-shadow:3px 3px 0 #101116!important;}
:root body.wb-titanium.page-seat_planner:not(.wb-editing) .seat-board-cell,:root body .seat-board-cell{background:var(--st-surface)!important;color:var(--st-ink)!important;border:2px solid var(--st-line)!important;border-radius:7px!important;box-shadow:3px 3px 0 var(--st-line)!important;clip-path:none!important;}
:root body.wb-titanium .seat-board-cell small{color:var(--st-muted)!important;}
:root body .wb-key.wb-selected,:root body .seat-board-cell.selected{background:var(--st-lime)!important;color:#101116!important;outline:3px solid #101116;outline-offset:2px;}
:root body :is(.honor-rule-option,.honor-board-student-grid .student-card):has(input:checked){background:var(--teal-soft)!important;border-color:var(--st-blue)!important;outline:3px solid var(--st-blue);outline-offset:2px;box-shadow:4px 4px 0 var(--st-blue)!important;}
:root body .honor-rule-option.is-deduction:has(input:checked),:root body .honor-score-form[data-score-mode=deduction] .honor-board-student-grid .student-card:has(input:checked){background:var(--st-red-soft)!important;border-color:var(--st-red)!important;outline-color:var(--st-red);box-shadow:4px 4px 0 var(--st-red)!important;}
:root body [data-theme-choice][aria-pressed=true]{outline:3px solid var(--st-pink)!important;outline-offset:3px;box-shadow:4px 4px 0 var(--st-pink)!important;}
:root body dialog.classroom-timer-focus{border:0!important;border-radius:0!important;box-shadow:none!important;padding:16px!important;}
:root body dialog.classroom-timer-focus .classroom-timer-panel{border:0!important;box-shadow:none!important;background:transparent!important;}
:root body.login-page .brand-panel h1{font-size:38px;}
:root body.login-page .login-shell{padding-top:145px;}
:root body.parent-page .parent-shell,:root body.install-page .app-shell{padding-top:135px;}
html[data-app-shell],html[data-app-shell] body{background:#101116!important;}
:root body #app-shell-recovery{background:#fff3b5;color:#101116;border-bottom:3px solid #101116;font-weight:750;}
@media(min-width:1600px){
 :root body .wb-heading{height:124px;}:root body.wb-titanium main.app-shell{inset:133px 2.5vw calc(var(--wb-dock) + 18px)!important;}
 :root body.wb-titanium :is(.homework-paint-ready,.discipline-paint-ready) .homework-name-key,:root body.wb-titanium [data-recitation-paint] .recitation-student-btn{min-height:76px!important;height:76px!important;font-size:28px!important;}
}
@media(max-width:1000px){
 :root body .wb-heading{gap:12px;padding-inline:20px;}:root body .wb-heading>div{display:block;font-size:14px;}:root body .wb-heading span{display:block;font-size:13px;}
 :root body .wb-heading strong{font-size:25px;width:135px;height:48px;}:root body .wb-heading h1{font-size:38px!important;}:root body .wb-heading time{font-size:14px;max-width:95px;}
 :root body.wb-titanium :is(.homework-paint-ready,.discipline-paint-ready) :is(.homework-status-student-grid,.discipline-student-grid),:root body.wb-titanium [data-recitation-paint] .recitation-student-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
 :root body.wb-titanium .wb-dock{gap:8px;padding-inline:16px;}:root body.wb-titanium .wb-dock .wb-key{font-size:18px!important;padding:10px 14px!important;}:root body.wb-titanium .wb-dock .wb-primary{min-width:0;}
}
@media(max-width:600px){
 :root body{background-size:auto 100dvh!important;}
 :root body.site-touch-layout .topbar{min-height:110px!important;padding:4px 0 18px!important;gap:10px;}:root body.site-touch-layout .topbar h1{font-size:32px!important;}:root body.site-touch-layout .topbar-actions{display:none;}
 :root body :is(.homework-paint-toolbar,.recitation-paint-toolbar){gap:10px;background:var(--st-paper)!important;}
 :root body .homework-paint-tool{font-size:17px!important;min-width:0;min-height:52px;padding-inline:8px!important;}:root body .homework-paint-tool[aria-pressed=true]{padding-right:30px!important;}:root body .homework-paint-tool[aria-pressed=true]::after{width:18px;height:18px;right:7px;}
 :root body .homework-subject-controls{grid-template-columns:minmax(0,3fr) minmax(88px,1.4fr)!important;gap:8px!important;}:root body :is(.homework-status-subject-row,.homework-custom-subject-tab) span{font-size:18px!important;min-height:48px!important;}
 :root body.site-touch-layout .site-dock{max-width:calc(100% - 20px)!important;gap:6px;}:root body.site-touch-layout .site-dock :is(a,button){font-size:14px!important;padding:8px!important;}
 :root body .console-menu-grid{gap:12px;}:root body.wb-titanium .wb-heading{height:86px;padding:12px;}:root body.wb-titanium .wb-heading h1{font-size:30px!important;}:root body.wb-titanium .wb-heading time{display:none;}
 :root body.wb-titanium main.app-shell{inset:92px 12px 100px!important;}
 :root body.wb-titanium :is(.homework-paint-ready,.discipline-paint-ready) :is(.homework-status-student-grid,.discipline-student-grid),:root body.wb-titanium [data-recitation-paint] .recitation-student-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
 :root body.wb-titanium .wb-dock .wb-key{font-size:15px!important;min-height:54px!important;padding:8px!important;}:root body.wb-titanium .wb-dock .wb-key img{width:20px;height:20px;}:root body.wb-titanium .wb-dock{padding:12px;gap:8px;}:root body.wb-titanium .wb-page-actions{gap:8px;}:root body.wb-titanium .wb-dock [data-wb-back]{display:none!important;}
 :root body dialog.classroom-timer-focus{padding:8px!important;}
}
@media(prefers-reduced-motion:reduce){:root body *{animation:none!important;transition:none!important;}}
@media print{:root body{background:white!important;color:black!important;}:root body .panel{box-shadow:none!important;border:1px solid #999!important;}}

:root body[data-theme=opal_obsidian] .homework-paint-tool:not([aria-pressed=true]) {color:var(--st-ink)!important;}
:root body.wb-titanium.theme-opal-obsidian .homework-paint-tool:not([aria-pressed=true]) {color:var(--st-ink)!important;}
:root body.wb-titanium.page-seat_planner:not(.wb-editing) .seat-board-cell.selected {background:var(--st-lime)!important;color:#101116!important;outline:3px solid #101116;outline-offset:2px;}
:root body img.titanium-icon,:root body .titanium-icon img{filter:brightness(0)!important;object-fit:contain!important;}
:root body[data-theme=opal_obsidian] img.titanium-icon,:root body[data-theme=opal_obsidian] .titanium-icon img{filter:brightness(0) invert(1)!important;}
:root body .home-whiteboard-entry img.titanium-icon{filter:brightness(0)!important;}
:root body.wb-titanium .wb-dock .wb-primary{background-size:100% 145%!important;}
/* Retire stronger legacy titanium foreground rules on the actual whiteboard. */
:root body.wb-titanium .wb-heading h1{color:#fff!important;text-shadow:none!important;}
:root body.wb-titanium .wb-heading span{color:#fff!important;}
:root body.wb-titanium :is(.homework-paint-ready,.discipline-paint-ready,[data-recitation-paint]) .homework-paint-tool[data-status=excellent]:not([aria-pressed=true]){color:#4f057e!important;}
:root body.wb-titanium :is(.homework-paint-ready,.discipline-paint-ready,[data-recitation-paint]) .homework-paint-tool[data-status=completed]:not([aria-pressed=true]){color:#064881!important;}
:root body.wb-titanium :is(.homework-paint-ready,.discipline-paint-ready,[data-recitation-paint]) .homework-paint-tool[data-status=incomplete]:not([aria-pressed=true]){color:#a9072d!important;}
:root body.wb-titanium.theme-opal-obsidian :is(.homework-paint-ready,.discipline-paint-ready,[data-recitation-paint]) .homework-paint-tool:not([aria-pressed=true]){color:var(--st-ink)!important;}
:root body.wb-titanium .homework-paint-ready .homework-status-subject-row label:not(:has(input:checked)) span{background:var(--st-soft)!important;color:var(--st-ink)!important;border:2px solid #a7a7aa!important;}
:root body.wb-titanium .homework-paint-ready .homework-status-subject-row label,:root body.wb-titanium .homework-custom-subject-tab{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
:root body.wb-titanium:has(.homework-paint-ready,.discipline-paint-ready) .wb-page-actions{gap:28px;}
:root body.wb-titanium:has(.homework-paint-ready,.discipline-paint-ready) .wb-page-actions>.wb-primary{flex:1;max-width:560px;margin-inline:auto;}
@media(max-width:600px){:root body.wb-titanium:has(.homework-paint-ready,.discipline-paint-ready) .wb-page-actions{gap:8px;}}
@media(max-width:600px){
 :root body{background-size:100% 100dvh!important;}
 :root body.site-touch-layout .topbar .teacher-meta{display:inline-block;background:#101116;color:#fff!important;padding:2px 6px;border-radius:3px;}
 :root body.site-touch-layout .homework-status-context-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;}
 :root body.site-touch-layout .homework-status-context-row .classroom-choice-fieldset{grid-column:1/-1;}
 :root body :is(.homework-status-subject-row,.homework-custom-subject-tab) span{font-size:17px!important;padding:8px 4px!important;}
 :root body :is(.homework-status-subject-row label,.homework-custom-subject-tab):has(input:checked) span{padding-right:20px!important;}
 :root body :is(.homework-status-subject-row label,.homework-custom-subject-tab):has(input:checked) span::after{width:14px;height:14px;right:4px;}
}
:root body .homework-custom-subject-edit{display:flex;gap:10px;align-items:center;}
:root body .homework-custom-subject-edit input{flex:1;min-width:0;}
:root body .homework-custom-subject-edit button{flex:0 0 auto;white-space:nowrap;}
:root body.wb-titanium main :is(label,legend,small,.muted){color:var(--st-ink)!important;}
:root body.wb-titanium.theme-opal-obsidian .wb-dock .wb-key:not(.wb-primary):not(.wb-menu-key) img{filter:brightness(0) invert(1)!important;}
:root body.wb-titanium.theme-opal-obsidian input[type=date]{color-scheme:dark!important;}
/* A legitimately unavailable QR image does not occupy a broken-image rectangle. */
:root body .web-qr-box:has(.web-qr-image[src=""]){display:none;}
:root body .web-qr-login-panel:has(.web-qr-image[src=""]) .web-qr-status{display:none;}
/* The real controls remain descendants of their original form: drafts, submission,
   class navigation and the whiteboard picker keep the same fields/listeners. */
:root body label.homework-custom-subject-tab>span{display:flex!important;background:var(--st-soft)!important;color:var(--st-ink)!important;border:2px solid #a7a7aa!important;border-radius:7px!important;padding:8px 12px!important;}
:root body label.homework-custom-subject-tab:has(input:checked)>span{background:var(--st-lime)!important;color:#101116!important;border:3px solid #101116!important;box-shadow:5px 5px 0 #101116!important;padding-right:38px!important;}
@media(min-width:1180px){
 :root body:has(.homework-paint-ready,.discipline-paint-ready) .wb-heading>div>span,
 :root body:has(.homework-paint-ready,.discipline-paint-ready) .wb-heading>time,
 :root body:has(.homework-paint-ready,.discipline-paint-ready) .topbar-actions{display:none!important;}
 :root body:has(.homework-paint-ready,.discipline-paint-ready) .topbar>div:first-child{max-width:calc(100% - 470px);}
 :root body :is(.homework-paint-ready,.discipline-paint-ready) :is(.classroom-context-row,.discipline-setup-row)>label:has([name=class_id]),
 :root body :is(.homework-paint-ready,.discipline-paint-ready) :is(.classroom-context-row,.discipline-setup-row)>label:has([name=task_date]){
  position:fixed!important;top:12px!important;z-index:106;width:210px!important;display:grid!important;gap:4px!important;margin:0!important;padding:0!important;color:#fff!important;font-size:15px!important;
 }
 :root body :is(.homework-paint-ready,.discipline-paint-ready) label:has(>[name=class_id]){right:calc(3.2vw + 230px)!important;}
 :root body :is(.homework-paint-ready,.discipline-paint-ready) label:has(>[name=task_date]){right:3.2vw!important;}
 :root body :is(.homework-paint-ready,.discipline-paint-ready) label:has(>[name=class_id],>[name=task_date]) :is(select,input){min-height:46px!important;height:46px!important;font-size:17px!important;padding:8px 12px!important;border-color:#fff!important;}
 :root body .homework-paint-ready{display:grid!important;grid-template-columns:minmax(380px,.9fr) minmax(0,1.25fr)!important;gap:16px 22px!important;}
 :root body .homework-paint-ready .classroom-context-row{display:contents!important;}
 :root body .homework-paint-ready .classroom-choice-fieldset{grid-column:2;grid-row:1;margin:0!important;padding:0!important;min-width:0;}
 :root body .homework-paint-ready .classroom-choice-fieldset>legend{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden;clip-path:inset(50%);}
 :root body .homework-paint-ready .homework-paint-toolbar{grid-column:1;grid-row:1;align-self:start;margin:0!important;min-height:56px;}
 :root body .homework-paint-ready .homework-status-student-grid{grid-column:1/-1;grid-row:2;}
 :root body .homework-paint-ready>:is(.homework-paint-feedback,button){grid-column:1/-1;}
 :root body .discipline-paint-ready .discipline-setup-row{display:contents!important;}
 :root body.site-touch-layout .panel:has(>.homework-paint-ready)>.section-head{display:none!important;}
 :root body.wb-titanium :is(.homework-paint-ready,.discipline-paint-ready) .homework-name-key{height:clamp(54px,calc((100dvh - 310px)/6 - 8px),86px)!important;min-height:54px!important;}
}
@media(min-width:1600px){
 :root body :is(.homework-paint-ready,.discipline-paint-ready) :is(.classroom-context-row,.discipline-setup-row)>label:has([name=class_id]),
 :root body :is(.homework-paint-ready,.discipline-paint-ready) :is(.classroom-context-row,.discipline-setup-row)>label:has([name=task_date]){top:24px!important;width:260px!important;font-size:18px!important;}
 :root body :is(.homework-paint-ready,.discipline-paint-ready) label:has(>[name=class_id]){right:calc(3.2vw + 280px)!important;}
}
@media(max-width:600px){
 :root body label.homework-custom-subject-tab>span{font-size:17px!important;padding:8px 4px!important;}
 :root body label.homework-custom-subject-tab:has(input:checked)>span{padding-right:20px!important;}
}
:root body label.homework-custom-subject-tab:has(input:checked)>span{display:block!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:32px;text-align:center;}
:root body.wb-titanium label.homework-custom-subject-tab>span{background:var(--st-soft)!important;border:2px solid #a7a7aa!important;box-shadow:none!important;}
:root body.wb-titanium label.homework-custom-subject-tab:has(input:checked)>span{background:var(--st-lime)!important;border:3px solid #101116!important;box-shadow:5px 5px 0 #101116!important;}
@media(min-width:1180px){:root body.site-touch-layout .homework-paint-ready>label{display:none!important;}}
/* Content headings stay readable; the condensed display treatment is limited to the board title. */
:root body h1{font-weight:800!important;letter-spacing:0!important;line-height:1.3;}
:root body h2{font-weight:750;letter-spacing:0;line-height:1.4;}
:root body.wb-titanium .wb-heading h1{font-weight:900!important;letter-spacing:-.025em!important;line-height:1.1;}
:root body.parent-page .parent-hero h1{font-size:30px!important;font-weight:700!important;letter-spacing:0!important;line-height:1.4!important;text-shadow:none!important;}
@media(max-width:600px){:root body.parent-page .parent-hero h1{font-size:24px!important;}}
:root body.site-touch-layout .desktop-side-brand :is(span,strong){color:#fff!important;}
:root body.site-touch-layout .topbar .teacher-meta{display:inline-block;background:#101116;color:#fff!important;padding:2px 6px;border-radius:3px;}
:root body.site-touch-layout .topbar-action-links{display:none!important;}
@media(min-width:1180px){:root body.site-touch-layout .site-header-back{display:none!important;}}
:root body.wb-titanium .whiteboard-after-class{background:var(--st-surface)!important;color:var(--st-ink)!important;border:2px solid var(--st-line)!important;border-radius:9px!important;box-shadow:none!important;}
:root body.wb-titanium.page-honor_board :is(.honor-overview-panel,.honor-score-panel,.honor-score-rules-column,.honor-score-students-column,.honor-board-summary>div){background:var(--st-surface)!important;color:var(--st-ink)!important;border:2px solid var(--st-line)!important;border-radius:9px!important;box-shadow:none!important;}
:root body.wb-titanium.page-honor_board :is(.secondary-btn,.honor-score-mode button){background:var(--st-surface)!important;color:var(--st-ink)!important;border:2px solid var(--st-line)!important;border-radius:7px!important;box-shadow:3px 3px 0 var(--st-line)!important;}
:root body.wb-titanium.page-honor_board .honor-score-mode button.is-active{background:var(--st-lime)!important;color:#101116!important;outline:3px solid #101116;outline-offset:2px;}
:root body.wb-titanium.page-honor_board .honor-score-mode button:last-child.is-active{background:var(--st-red-soft)!important;color:var(--danger)!important;outline-color:var(--danger);border-color:var(--danger)!important;}
:root body.wb-titanium.page-honor_board .honor-board-student-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;}
:root body.wb-titanium.page-honor_board .honor-board-student-grid .student-card{background:var(--st-surface)!important;color:var(--st-ink)!important;border:2px solid var(--st-line)!important;border-radius:7px!important;box-shadow:3px 3px 0 var(--st-line)!important;}
:root body.wb-titanium.page-honor_board .honor-board-student-grid .student-card strong{font-size:20px!important;line-height:1.25;}
:root body.wb-titanium.page-honor_board .honor-board-student-grid .student-card:has(input:checked){background:var(--teal-soft)!important;border-color:var(--st-blue)!important;outline:3px solid var(--st-blue);outline-offset:2px;}
:root body.wb-titanium.page-honor_board .honor-score-form[data-score-mode=deduction] .honor-board-student-grid .student-card:has(input:checked){background:var(--st-red-soft)!important;border-color:var(--st-red)!important;outline-color:var(--st-red);}
:root body.site-touch-layout .site-primary-link{color:#fff!important;background:transparent!important;}
:root body.site-touch-layout .site-primary-link img{filter:brightness(0) invert(1)!important;}
:root body.site-touch-layout .site-primary-link.is-active{background:var(--st-lime)!important;color:#101116!important;}
:root body.site-touch-layout .site-primary-link.is-active img{filter:brightness(0)!important;}
/* The timer's conic ring is a live progress indicator, not decorative artwork. */
:root body:not(.wb-titanium) .classroom-timer-dial{border:3px solid var(--st-line)!important;box-shadow:5px 5px 0 var(--st-line)!important;}
:root body:not(.wb-titanium) .classroom-timer-face{background:var(--st-surface)!important;border:2px solid var(--st-line)!important;box-shadow:none!important;}
:root body:not(.wb-titanium) .classroom-timer-face :is(strong,span){color:var(--st-ink)!important;}
:root body:not(.wb-titanium) .classroom-timer-panel.is-finished .classroom-timer-face :is(strong,span){color:var(--danger)!important;}
:root body .classroom-timer-presets button{background:var(--st-surface)!important;color:var(--st-ink)!important;border:2px solid var(--st-line)!important;border-radius:7px!important;font-weight:800;}
:root body .classroom-timer-presets button[aria-pressed=true]{background:var(--st-lime)!important;color:#101116!important;border:3px solid #101116!important;box-shadow:3px 3px 0 #101116!important;}

/* Native-only action must remain hidden in the local timer large view. */
:root body .classroom-timer-focus-actions > [hidden]{display:none!important;}

/* Keep display text on its own ink backing, independent of the raster tear edge.
   Inner padding, not a shadow, protects every glyph without growing the header. */
:root body.wb-titanium .wb-heading h1{
 background:#101116!important;padding:6px 12px!important;border-radius:4px;
 margin:0!important;line-height:1.15!important;font-size:clamp(32px,4vw,60px)!important;
 max-width:100%;text-shadow:none!important;clip-path:none!important;overflow:visible!important;
}
@media(max-width:600px){
 :root body.wb-titanium .wb-heading h1{font-size:30px!important;padding:6px 8px!important;}
}
:root body :is(.homework-paint-ready,.discipline-paint-ready) .record-context-label{color:inherit!important;}
/* Reuse the former label row for equal, generous touch targets. The labels remain
   accessible; the inputs stay inside the original form and retain all listeners. */
@media(min-width:1180px){
 :root body :is(.homework-paint-ready,.discipline-paint-ready) .record-context-label{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;
 }
 :root body :is(.homework-paint-ready,.discipline-paint-ready)  :is(.classroom-context-row,.discipline-setup-row)>label:has(>[name=class_id],>[name=task_date]){
  top:16px!important;gap:0!important;
 }
 :root body :is(.homework-paint-ready,.discipline-paint-ready) :is(.classroom-context-row,.discipline-setup-row)>label:has(>[name=class_id],>[name=task_date]) > :is(select[name=class_id],input[name=task_date]){
  min-height:64px!important;height:64px!important;border:3px solid var(--st-line)!important;
  font-size:19px!important;padding:10px 12px!important;
 }
}
/* Disabled fields retain their boundary rather than fading into the artwork. */
:root body :is(.homework-paint-ready,.discipline-paint-ready) :is(select[name=class_id],input[name=task_date]):disabled{
 opacity:1!important;background:var(--st-soft)!important;color:var(--st-muted)!important;border-style:dashed!important;
}
/* The ordinary page uses the same title contrast; keep its existing header budget. */
:root body.site-touch-layout .topbar h1{
 display:table;background:#101116!important;color:#fff!important;padding:4px 10px!important;
 line-height:1.15!important;border-radius:4px;text-shadow:none!important;
}
@media(min-width:1180px){
 /* A finished legacy entrance animation leaves transform:matrix(...) behind,
    which otherwise captures fixed class/date controls inside the content panel. */
 :root body.site-touch-layout .panel:has(>.homework-paint-ready,>.discipline-paint-ready){transform:none!important;animation:none!important;}
 :root body.site-touch-layout .homework-paint-ready .classroom-choice-fieldset{grid-column:2!important;grid-row:1!important;}
}
@media(max-width:600px){
 :root body.wb-titanium :is(.homework-paint-ready,.discipline-paint-ready,[data-recitation-paint]) .homework-paint-tool{
  font-size:17px!important;line-height:1.25!important;white-space:nowrap!important;min-height:52px!important;padding:8px 10px!important;
 }
 :root body.wb-titanium :is(.homework-paint-ready,.discipline-paint-ready,[data-recitation-paint]) .homework-paint-tool[aria-pressed=true]{padding-right:30px!important;}
 :root body.wb-titanium:has(.homework-paint-ready,.discipline-paint-ready) .wb-dock{
  display:grid!important;grid-template-columns:52px minmax(0,1fr) 52px!important;gap:8px!important;
 }
 :root body.wb-titanium:has(.homework-paint-ready,.discipline-paint-ready) .wb-page-actions{
  display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;gap:8px!important;
 }
 :root body.wb-titanium:has(.homework-paint-ready,.discipline-paint-ready) .wb-dock .wb-key{
  min-width:0!important;width:100%!important;margin:0!important;padding:8px 4px!important;
 }
}

/* Workbench identity and date share one legible context group, not a second title row.
   Record-form class/date controls and whiteboard headers are intentionally separate. */
:root body.site-touch-layout.page-home .topbar{
 min-height:88px!important;padding:0 0 8px!important;margin-bottom:16px!important;
 align-items:center!important;gap:16px!important;
}
:root body.site-touch-layout.page-home .topbar>div:first-child{min-width:0;}
:root body.site-touch-layout.page-home .topbar-user-context{
 display:flex!important;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px!important;
 background:#101116!important;color:#fff!important;border:2px solid #fff!important;border-radius:5px;
 padding:9px 14px;max-width:46%;flex:0 1 auto;
}
:root body.site-touch-layout.page-home .topbar-user-context .teacher-meta{
 margin:0!important;padding:0!important;color:#fff!important;font-size:16px!important;line-height:1.25!important;
 overflow-wrap:anywhere;text-align:right;
}
:root body.site-touch-layout.page-home .topbar-user-context .topbar-date{
 display:block!important;color:#fff!important;font-size:22px!important;line-height:1.2!important;font-weight:800!important;
 font-variant-numeric:tabular-nums;white-space:nowrap;
}
@media(max-width:600px){
 :root body.site-touch-layout.page-home .topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px!important;min-height:76px!important;}
 :root body.site-touch-layout.page-home .topbar h1{font-size:clamp(22px,6.2vw,30px)!important;padding:4px 6px!important;white-space:normal;}
 :root body.site-touch-layout.page-home .topbar-user-context{max-width:144px;padding:6px 8px;}
 :root body.site-touch-layout.page-home .topbar-user-context .teacher-meta{font-size:12px!important;}
 :root body.site-touch-layout.page-home .topbar-user-context .topbar-date{font-size:16px!important;}
}

/* Candidate readability repair: classroom weekly statistics and materials icons.
   Source-cascade verified; Windows device acceptance remains outstanding. */
:root body.page-lesson_evaluations .stats-grid .stat-card {
  background: var(--st-surface) !important;
  color: var(--st-ink) !important;
}
:root body.page-lesson_evaluations .stats-grid .stat-card > span {
  color: var(--st-muted) !important;
}
:root body.page-lesson_evaluations .stats-grid .stat-card > strong {
  color: var(--st-ink) !important;
}

/* The theme filter must transform only the transparent SVG silhouette, not an
   opaque background/border painted on the same replaced image element. */
:root body.page-materials img.titanium-icon.tool-maintenance-icon {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Class module icons are monochrome transparent SVGs (not the old illustrated
   PNG badges). Pair silhouette foreground with the actual module surface. */
:root body.page-classes .class-bento-card{background:var(--st-surface)!important;color:var(--st-ink)!important;}
:root body.page-classes .class-bento-card > span strong{color:var(--st-ink)!important;}
:root body.page-classes img.class-bento-icon{background:transparent!important;border:0!important;box-shadow:none!important;filter:brightness(0)!important;}
:root body.page-classes[data-theme=opal_obsidian] img.class-bento-icon{filter:brightness(0) invert(1)!important;}