body.dashboard-saver-open{overflow:hidden!important}
#dashboardSaver .saver-gallery,#dashboardSaver .saver-gallery-shade,#dashboardSaver .saver-gallery-footer{display:none}
#dashboardSaver{position:fixed;inset:0;z-index:9500;display:grid;place-items:center;align-items:safe center!important;overflow:auto;padding:30px 20px;background:var(--page,#101b2a);color:var(--ink,#f4efe4);font-family:"Segoe UI",Arial,sans-serif;isolation:isolate;text-align:left}
#dashboardSaver *{box-sizing:border-box}
#dashboardSaver .saver-glow{position:absolute;z-index:-2;inset:0;overflow:hidden;background:radial-gradient(ellipse at 78% 15%,color-mix(in srgb,var(--accent,#e2c180) 15%,transparent),transparent 54%),radial-gradient(ellipse at 5% 80%,color-mix(in srgb,var(--accent,#e2c180) 6%,transparent),transparent 60%)}
#dashboardSaver .saver-glow:before{content:"";position:absolute;width:70vmax;height:70vmax;top:-30vmax;right:-12vmax;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 13%,transparent);box-shadow:0 0 0 100px color-mix(in srgb,var(--accent) 2%,transparent),0 0 0 200px color-mix(in srgb,var(--accent) 1.5%,transparent);animation:saver-drift 30s ease-in-out infinite alternate}
#dashboardSaver .saver-glow:after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--edge) 1px,transparent 1px),linear-gradient(90deg,var(--edge) 1px,transparent 1px);background-size:100px 100px;opacity:.06;mask-image:linear-gradient(150deg,transparent 25%,#000)}
#dashboardSaver .saver-skyline{position:absolute;z-index:-1;bottom:0;left:0;width:100%;height:27vh;min-height:120px;max-height:280px;stroke:var(--accent);stroke-width:.8;opacity:.13;mask-image:linear-gradient(transparent,#000 45%);pointer-events:none}
#dashboardSaver .saver-content{width:min(100%,1080px);padding:46px 54px 28px;border:1px solid color-mix(in srgb,var(--edge) 60%,transparent);border-radius:28px;background:linear-gradient(130deg,color-mix(in srgb,var(--surface) 86%,transparent),color-mix(in srgb,var(--surface) 48%,transparent));box-shadow:0 28px 100px color-mix(in srgb,var(--ink) 5%,transparent);backdrop-filter:blur(18px)}
#dashboardSaver .saver-header{display:flex;align-items:center;justify-content:space-between;gap:20px}
#dashboardSaver .saver-brand{display:flex;align-items:center;gap:15px}
#dashboardSaver .saver-monogram{font-size:24px;font-weight:850;letter-spacing:-.035em;color:var(--accent)}
#dashboardSaver .saver-product{font-size:9px;font-weight:700;color:var(--subtle);letter-spacing:.16em;text-transform:uppercase;line-height:1.6;border-left:1px solid var(--edge);padding-left:15px}
#dashboardSaver .saver-mode{display:inline-flex;align-items:center;gap:9px;color:var(--subtle);font-size:10px;letter-spacing:.04em;white-space:nowrap}
#dashboardSaver .saver-mode i{display:block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 45%,transparent)}
#dashboardSaver .saver-stage{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;align-items:center;margin:68px 0 42px}
#dashboardSaver .saver-date{color:var(--subtle);font-size:12px;letter-spacing:.08em;margin:0 0 4px;text-transform:uppercase;line-height:1.5}
#dashboardSaver .saver-clock{display:block;font:250 clamp(80px,12vw,156px)/1.15 "Segoe UI",Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.065em;white-space:nowrap;margin-left:-7px}
#dashboardSaver .saver-divider{width:38px;height:2px;background:var(--accent);margin:25px 0 23px;opacity:.85}
#dashboardSaver h1{font:450 clamp(24px,3vw,34px)/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:-.035em;margin:0 0 8px}
#dashboardSaver .saver-subtitle{color:var(--subtle);font-size:14px;line-height:1.5;margin:0}
#dashboardSaver .saver-session{position:relative;justify-self:center}
#dashboardSaver .saver-ring{width:260px;height:260px;position:relative}
#dashboardSaver .saver-ring>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-width:1.5;transform:rotate(-90deg)}
#dashboardSaver .saver-ring-track{stroke:var(--edge);opacity:.45}
#dashboardSaver .saver-ring-value{stroke:var(--accent);stroke-width:2.5;stroke-dasharray:1;stroke-linecap:round;transition:stroke-dashoffset 1s linear}
#dashboardSaver .saver-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
#dashboardSaver .saver-shield{width:28px;height:31px;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:16px}
#dashboardSaver .saver-pause-status{font-size:28px;font-weight:350;line-height:1.25;letter-spacing:-.04em;color:var(--ink)}
#dashboardSaver .saver-status-label{color:var(--subtle);font-size:10px;letter-spacing:.04em;margin-top:7px}
#dashboardSaver .saver-remaining{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#dashboardSaver .saver-actions{display:flex;align-items:center;gap:22px;margin-bottom:42px}
#dashboardSaver .saver-wake{border:1px solid transparent!important;background:var(--accent)!important;color:var(--accent-ink)!important;border-radius:999px!important;padding:13px 24px!important;font:650 12px/1.5 "Segoe UI",Arial,sans-serif!important;box-shadow:0 6px 24px color-mix(in srgb,var(--accent) 12%,transparent)!important;transition:none!important;opacity:1!important;filter:none!important;transform:none!important;cursor:pointer;white-space:nowrap}
#dashboardSaver .saver-wake:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
#dashboardSaver .saver-hint{color:var(--subtle);font-size:11px;line-height:1.5;margin:0}
#dashboardSaver .saver-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid color-mix(in srgb,var(--edge) 65%,transparent);padding-top:21px;color:var(--subtle);font-size:9px;line-height:1.5}
#dashboardSaver .saver-tagline{font-size:8px;letter-spacing:.16em;white-space:nowrap;opacity:.8}
@keyframes saver-drift{to{transform:translate(-3vw,4vh) rotate(8deg)}}
@media(max-width:700px){
 #dashboardSaver .saver-content{padding:27px 23px 22px;border-radius:22px}
 #dashboardSaver .saver-monogram{font-size:22px}#dashboardSaver .saver-product{font-size:8px;letter-spacing:.12em;padding-left:12px}
 #dashboardSaver .saver-brand{gap:12px}#dashboardSaver .saver-mode{font-size:8px;gap:6px}
 #dashboardSaver .saver-stage{grid-template-columns:1fr;gap:23px;margin:32px 0 25px;text-align:center}
 #dashboardSaver .saver-clock{font-size:100px;line-height:1.1;margin:0}#dashboardSaver .saver-date{font-size:9px;letter-spacing:.05em}
 #dashboardSaver .saver-divider{display:none}#dashboardSaver h1{font-size:25px;margin-top:14px}#dashboardSaver .saver-subtitle{font-size:12px}
 #dashboardSaver .saver-ring{width:164px;height:164px}#dashboardSaver .saver-shield{height:23px;width:21px;margin-bottom:7px}
 #dashboardSaver .saver-pause-status{font-size:21px}#dashboardSaver .saver-status-label{font-size:8px;margin-top:4px}
 #dashboardSaver .saver-actions{flex-direction:column;gap:12px;margin-bottom:25px}#dashboardSaver .saver-hint{font-size:10px;text-align:center}
 #dashboardSaver .saver-footer{display:block;text-align:center;padding-top:15px;font-size:8px}#dashboardSaver .saver-tagline{display:none}
}
@media(max-height:600px) and (min-width:701px){
 #dashboardSaver .saver-content{padding:12px 30px;max-width:1000px}#dashboardSaver .saver-stage{margin:10px 0;grid-template-columns:minmax(0,1fr) 150px;gap:30px}
 #dashboardSaver .saver-clock{font-size:72px}#dashboardSaver .saver-date{font-size:10px}#dashboardSaver .saver-divider{display:none}#dashboardSaver h1{font-size:20px;margin-top:10px}
 #dashboardSaver .saver-subtitle{font-size:12px}#dashboardSaver .saver-ring{width:136px;height:136px}#dashboardSaver .saver-pause-status{font-size:20px}#dashboardSaver .saver-status-label{font-size:8px}
 #dashboardSaver .saver-shield{width:20px;height:22px;margin-bottom:6px}#dashboardSaver .saver-actions{margin-bottom:8px}#dashboardSaver .saver-footer{padding-top:10px}
}
@media(max-width:700px) and (max-height:760px){
 #dashboardSaver .saver-content{padding:22px 20px 18px}#dashboardSaver .saver-stage{margin:24px 0 20px;gap:16px}
 #dashboardSaver .saver-clock{font-size:90px}#dashboardSaver h1{font-size:22px;margin:10px 0 6px}#dashboardSaver .saver-subtitle{font-size:11px}
 #dashboardSaver .saver-ring{width:140px;height:140px}#dashboardSaver .saver-pause-status{font-size:20px}#dashboardSaver .saver-shield{width:19px;height:21px;margin-bottom:5px}
 #dashboardSaver .saver-actions{gap:10px;margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){#dashboardSaver *,#dashboardSaver *::before,#dashboardSaver *::after{animation:none!important;transition:none!important}}
#dashboardSaver .saver-ring-value{stroke-dashoffset:0;opacity:.45;transition:none}
#dashboardSaver.is-resuming .saver-ring>svg{animation:saver-loading 1.6s linear infinite}
#dashboardSaver.is-resuming .saver-ring-value{stroke-dasharray:.2 .8;opacity:1}
#dashboardSaver .saver-wake:disabled{cursor:wait!important;opacity:.8!important}
@keyframes saver-loading{from{transform:rotate(-90deg)}to{transform:rotate(270deg)}}
@media(prefers-reduced-motion:reduce){#dashboardSaver.is-resuming .saver-ring>svg{animation:none!important}}