.training-clock{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;background:#fffdf6;border:1px solid #bfd0ac;border-radius:12px;color:#294637}.training-clock b{font-variant-numeric:tabular-nums}.training-clock button,.scratch-toggle,.scratch-actions button{font:inherit;padding:8px 12px;border:1px solid #b8cda2;border-radius:8px;background:#ecf3e2;color:#244535;cursor:pointer}.training-clock button:disabled{opacity:.45}.training-scratch{position:fixed;left:16px;bottom:16px;z-index:120;width:116px}.training-scratch.open{box-sizing:border-box;width:min(460px,calc(100vw - 32px));height:min(360px,calc(100dvh - 120px));min-width:240px;min-height:210px;padding:10px;border:1px solid #7a96838c;border-radius:13px;background:#ffffff33;display:flex;flex-direction:column}.scratch-toggle{width:100%;font-size:12px;font-weight:800}.training-scratch.open .scratch-toggle{align-self:flex-start;width:auto}.scratch-body{display:flex;flex:1;min-height:0;flex-direction:column}.scratch-body[hidden]{display:none}.scratch-body p{margin:5px 0 7px;font-size:11px;color:#315442}.scratch-body canvas{display:block;flex:1 1 0;height:0;width:100%;min-height:0;box-sizing:border-box;border:1px solid #bfcabb;border-radius:8px;background:transparent;cursor:crosshair;touch-action:none}.scratch-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:9px;padding-right:28px}.scratch-actions button{font-size:11px;padding:7px 10px}.scratch-actions button:disabled{opacity:.45}.scratch-resize{position:absolute;right:0;bottom:0;width:27px;height:27px;padding:0;border:0;border-radius:8px 0 10px 0;color:#244b39;background:#ebf7e8cc;font-size:17px;cursor:nwse-resize;touch-action:none}@media(max-width:650px){.training-scratch{left:10px;bottom:90px}.training-scratch.open{width:calc(100vw - 20px);height:min(320px,calc(100dvh - 190px))}.training-clock{font-size:13px}.training-clock button{padding:7px 9px}}

.module-book-overlay.open{grid-template-rows:auto minmax(0,1fr)}.module-book-head{flex-wrap:wrap}.module-book-head .training-clock{padding:6px 8px}.module-book-head .training-clock button{padding:6px 8px}

@media(min-width:801px){.training-scratch{left:calc(var(--persistent-nav-width,244px) + 16px)}.training-scratch.open{max-width:calc(100vw - var(--persistent-nav-width,244px) - 32px)}}

.speed-math-clock{display:none}

.training-scratch:not(.open){box-sizing:border-box;width:116px!important;max-width:116px!important;height:auto!important;min-width:0;min-height:0;padding:0;border:0;background:transparent;display:block}.training-scratch.open{width:var(--scratch-width,min(460px,calc(100vw - 32px)));height:var(--scratch-height,min(360px,calc(100dvh - 120px)))}@media(max-width:650px){.training-scratch.open{width:var(--scratch-width,calc(100vw - 20px));height:var(--scratch-height,min(320px,calc(100dvh - 190px)))}}

.module-book-question-scroll>.training-clock,.speed-math-main>.training-clock{width:fit-content;max-width:100%;box-sizing:border-box;margin:0 0 16px;padding:7px 10px;font-size:13px;gap:6px}.module-book-question-scroll>.training-clock button,.speed-math-main>.training-clock button{padding:5px 8px;font-size:12px}.book100-timer{position:static!important;width:fit-content;max-width:100%;box-sizing:border-box;padding:5px 8px!important;margin-bottom:10px!important;gap:6px!important;border-radius:8px!important;font-size:12px!important}.book100-timer b{font-size:14px!important}.book100-timer button{padding:4px 7px!important;font-size:12px!important}#book100TimerStatus{display:none}