:root{--display-bg:#123d2d;--display-panel:#123d2d;--display-text:#fff;--display-muted:#d6e4dd;--display-accent:#080a09;--display-on-accent:#fff;--display-fullscreen-text:#fff}
body[data-display] .stage{color:var(--display-text);background:var(--display-panel);border-color:color-mix(in srgb,var(--display-text) 16%,transparent)}
body[data-display] .stage:before{display:none!important}body[data-display] .digital{gap:.12em;color:var(--display-text)!important;font-size:clamp(2.4rem,7vw,4.4rem)!important;letter-spacing:0!important;text-shadow:none!important}
body[data-display] .analog:before,body[data-display] .analog:after{background:var(--display-accent)!important}
body[data-display] .analog:after{border-color:var(--display-text)!important}
body[data-display] .analog .num span,body[data-display] .readout{color:var(--display-muted)!important}
body[data-display="monochrome"]{--display-bg:#000;--display-panel:#000;--display-text:#fff;--display-muted:#fff;--display-accent:#fff;--display-on-accent:#000;--display-fullscreen-text:#fff}
body[data-display="pink"]{--display-bg:#ef86ad;--display-panel:#ef86ad;--display-text:#171014;--display-muted:#5c3040;--display-accent:#b72f65;--display-on-accent:#fff;--display-fullscreen-text:#111}
.display-link{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:9px 13px;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:.8rem;font-weight:850;text-decoration:none}
.digital{display:flex;align-items:center;justify-content:center;gap:.12em;white-space:nowrap}.time-unit{display:inline-block;min-width:1.16em;text-align:center;letter-spacing:.04em}.time-sep{display:inline-block;margin:0 .02em;transform:translateY(-.05em)}
.distudy-modal[hidden]{display:none!important}.distudy-modal{position:fixed;z-index:9999;inset:0;padding:20px;display:grid;place-items:center;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.distudy-dialog{width:min(470px,100%);padding:28px;color:var(--display-text);background:var(--display-panel);border:1px solid color-mix(in srgb,var(--display-text) 22%,transparent);border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.55)}.distudy-dialog h2{margin:0;font-size:1.65rem;letter-spacing:-.035em}.distudy-dialog p{margin:12px 0 24px;color:var(--display-muted);line-height:1.55}.distudy-dialog-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.distudy-dialog button{min-height:44px;padding:10px 15px;border:1px solid color-mix(in srgb,var(--display-text) 25%,transparent);border-radius:8px;font-weight:900;cursor:pointer}.distudy-continue{color:var(--display-on-accent);background:var(--display-accent)}.distudy-end{color:var(--display-text);background:transparent}
.timer:fullscreen,.timer-wrap:fullscreen{position:relative;width:100vw!important;height:100vh!important;padding:0!important;display:grid!important;place-items:center!important;overflow:hidden;background:var(--display-bg)!important}
.timer:fullscreen>:not(.stage):not(.distudy-modal),.timer-wrap:fullscreen>:not(.stage):not(.distudy-modal){display:none!important}
.timer:fullscreen .stage,.timer-wrap:fullscreen .stage{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--display-bg)}
.timer:fullscreen .stage:before,.timer-wrap:fullscreen .stage:before{display:none!important}
.timer:fullscreen .digital,.timer-wrap:fullscreen .digital{width:100%;height:100%;padding:2.5vw;display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;justify-items:center;gap:clamp(4px,.7vw,18px);color:var(--display-fullscreen-text)!important;font-size:min(22.5vw,68vh)!important;line-height:.86!important;overflow:hidden}.timer:fullscreen .time-unit,.timer-wrap:fullscreen .time-unit{min-width:0;width:100%;letter-spacing:.055em}.timer:fullscreen .analog .num span,.timer:fullscreen .analog .readout,.timer-wrap:fullscreen .analog .num span,.timer-wrap:fullscreen .analog .readout{color:var(--display-fullscreen-text)!important}
.timer:fullscreen .digital[hidden],.timer-wrap:fullscreen .digital[hidden],.timer:fullscreen .analog[hidden],.timer-wrap:fullscreen .analog[hidden]{display:none!important}
.timer:fullscreen .analog,.timer-wrap:fullscreen .analog{width:min(88vw,88vh)!important;height:min(88vw,88vh)!important;inset:auto!important;position:relative!important}
.timer:fullscreen .stage:not(.digital-mode),.timer-wrap:fullscreen .stage:not(.digital-mode){width:min(88vw,88vh)!important;height:min(88vw,88vh)!important;aspect-ratio:1!important;border-radius:50%!important;border:1px solid color-mix(in srgb,var(--display-text) 16%,transparent)!important;background:var(--display-panel)!important;box-shadow:0 34px 80px rgba(0,0,0,.55),inset 0 0 0 10px #0d100e,inset 0 0 0 11px rgba(255,255,255,.07),inset 0 0 48px rgba(0,0,0,.75)!important}
.timer:fullscreen .stage:not(.digital-mode) .analog,.timer-wrap:fullscreen .stage:not(.digital-mode) .analog{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.stage.alerting{animation:distudy-mono-alert 1.8s ease-in-out infinite!important}.stage.alerting .digital,.stage.alerting .analog,.stage.alerting .readout,.stage.alerting .num span{color:inherit!important}.stage.alerting .analog:before,.stage.alerting .analog:after{background:currentColor!important;border-color:currentColor!important}@keyframes distudy-mono-alert{0%,45%{color:#fff;background:#080a09}55%,100%{color:#080a09;background:#fff}}@media(prefers-reduced-motion:reduce){.stage.alerting{animation:none!important;color:#fff;background:#080a09}}
@media(orientation:portrait) and (max-width:700px){.timer:fullscreen .digital,.timer-wrap:fullscreen .digital{height:100%;padding:4vh 4vw;grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:0;font-size:min(70vw,31vh)!important;line-height:.84!important}.timer:fullscreen .time-sep,.timer-wrap:fullscreen .time-sep{display:none}.timer:fullscreen .time-unit,.timer-wrap:fullscreen .time-unit{width:auto;min-width:0;align-self:center;letter-spacing:.07em}}
@media(max-width:520px){.distudy-dialog{padding:22px}.distudy-dialog-actions{display:grid}.distudy-dialog button{width:100%}}