.teaching-countdown{display:block!important;box-sizing:border-box;width:min(100%,650px);margin:12px auto;padding:18px 25px 14px;border:8px ridge #b8913d;border-radius:19px;background:radial-gradient(ellipse at 6% 3%,#a87a325c,transparent 35%),radial-gradient(ellipse at 95% 100%,#cfac4547,transparent 40%),#111312;color:#f3cd78!important;box-shadow:inset 0 0 0 2px #edcb7650,0 9px 28px #1b120b25;text-align:center;overflow:hidden}
.countdown-caption{display:block;font:clamp(24px,4vw,38px) 'Allura',Georgia,serif;letter-spacing:.04em;color:#f5ce7c}
.countdown-digits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:15px 6px 12px;margin:8px 0;border:1px solid #967439;border-radius:9px;background:linear-gradient(#171b20,#030606);box-shadow:inset 0 3px 10px #000}
.countdown-unit{display:flex;flex-direction:column;min-width:0;gap:6px}.countdown-unit b{font-family:'Courier New',monospace;font-size:clamp(27px,6vw,64px);font-weight:600;line-height:1.1;letter-spacing:.04em;color:#f4fbff;text-shadow:0 0 10px #b7d7ff77;font-variant-numeric:tabular-nums}.countdown-unit small{font:500 clamp(9px,1.4vw,13px) system-ui,sans-serif;color:#dfe8ed;text-transform:uppercase;letter-spacing:.1em}
.countdown-motto{font:italic 19px Georgia,serif;color:#eac270}.countdown-ended .countdown-unit b{color:#ffb89d}
#blackboard .blackboard-toolbar{display:flex;align-items:end;gap:16px;flex-wrap:wrap}#blackboard .blackboard-toolbar .field{flex:1;min-width:180px}#blackboard .blackboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin-top:20px}.blackboard-material{display:block!important;overflow-wrap:anywhere}.blackboard-material h4{margin:12px 0;font:25px Georgia,serif}.blackboard-material p{white-space:pre-wrap}.blackboard-private{font-size:12px;color:#547269}.blackboard-timer-controls{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:end}.blackboard-timer-controls .field{width:85px;margin:0}.blackboard-timer-controls input{width:100%}.blackboard-timer-panel{margin:22px 0;padding:20px;border:1px solid #ddd1aa;border-radius:20px;background:#fcfaf4}
#blackboardPresentation{padding:20px;background:#101916;color:#fff;border-radius:18px;overflow:auto;box-sizing:border-box}#blackboardPresentation:fullscreen{width:100%;height:100%;border-radius:0}#blackboardPresentation .blackboard-screen-content{min-height:160px;display:grid;place-items:center}#blackboardPresentation video,#blackboardPresentation iframe{width:100%;height:min(62vh,650px);border:0;background:#000}#blackboardPresentation img{max-width:100%;max-height:62vh;object-fit:contain}#blackboardPresentation h3{color:#f2d89c}#blackboardPresentation .teaching-countdown{width:min(100%,520px);padding:8px 18px;border-width:5px}#blackboardPresentation .countdown-unit b{font-size:clamp(28px,5vw,52px)}#blackboardPresentation .countdown-caption,#blackboardPresentation .countdown-motto{display:none}.blackboard-present-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.blackboard-present-controls .btn{color:#21152e;background:#fff}.blackboard-present-help{font-size:13px;color:#c8d7ce}.blackboard-screen-content a{color:#ffe4a0}#blackboardMessage{min-height:1.5em}
.test-session-bar{flex-wrap:wrap}#testTimer.teaching-countdown{flex:1 1 280px;max-width:460px;padding:10px 16px;border-width:5px}#testTimer .countdown-unit b{font-size:clamp(28px,5vw,44px)}#testTimer .countdown-caption{font-size:26px}#testTimer .countdown-motto{font-size:15px}
@media(max-width:500px){.teaching-countdown{padding:10px;border-width:5px}.blackboard-timer-panel{padding:12px}#blackboardPresentation{padding:10px}.blackboard-timer-controls{gap:8px}.blackboard-timer-controls .field{width:70px}}
#blackboard [hidden]{display:none!important}
/* AI-generated resin-and-stationery frame; the timer is live HTML/SVG. */
.teaching-countdown,#testTimer.teaching-countdown,#blackboardPresentation .teaching-countdown{position:relative;container-type:inline-size;aspect-ratio:3/2;height:auto;padding:0;border:0;border-radius:18px;background:#10100e url('../blackboard/countdown-classroom-frame.png') center/100% 100% no-repeat;box-shadow:0 8px 26px #1b120b28;width:min(100%,650px);max-width:650px}
.teaching-countdown .countdown-caption,.teaching-countdown .countdown-motto{display:none}
.teaching-countdown .countdown-digits{position:absolute;left:19%;top:31%;width:62%;height:25%;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:4%;margin:0;padding:1% 2%;border:0;background:none;box-shadow:none;border-radius:0}
.teaching-countdown .countdown-unit{gap:3px;align-items:center}.teaching-countdown .countdown-unit b,#testTimer .countdown-unit b,#blackboardPresentation .countdown-unit b{display:block;line-height:0;width:80%;font-size:inherit;filter:drop-shadow(0 0 3px #d1eaffaa)}.countdown-unit svg{width:100%;height:auto;max-height:15cqw;fill:currentColor}.teaching-countdown .countdown-unit small{font-size:clamp(7px,2cqw,13px);letter-spacing:.045em;line-height:1.1;white-space:nowrap}
#testTimer.teaching-countdown{max-width:460px;flex:0 1 460px}#blackboardPresentation .teaching-countdown{max-width:520px}
#blackboardManualReader{width:100%;min-width:0}.manual-reader{width:100%;color:#f5f3e9}.manual-reader-tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:10px 0}.manual-reader-tools label{display:flex;align-items:center;gap:7px}.manual-reader-tools input{width:76px!important;min-height:38px;background:#fff;color:#222}.manual-reader-tools select{width:auto;max-width:100%;background:#fff;color:#222}.manual-reader-tools .btn{min-height:38px}.manual-reader-view{box-sizing:border-box;padding:12px;background:#343b39;border-radius:8px;max-height:75vh;overflow:auto;text-align:center;min-height:200px}.manual-reader-view canvas{display:block;margin:auto;background:#fff;max-width:100%}.manual-word-page{max-width:850px;margin:auto;padding:clamp(15px,4vw,45px);white-space:pre-wrap;text-align:left;background:#fff;color:#222;font:18px/1.7 Georgia,serif}.manual-page-text{padding:12px 0}.manual-page-text p{line-height:1.6}.manual-word-note,[data-reader-status]{font-size:13px;color:#e2e9df}.manual-reader-tools [aria-pressed="true"]{background:#f6d583!important}.manual-reader-tools select:focus,.manual-reader-tools input:focus{outline:3px solid #edc36c}
@media(max-width:500px){.teaching-countdown,#testTimer.teaching-countdown,#blackboardPresentation .teaching-countdown{border-radius:10px}.manual-reader-tools{gap:6px}.manual-reader-tools .btn{font-size:11px;padding:8px}.manual-reader-view{padding:5px}.manual-reader-tools select{width:100%}}
.blackboard-youtube-section{margin:20px 0;padding:22px;border:1px solid #d9b7b7;border-top:4px solid #b32e39;border-radius:18px;background:#fffafa}.blackboard-youtube-section h3{font:28px Georgia,serif;color:#74202c;margin:0 0 10px}.blackboard-youtube-section>p{color:#54464a}.blackboard-youtube-section form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px}.blackboard-youtube-section form .actions,.blackboard-youtube-section form [role="status"]{grid-column:1/-1}.blackboard-youtube-section input{width:100%}#blackboardYouTubePlayer{padding:16px;margin:18px 0;background:#151719;color:#fff;border-radius:14px;box-sizing:border-box}#blackboardYouTubePlayer:fullscreen{width:100%;height:100%;overflow:auto;border-radius:0}#blackboardYouTubePlayer iframe{display:block;width:100%;aspect-ratio:16/9;min-height:200px;max-height:78vh;border:0;background:#000}#blackboardYouTubePlayer h4{color:#fff;margin:0}.blackboard-clip-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}#blackboardYouTubePlayer a{display:inline-block;margin-top:12px;color:#ffe4a0}#blackboardYouTubePlayer .note{color:#d5dadd}#blackboardYouTubePlayer .btn{background:#fff;color:#31204f}
@media(max-width:600px){.blackboard-youtube-section{padding:13px}.blackboard-youtube-section form{grid-template-columns:minmax(0,1fr)}#blackboardYouTubePlayer{padding:8px}}
/* Keep the class clock in the presentation's upper-right corner at every width. */
#blackboardPresentation .blackboard-present-controls,#blackboardYouTubePlayer .blackboard-clip-controls{display:grid;grid-template-columns:minmax(0,1fr) clamp(108px,22vw,220px);align-items:start;gap:12px;position:relative;z-index:3;background:#101916;padding:8px 0 12px;margin:0 0 12px}
#blackboardYouTubePlayer .blackboard-clip-controls{background:#151719}.blackboard-present-copy{min-width:0;overflow-wrap:anywhere}.blackboard-present-copy .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.blackboard-present-copy h3,.blackboard-present-copy h4{margin:0}
#blackboardPresentationClock.teaching-countdown,#blackboardYouTubeClock.teaching-countdown{grid-column:2;grid-row:1;width:100%;max-width:220px;margin:0;align-self:start;justify-self:end;border-radius:8px}
#blackboardPresentation.blackboard-timer-only .blackboard-present-controls{grid-template-columns:minmax(0,1fr);position:static}#blackboardPresentation.blackboard-timer-only #blackboardPresentationClock{grid-column:1;grid-row:2;justify-self:center;width:min(100%,650px);max-width:650px;margin:12px auto}#blackboardPresentation.blackboard-timer-only #blackboardScreen{display:none}
@media(max-width:500px){#blackboardPresentation .blackboard-present-controls,#blackboardYouTubePlayer .blackboard-clip-controls{grid-template-columns:minmax(0,1fr) clamp(108px,34vw,150px);gap:8px}.blackboard-present-copy .actions{gap:6px}.blackboard-present-copy .btn{max-width:100%;white-space:normal;min-height:36px;padding:7px 9px;font-size:11px}#blackboardPresentationClock .countdown-unit small,#blackboardYouTubeClock .countdown-unit small{font-size:clamp(5px,2cqw,7px);letter-spacing:0}.blackboard-timer-only #blackboardPresentationClock .countdown-unit small{font-size:clamp(7px,2cqw,13px)}}
.blackboard-present-copy .actions .btn{width:auto;flex:0 1 auto}

/* Compact clip tools: neutral panel with a small colored play icon. */
#blackboard .blackboard-youtube-section{box-sizing:border-box;width:100%;max-width:760px;margin:14px 0;padding:14px;border:1px solid #e4dfe8;border-radius:12px;background:#fff}
#blackboard .blackboard-youtube-section>h3{display:flex;align-items:center;gap:9px;font:600 18px/1.3 system-ui,sans-serif;color:#31204f;margin:0 0 6px}
.blackboard-youtube-icon{display:inline-grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:#b32e39;color:#fff;font:12px/1 system-ui,sans-serif}
#blackboard .blackboard-youtube-section>p{font-size:13px;margin:0 0 12px}
#blackboard .blackboard-youtube-section form{gap:8px 12px}
#blackboard .blackboard-youtube-section form .field{min-width:0;margin:0}
#blackboard .blackboard-youtube-section form label{font-size:12px;margin-bottom:4px}
#blackboard .blackboard-youtube-section form input{box-sizing:border-box;min-width:0;min-height:40px;padding:8px 10px;font-size:14px;border-radius:8px}
#blackboard .blackboard-youtube-section .actions{gap:8px;margin:0;display:flex;flex-wrap:wrap}
#blackboard .blackboard-youtube-section .btn{width:auto;flex:0 1 auto;min-height:40px;padding:8px 12px;font-size:12px;white-space:normal}
#blackboardClipMessage:empty{display:none}
#blackboard .blackboard-youtube-section>h4{font:600 13px/1.4 system-ui,sans-serif;margin:14px 0 6px}
#blackboard #blackboardYouTubeClips{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:0}
#blackboardYouTubeClips .blackboard-material{padding:10px 12px;border-radius:9px;box-shadow:none}
#blackboardYouTubeClips .blackboard-material h4{font:600 15px/1.4 system-ui,sans-serif;margin:4px 0 8px}
#blackboardYouTubeClips .blackboard-material p{font-size:13px;margin:6px 0}
#blackboardYouTubeClips .empty{padding:10px;font-size:13px}
#blackboardYouTubePlayer iframe{min-height:0}
@media(max-width:600px){#blackboard .blackboard-youtube-section{padding:11px}}

/* Compact teaching tools, side by side whenever the workspace has room. */
#blackboard{container-type:inline-size}
#blackboard .blackboard-tools-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start;margin:14px 0 20px}
#blackboard .blackboard-tools-layout>.blackboard-youtube-section{max-width:none;margin:0;min-width:0}
#blackboard .blackboard-tools-layout>.blackboard-timer-panel{margin:0;padding:14px;border-radius:12px;min-width:0;border-color:#d9cfb6;background:#fffdf6}
#blackboard .blackboard-timer-panel>h3{font:600 18px/1.3 Georgia,serif;color:#304d3c;margin:0 0 8px}
#blackboardClock.teaching-countdown{width:min(100%,270px);margin:8px auto 12px;border-radius:10px}
#blackboard .blackboard-timer-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;align-items:end}
#blackboard .blackboard-timer-controls .field{width:auto;min-width:0;margin:0}
#blackboard .blackboard-timer-controls label{font-size:11px;margin-bottom:4px}
#blackboard .blackboard-timer-controls input{box-sizing:border-box;min-width:0;min-height:36px;padding:6px 8px;font-size:14px;border-radius:8px}
#blackboard .blackboard-timer-controls .btn{min-width:0;width:auto;min-height:36px;padding:7px 8px;font-size:11px;line-height:1.3;white-space:normal}
#blackboard .blackboard-timer-controls [data-bb="present-clock"]{grid-column:span 2;background:#f0e8cf;border:1px solid #cfbb83;color:#3e422d}
#blackboard .blackboard-timer-panel .note{font-size:11px;line-height:1.5;color:#596353;margin:9px 0 0}
#blackboardTimerStatus{font-size:12px;color:#36523e;font-weight:600;margin:10px 0 0}
@container(max-width:760px){#blackboard .blackboard-tools-layout{grid-template-columns:minmax(0,1fr)}#blackboard .blackboard-tools-layout>.blackboard-timer-panel{width:100%;box-sizing:border-box}#blackboard .blackboard-timer-controls{max-width:350px;margin:auto}}
/* Bright AI classroom stationery surrounds the original document pages. */
#blackboardPresentation,#blackboardYouTubePlayer{background:#faf7ee url('../blackboard/classroom-material-background.png') center/cover no-repeat;color:#243e38;border:1px solid #d9ccb1;box-shadow:0 10px 30px #39504412}
#blackboardPresentation .blackboard-present-controls,#blackboardYouTubePlayer .blackboard-clip-controls{background:#ffffffeb;border-radius:12px;padding:12px;box-sizing:border-box}
#blackboardPresentation h3,#blackboardYouTubePlayer h4{color:#244e45}
#blackboardPresentation .blackboard-present-help,#blackboardYouTubePlayer .note{color:#425b53;background:#ffffffeb;border-radius:8px;padding:10px 12px;line-height:1.5}
#blackboardPresentation .blackboard-screen-content a,#blackboardYouTubePlayer a{color:#245c60;background:#fffdf5;border-radius:6px;padding:6px 9px;overflow-wrap:anywhere}
#blackboardPresentation .blackboard-present-controls .btn,#blackboardYouTubePlayer .blackboard-clip-controls .btn{background:#fff;color:#264e46;border:1px solid #c8d5c8}
#blackboardPresentation .manual-reader{color:#253f36}
#blackboardPresentation .manual-reader-tools{background:#fffffff2;border:1px solid #dfd6bf;border-radius:10px;padding:10px}
#blackboardPresentation .manual-reader-tools .btn{background:#f5f5eb;color:#244b40;border:1px solid #c8d5c8}
#blackboardPresentation .manual-reader-view{background:#f6f3e8e8;border:1px solid #d8ccb2;padding:14px}
#blackboardPresentation .manual-reader-view canvas,#blackboardPresentation .manual-word-page{box-shadow:0 5px 20px #38473b20}
#blackboardPresentation .manual-word-note,#blackboardPresentation [data-reader-status],#blackboardPresentation .manual-page-text{color:#3e564c;background:#ffffffed;border-radius:8px;padding:10px}
#blackboardPresentation .manual-page-text p{color:#263d32}
@media(max-width:500px){#blackboardPresentation .blackboard-present-controls,#blackboardYouTubePlayer .blackboard-clip-controls{padding:8px}#blackboardPresentation .manual-reader-view{padding:5px}#blackboard .blackboard-timer-controls .btn{min-height:40px}}
#blackboard .blackboard-tools-layout{max-width:1100px}
#blackboardPresentation,#blackboardYouTubePlayer{background-size:100% auto;background-position:center top}