.reading-top{position:relative;z-index:20}.reading-top h1{min-width:0}.timing-panel{display:flex;align-items:center;gap:14px;flex-shrink:0;padding:0 16px;border-left:1px solid #e2ebf2;border-right:1px solid #e2ebf2}.clock-block,.elapsed-block{display:flex;flex-direction:column;gap:3px;white-space:nowrap}.clock-block>span,.elapsed-block>span{font-size:10px;color:#8298aa;letter-spacing:.5px}.clock-block time,.elapsed-block output{font-size:18px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:.5px}.clock-block time{color:#607e94}.elapsed-block output{color:#227cad;min-width:62px}.timer-actions{display:flex;gap:5px}.timer-actions button{padding:7px 10px;font-size:12px}#timer-start{background:#e5f3fc;border-color:#bcdaed;color:#247ba9}#timer-stop:not(:disabled){color:#33728e;border-color:#a5c9dc}#timer-history{position:relative;font-size:12px}#timer-history summary{list-style:none;cursor:pointer;padding:8px;border-radius:7px;color:#68879c;white-space:nowrap}#timer-history summary::-webkit-details-marker{display:none}#timer-history summary:hover,#timer-history[open] summary{background:#edf5fb}#timer-history-count{display:inline-block;min-width:17px;text-align:center;background:#e4eef6;border-radius:5px;margin-left:3px}.timer-history-popover{position:absolute;right:0;top:calc(100% + 12px);width:330px;padding:16px;background:#fff;border:1px solid #dce9f2;border-radius:14px;box-shadow:0 12px 35px #294d7526;z-index:60}.history-heading{display:flex;justify-content:space-between;align-items:center;color:#41667e}.history-heading strong{font-size:13px}.history-heading button{font-size:11px;padding:4px 8px}#timer-history-list{list-style:none;margin:10px 0 0;padding:0}#timer-history-list li{display:grid;grid-template-columns:67px minmax(0,1fr);gap:3px 10px;padding:9px 0;border-bottom:1px solid #edf3f7}#timer-history-list strong{grid-row:1/3;align-self:center;color:#317fa8;font-size:17px;font-variant-numeric:tabular-nums}#timer-history-list span{font-size:11px;color:#5c7588;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#timer-history-list small{font-size:10px;color:#92a3af}#timer-history-list li.empty-time{display:block;color:#b0bdc6;font-size:11px;padding:13px 0}#timer-history-note{font-size:10px;color:#8a9eae;margin:12px 0 0;line-height:1.6}#timer-history summary:focus-visible{outline:3px solid #7dbbdf;outline-offset:2px}
@media(max-width:1100px){.timing-panel{gap:9px;padding:0 10px}.clock-block time,.elapsed-block output{font-size:16px}.reading-top{gap:10px}.reading-top>button{white-space:nowrap;font-size:12px;padding:8px 10px}.reading-top h1{font-size:13px}}
@media(max-width:760px){.reading-top{flex-wrap:wrap;padding:8px 12px;gap:7px}.timing-panel{order:4;width:100%;justify-content:center;border:0;border-top:1px solid #eef3f7;padding:7px 0 0;gap:13px}.reading-top h1{font-size:12px}.clock-block time,.elapsed-block output{font-size:17px}.timer-actions button{padding:7px 10px}.timer-history-popover{position:fixed;right:12px;left:12px;top:105px;width:auto;max-width:360px;margin-left:auto}.exam-app.focus .timer-history-popover{top:103px}.exam-app:not(.focus) .timer-history-popover{top:155px}}
@media(max-width:370px){.timing-panel{gap:8px}.timer-actions button{padding:7px}.clock-block time,.elapsed-block output{font-size:15px}}