.timers-page{--timers-ink:#ecf1fc;--timers-muted:#a0afc7;--timers-panel:rgba(20,28,43,.87);max-width:1336px!important;margin:0 auto;padding:26px 28px 64px;color:var(--timers-ink)}
.timers-page [hidden]{display:none!important}.timers-page button,.timers-page select,.timers-page summary{font:inherit}.timers-page button,.timers-page select{color:inherit}.timers-page button:focus-visible,.timers-page select:focus-visible,.timers-page summary:focus-visible,.timers-page a:focus-visible{outline:2px solid #a5b9ff;outline-offset:4px}
.timers-hero{display:flex;justify-content:space-between;align-items:center;gap:36px;margin:32px 0}.timers-eyebrow{font-size:10px;font-weight:700;letter-spacing:.19em;color:#a8baff;margin:0 0 12px}.timers-hero h1{font-size:clamp(32px,3.5vw,48px);letter-spacing:-.045em;line-height:1.1;margin:0 0 13px}.timers-lead{font-size:18px;color:#d5def0;margin:0 0 8px}.timers-hero p:last-child{max-width:650px;color:var(--timers-muted);font-size:13px;line-height:1.7;margin:0}.timers-live-clock{display:flex;align-items:center;gap:13px;flex-shrink:0;border:1px solid rgba(150,177,226,.15);border-radius:16px;padding:20px 24px;background:var(--glass-secondary)}.timers-live-clock>span:nth-child(2){font-size:9px;letter-spacing:.12em;color:var(--timers-muted)}.timers-live-clock strong{display:block;font-variant-numeric:tabular-nums;font-size:27px;font-weight:650;letter-spacing:.01em;color:var(--timers-ink);margin:5px 0}.timers-live-clock small{letter-spacing:0;font-size:11px}.timers-live-clock>svg{margin-left:18px;color:#95a8cc}.timers-dot{width:6px;height:6px;background:var(--glass-secondary);border-radius:50%;box-shadow:0 0 12px #83d5b755;align-self:flex-start;margin-top:4px}
.timers-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;border:1px solid rgba(150,177,226,.14);background:var(--glass-secondary);border-radius:14px;padding:16px 20px}.timers-controls>label{font-size:11px;color:var(--timers-muted);display:grid;gap:7px}.timers-controls select{background:var(--glass-interactive);border:1px solid #3b4965;border-radius:8px;padding:8px 34px 8px 11px;min-width:190px;font-size:12px;color:var(--timers-ink)}.timers-controls .timers-local{display:flex;align-items:center;gap:9px;color:var(--timers-ink);font-size:12px}.timers-local input{width:15px;height:15px;accent-color:#9cb2ff;margin:0}.timers-controls>p{font-size:11px;margin:0 0 0 auto;color:var(--timers-muted);max-width:245px;line-height:1.6}
.timers-next{display:flex;align-items:center;gap:16px;margin:17px 0 28px;border-left:2px solid #a0b3fb;padding:8px 14px;background:var(--glass-secondary)}.timers-next>span:first-child{display:flex;align-items:center;gap:7px;color:#aabdf4;font-size:11px}.timers-next svg{width:15px;height:15px}.timers-next strong{font-size:12px;font-weight:550}.timers-next>span:last-child{font-size:11px;color:var(--timers-muted);margin-left:auto}
.timers-filter-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.timers-filter-row>div{display:flex;flex-wrap:wrap;gap:6px}.timers-filter-row button{border:1px solid transparent;background:transparent;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:12px;color:var(--timers-muted)}.timers-filter-row button:hover{background:var(--glass-hover);color:var(--timers-ink)}.timers-filter-row button[aria-pressed=true]{background:var(--glass-selected);border-color:#a0b4ff45;color:#d6e0ff}.timers-filter-row>span{color:var(--timers-muted);font-size:11px;white-space:nowrap}
.timers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.timer-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;padding:22px 23px 0;border:1px solid rgba(143,169,216,.17);border-radius:17px;background:var(--glass-secondary);box-shadow:0 12px 40px #00000012;transition:border-color .18s ease}.timer-card:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 10% -15%,color-mix(in srgb,var(--timer-accent) 10%,transparent),transparent 65%);pointer-events:none}.timer-card:hover{border-color:color-mix(in srgb,var(--timer-accent) 38%,transparent)}.timer-card[data-active=true]{border-color:color-mix(in srgb,var(--timer-accent) 43%,transparent)}.timer-card-top{display:flex;align-items:center;gap:11px;margin-bottom:16px}.timer-symbol{display:grid;place-items:center;width:41px;height:41px;border-radius:12px;border:1px solid color-mix(in srgb,var(--timer-accent) 20%,transparent);background:color-mix(in srgb,var(--timer-accent) 7%,transparent);color:var(--timer-accent)}.timer-symbol svg{width:22px;height:22px}.timer-category{color:var(--timers-muted);font-size:10px;font-weight:550;letter-spacing:.045em}.timer-follow{display:grid;place-items:center;width:30px;height:30px;margin-left:auto;border:0;border-radius:8px;cursor:pointer;background:transparent;color:#7485a3!important}.timer-follow:hover{background:var(--glass-hover)}.timer-follow[aria-pressed=true]{color:var(--timer-accent)!important}.timer-follow[aria-pressed=true] svg{fill:color-mix(in srgb,var(--timer-accent) 25%,transparent)}.timer-card h2{font-size:16px;letter-spacing:-.02em;line-height:1.4;margin:0 0 8px;font-weight:600}.timer-description{font-size:12px;line-height:1.7;color:var(--timers-muted);min-height:61px;margin:0 0 18px}.timer-state{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--timers-muted)}.timer-card[data-active=true] .timer-state>span:first-child{color:var(--timer-accent)}.timer-duration{font-size:9px;border:1px solid #8fa9d81a;border-radius:5px;padding:3px 6px}.timer-countdown{font-size:clamp(27px,2.45vw,37px);font-weight:550;letter-spacing:.025em;line-height:1.3;font-variant-numeric:tabular-nums;margin:9px 0 5px;color:var(--timers-ink)}.timer-card[data-active=true] .timer-countdown{color:var(--timer-accent)}.timer-when{font-size:11px;color:var(--timers-muted);min-height:18px;margin:0 0 17px}.timer-progress{height:3px;background:var(--glass-secondary);border-radius:8px;overflow:hidden;margin-bottom:20px}.timer-progress span{display:block;width:0;height:100%;background:var(--glass-secondary);opacity:.8}.timer-schedule{border-top:1px solid #91a5cd13;margin:0 -23px;padding:0 23px}.timer-schedule summary{padding:13px 0;cursor:pointer;font-size:10px;color:var(--timers-muted)}.timer-schedule p{font-size:11px;line-height:1.9;margin:0 0 10px;color:var(--timers-ink)}.timer-schedule small{display:block;font-size:10px;color:var(--timers-muted);padding-bottom:15px}.timers-empty{padding:45px 20px;border:1px dashed #a0b4ff40;border-radius:14px;text-align:center;color:var(--timers-muted);font-size:13px}
.timers-source{margin-top:28px;border:1px solid #91a5cd19;border-radius:14px;padding:19px 22px;background:var(--glass-secondary)}.timers-source>div{display:flex;gap:13px}.timers-source svg{color:#8ca6cf;flex-shrink:0;width:19px;margin-top:2px}.timers-source h2{font-size:12px;margin:0 0 6px;font-weight:550}.timers-source p{font-size:11px;line-height:1.8;color:var(--timers-muted);margin:0;max-width:1000px}.timers-source details{margin:12px 0 0 32px}.timers-source summary{font-size:10px;cursor:pointer;color:#adbef1}.timers-source details p{margin-top:9px}.timers-source a{color:#b3c7fa;text-decoration:underline;text-underline-offset:3px}
[data-theme=light] .timers-page{--timers-ink:#1c2940;--timers-muted:#5c6d83;--timers-panel:rgba(247,249,255,.94)}[data-theme=light] .timers-controls select{background:var(--glass-interactive);color:#1c2940}[data-theme=light] .timers-filter-row button[aria-pressed=true]{color:#2c4489}[data-theme=light] .timer-symbol{color:#475d91}[data-theme=light] .timers-source a{color:#425ba1}
@media(min-width:1600px){.timers-page{max-width:1420px!important}.timer-card{padding-top:25px}.timer-description{min-height:45px}}
@media(max-width:1050px){.timers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timers-hero{gap:20px}.timers-live-clock{padding:16px}.timers-controls>p{max-width:none;margin-left:0}.timer-countdown{font-size:34px}}
@media(max-width:600px){.timers-page{padding:16px 16px 40px}.timers-hero{display:block;margin:24px 0}.timers-hero h1{font-size:34px}.timers-lead{font-size:16px}.timers-live-clock{margin-top:20px;justify-content:flex-start;padding:13px 16px}.timers-live-clock>svg{margin-left:auto}.timers-live-clock strong{font-size:23px;margin:4px 0}.timers-controls{padding:15px;gap:15px}.timers-controls>label:first-child{width:100%}.timers-controls select{width:100%}.timers-controls>p{font-size:10px}.timers-grid{grid-template-columns:1fr;gap:13px}.timers-filter-row{align-items:flex-start}.timers-filter-row button{padding:7px 9px;font-size:11px}.timers-filter-row>span{margin-top:8px;font-size:10px}.timers-next{flex-wrap:wrap;gap:8px 12px;padding:10px 13px;margin-bottom:22px}.timers-next>span:last-child{width:100%;margin:0 0 0 23px}.timer-card{padding:19px 20px 0}.timer-description{min-height:0;margin-bottom:18px}.timer-card-top{margin-bottom:13px}.timer-countdown{font-size:37px}.timer-schedule{margin:0 -20px;padding:0 20px}.timers-source{padding:17px}.timers-source details{margin-left:0}}
@media(prefers-reduced-motion:reduce){.timer-card{transition:none}}
#main-content.timers-page .timers-hero h1,#main-content.timers-page .timer-card h2{text-align:left!important}.timers-page .timer-follow{padding:0!important;min-width:30px;min-height:30px;box-shadow:none!important}.timers-page .timers-controls>p{margin:0 0 0 auto!important}.timers-page .timers-live-clock strong{margin:5px 0!important}
@media(max-width:600px){.timers-page .timers-hero{margin:15px 0 20px}.timers-page .timers-hero h1{margin:0 0 10px!important;font-size:31px}.timers-page .timers-hero .timers-lead{font-size:14px;margin:0 0 7px!important}.timers-page .timers-hero p:last-child{font-size:12px;line-height:1.65;margin:0!important}.timers-page .timers-live-clock{padding:11px 14px;margin-top:15px}.timers-page .timers-live-clock strong{font-size:21px;margin:3px 0!important}.timers-page .timers-controls>p{margin:0!important}.timers-page .timers-next{margin-top:14px}}