.watching-replay #app{padding-bottom:0;background:#686868}.watching-replay #app>header{background:white}.watching-replay #nav{display:none}.watching-replay .classroom{position:relative;min-height:calc(100dvh - 79px);background:linear-gradient(#555,#707070 28%,#686868 85%,#393939);display:flex;flex-direction:column;justify-content:center;padding:120px 0 230px}.watching-replay .screen{background:#000;position:relative}.watching-replay .screen video{width:100%;aspect-ratio:16/9;object-fit:contain}.watching-replay .player-buttons,.watching-replay #playback-message,.watching-replay .play-rule,.watching-replay .class-status{display:none!important}.replay-top{position:absolute;top:22px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;color:#eee;font-size:14px}.replay-top button{font-size:32px;color:white}.replay-center{display:flex;justify-content:center;gap:45px;align-items:center;margin-top:24px}.replay-center button{color:white;font-size:30px;width:50px;min-height:55px;text-shadow:0 2px 8px #0007}.replay-center small{display:block;font-size:12px}.replay-bottom{position:absolute;bottom:20px;left:20px;right:20px;color:white}.replay-bottom input{width:100%;accent-color:#ff304b;cursor:pointer}.replay-time{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:17px}.replay-time select{background:transparent;border:1px solid #ddd;border-radius:22px;color:white;padding:7px 14px;font:inherit}.replay-time option{color:#222}.replay-directory{display:block;margin:24px auto 0;color:#eee;font-size:14px}#replay-error{font-size:14px;color:#ffd6db}.watching-replay .inbox-entry{bottom:160px}.watching-replay .classroom:fullscreen{width:100%;height:100%;padding:65px 0 120px}.watching-replay .classroom:fullscreen .screen{flex:1;min-height:0}.watching-replay .classroom:fullscreen video{height:100%;object-fit:contain}.watching-replay .classroom:fullscreen .replay-center{position:absolute;top:45%;left:0;right:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.watching-replay .screen .replay-center{position:absolute;inset:0;margin:0;pointer-events:none;background:linear-gradient(transparent,#0002)}.watching-replay .screen .replay-center button{pointer-events:auto}.watching-replay video[data-playback-mode="replay"]::-webkit-media-controls{display:none!important}

.replay-history{margin:20px 18px 0;color:#fff}.replay-history h3{font-size:16px;margin:0 0 8px}.history-note{font-size:12px;color:#ddd}.history-items{max-height:180px;overflow:auto;overscroll-behavior:contain}.history-items article{background:#29292966;border-radius:12px;padding:10px 13px;margin:9px 0;overflow-wrap:anywhere}.history-items small{color:#ccc;font-size:11px}.history-items p{margin:6px 0;line-height:1.5;font-size:14px}.history-reply{color:#ffd5df;border-left:2px solid #ff97ae;padding-left:8px}.history-more{color:white;padding:10px 0;font-size:13px}
.watching-replay .classroom:not(.replay-controls-visible) .replay-top,.watching-replay .classroom:not(.replay-controls-visible) .replay-center,.watching-replay .classroom:not(.replay-controls-visible) .replay-bottom{opacity:0;visibility:hidden;pointer-events:none}.watching-replay .classroom:not(.replay-controls-visible) .replay-center button{pointer-events:none}.watching-replay .classroom:focus{outline:none}.watching-replay .classroom:focus-visible{outline:2px solid #ff97ae;outline-offset:-2px}

#replay-toggle{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;line-height:1}#replay-toggle svg{display:block;width:42px;height:42px;fill:currentColor;pointer-events:none;filter:drop-shadow(0 2px 5px #0006)}