.urgency-art{--tone:var(--exam-color,#eeac53);position:absolute;inset:0;margin:auto;color:var(--tone)}
.sand-clock{width:112px;height:176px;filter:drop-shadow(0 8px 15px #0002)}
.sand-cap{position:absolute;left:-6px;width:124px;height:12px;border-radius:5px;background:linear-gradient(90deg,#4e6e97,var(--tone),#6988a8);box-shadow:0 3px 5px #0003;z-index:4}.sand-cap.top{top:0}.sand-cap.bottom{bottom:0}
.sand-post{position:absolute;top:10px;height:156px;width:4px;background:linear-gradient(90deg,#819cb6,#e3efff,#7c92af);opacity:.6}.sand-post.left{left:0}.sand-post.right{right:0}
.sand-glass{position:absolute;left:9px;width:94px;height:77px;overflow:hidden;background:linear-gradient(100deg,#aecfff33,transparent 35%,#e8f8ff22 75%,#fff6);border:1px solid #aecfff66}
.sand-glass.upper{top:12px;clip-path:polygon(0 0,100% 0,91% 48%,55% 100%,45% 100%,9% 48%)}
.sand-glass.lower{bottom:12px;clip-path:polygon(45% 0,55% 0,91% 52%,100% 100%,0 100%,9% 52%)}
.sand-fill{position:absolute;bottom:0;left:0;width:100%;height:calc(var(--remaining,1)*100%);background:repeating-linear-gradient(6deg,transparent 0 2px,#ffffff12 2px 3px),linear-gradient(90deg,color-mix(in srgb,var(--tone) 75%,#805a27),var(--tone),#ffe4a3);transition:height 1s linear}
.sand-pile{position:absolute;bottom:0;left:0;width:100%;height:calc((1 - var(--remaining,1))*100%);background:linear-gradient(90deg,var(--tone),#ffe4a3,var(--tone));clip-path:polygon(0 22%,45% 0,55% 0,100% 22%,100% 100%,0 100%);transition:height 1s linear}
.sand-stream{position:absolute;left:54px;top:84px;width:3px;height:calc(79px*var(--remaining,1));background:repeating-linear-gradient(to bottom,#ffe7b6 0 2px,transparent 2px 5px);animation:sandFall .35s linear infinite;filter:drop-shadow(0 0 3px var(--tone));z-index:3}
@keyframes sandFall{to{background-position:0 10px}}
.time-battery{width:155px;height:110px}.battery-terminal{position:absolute;right:-10px;top:27px;width:9px;height:29px;background:var(--tone);border-radius:0 3px 3px 0}.battery-shell{position:relative;height:85px;border:3px solid var(--tone);border-radius:13px;padding:6px;overflow:hidden;box-shadow:0 0 26px color-mix(in srgb,var(--tone) 16%,transparent)}.battery-energy{display:block;width:calc(var(--remaining,1)*100%);height:100%;border-radius:5px;background:linear-gradient(90deg,color-mix(in srgb,var(--tone) 50%,transparent),var(--tone));transition:width 1s linear}.battery-bolt{position:absolute;inset:7px 0;text-align:center;font-size:53px;line-height:1;color:#fff;animation:energyBreathe 2s ease-in-out infinite}.battery-grid{position:absolute;inset:6px;background:repeating-linear-gradient(90deg,transparent 0 26px,#16223c99 26px 29px)}
.urgency-label{position:absolute;top:calc(100% + 9px);width:210px;left:50%;transform:translateX(-50%);text-align:center;font-size:7px;letter-spacing:1.5px;color:var(--tone)}
.deadline-doors{width:137px;height:155px}.door-opening{height:100%;border:3px solid #6887ac;border-radius:45px 45px 3px 3px;overflow:hidden;position:relative;background:radial-gradient(ellipse,#fff4cd,var(--tone) 40%,#17243d)}.door-light{position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff9,transparent);animation:energyBreathe 3s ease-in-out infinite}.door-panel{position:absolute;top:0;height:100%;width:calc((1 - var(--remaining,1))*50%);background:repeating-linear-gradient(0deg,#263b57 0 19px,#3d5674 19px 20px);border:1px solid var(--tone);transition:width 1s linear;box-shadow:0 0 18px #0008}.door-panel.left{left:0}.door-panel.right{right:0}
.vanishing-steps{width:180px;height:115px}.steps-track{height:85px;display:flex;gap:5px;align-items:center;transform:perspective(220px) rotateX(35deg) rotateZ(-15deg)}.steps-track i{display:block;flex:1;height:65px;border-radius:3px;background:linear-gradient(var(--tone),color-mix(in srgb,var(--tone) 40%,#192640));opacity:clamp(0,calc(var(--remaining,1)*12 - var(--step)),1);transform:translateY(calc((1 - clamp(0,calc(var(--remaining,1)*12 - var(--step)),1))*45px));box-shadow:0 7px 0 #26344c;transition:opacity 1s linear,transform 1s linear}.steps-edge{height:2px;width:calc(var(--remaining,1)*100%);background:var(--tone);box-shadow:0 0 14px var(--tone)}
@keyframes energyBreathe{50%{opacity:.55}}
.wall-modes,.visual-switch,.setting-choice{flex-wrap:wrap}.wall-personalize{align-items:flex-start}.wall-modes{max-width:240px}.wall-color-label{flex-shrink:0}.wall-metrics{flex-wrap:wrap;gap:8px}.visual-switch{justify-content:center;max-width:260px}.day-sand{width:112px;height:176px;transform:scale(.6);margin:-26px 0 -30px}.compact .day-sand{transform:scale(.45);margin:-45px 0 -48px}.no-motion .urgency-art *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.urgency-art *{animation:none!important;transition:none!important}}
.time-expired .candle-aura,.time-expired .wax-drop,.time-expired .wax-drip{opacity:0;animation:none}
.time-expired .wick{background:#423d44;box-shadow:0 -2px 4px #e1705944}
.time-expired .smoke{width:20px;height:35px;border:0;background:radial-gradient(ellipse,#a5abb970,transparent 68%);filter:blur(3px);animation:extinguishedSmoke 5s ease-out infinite}
.time-expired .candle-smoke{top:-26px;left:17px}
.time-expired .smoke-trail-two{animation-delay:-1.7s;left:23px}
.time-expired .smoke-trail-three{animation-delay:-3.4s;left:12px}
.time-expired .rope-live{min-width:3px}
.time-expired .rope-char{box-shadow:0 0 5px #dc775b55}
.time-expired .smoke-one{animation-delay:-1s}.time-expired .smoke-two{animation-delay:-3.5s}
@keyframes extinguishedSmoke{0%{opacity:0;transform:translate(0,0) scale(.4)}18%{opacity:.8}55%{opacity:.45;transform:translate(-8px,-35px) scale(1.3)}100%{opacity:0;transform:translate(18px,-90px) scale(2.3)}}
@media(prefers-reduced-motion:reduce){.time-expired .smoke{animation:none;opacity:.4;transform:translateY(-15px)}}
.no-motion .time-expired .smoke{animation:none;opacity:.4;transform:translateY(-15px)}