:root{--ms-bg-start:#eef5ff;--ms-bg-mid:#f7fbff;--ms-bg-end:#e3f0ff;--ms-surface:#ffffff;--ms-text:#1b1a19;--ms-subtext:#323130;--ms-accent:#005a9e;--ms-accent-strong:#004578;--ms-accent-soft:#d9ecff;--ms-border:#d1d1d1;--ms-danger-bg:#fde7e9;--ms-danger-border:#d13438;--ms-danger-text:#750b1c;--shadow:0 14px 38px rgba(0,69,120,0.14);--radius:16px}body.theme-clean{--ms-bg-start:#eef5ff;--ms-bg-mid:#f7fbff;--ms-bg-end:#e3f0ff;--ms-surface:#ffffff;--ms-text:#1b1a19;--ms-subtext:#323130;--ms-accent:#005a9e;--ms-accent-strong:#004578;--ms-accent-soft:#d9ecff;--ms-border:#d1d1d1;--shadow:0 14px 38px rgba(0,69,120,0.14)}body.theme-glass{--ms-bg-start:#dff5ff;--ms-bg-mid:#ecfcff;--ms-bg-end:#d5f2ff;--ms-surface:rgba(255,255,255,0.72);--ms-text:#0f2533;--ms-subtext:#1f3a4d;--ms-accent:#0078d4;--ms-accent-strong:#005a9e;--ms-accent-soft:#bfe9ff;--ms-border:rgba(0,90,158,0.28);--shadow:0 18px 44px rgba(0,84,138,0.2)}body.theme-sunrise{--ms-bg-start:#fff3e8;--ms-bg-mid:#fffaf3;--ms-bg-end:#ffe8d2;--ms-surface:#ffffff;--ms-text:#2f1f14;--ms-subtext:#5a3b27;--ms-accent:#c65100;--ms-accent-strong:#8f3b00;--ms-accent-soft:#ffe1cc;--ms-border:#ecc9ae;--shadow:0 16px 36px rgba(140,61,0,0.16)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;color-scheme:light dark;font-family:"Segoe UI",SegoeUI,Tahoma,Geneva,Verdana,sans-serif;color:var(--ms-text);background:radial-gradient(48rem 28rem at 10% 0%,rgba(0,120,212,0.16),transparent 62%),radial-gradient(36rem 20rem at 92% 92%,rgba(0,90,158,0.18),transparent 64%),linear-gradient(165deg,var(--ms-bg-start),var(--ms-bg-mid) 45%,var(--ms-bg-end))}body{display:grid;place-items:center;padding:clamp(0.75rem,2.4vw,1.5rem)}.timer{width:min(56rem,100%);background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(0.9rem,2.2vw,1.35rem);position:relative;overflow:hidden;isolation:isolate}body.theme-glass .timer{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.timer::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,90,158,0.06),transparent 46%);z-index:-1}.brand{display:flex;align-items:center;gap:0.625rem;margin-bottom:0.65rem;color:var(--ms-subtext);font-weight:600;letter-spacing:0.01em}.brand-mark{width:0.95rem;height:0.95rem;border-radius:3px;background:linear-gradient(145deg,#0078d4,#005a9e);flex:0 0 auto;box-shadow:0 0 0 4px rgba(0,120,212,0.12)}h1{margin:0;font-size:clamp(1.12rem,2.4vw,1.46rem);line-height:1.3;font-weight:700;letter-spacing:0.01em}.meta{margin:0.375rem 0 1.1rem;color:var(--ms-subtext);font-size:0.96rem;line-height:1.4}.grid{display:grid;gap:clamp(0.5rem,1.8vw,0.9rem);grid-template-columns:repeat(4,minmax(0,1fr))}.cell{border:1px solid #c8def2;border-radius:12px;padding:clamp(0.6rem,1.7vw,0.95rem);background:linear-gradient(180deg,#ffffff,#f6fbff);text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,0.92),0 4px 14px rgba(0,90,158,0.08)}body.theme-glass .cell{background:linear-gradient(180deg,rgba(255,255,255,0.84),rgba(245,252,255,0.72))}body.theme-sunrise .cell{background:linear-gradient(180deg,#fffefb,#fff5ec);border-color:#ebcdb5;box-shadow:inset 0 1px 0 rgba(255,255,255,0.92),0 4px 14px rgba(143,59,0,0.08)}.value{display:block;font-size:clamp(1.35rem,3.9vw,2.42rem);line-height:1.15;font-weight:600;color:var(--ms-accent-strong);font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgba(255,255,255,0.9)}.label{display:block;margin-top:0.3rem;font-size:0.82rem;font-weight:600;text-transform:uppercase;letter-spacing:0.065em;color:var(--ms-subtext)}.status,.blocked{margin-top:1rem;border-radius:8px;padding:0.75rem;font-size:0.95rem;line-height:1.4}.status{border:1px solid #cfe2f5;background:linear-gradient(180deg,#f8fbff,#f3f9ff);color:var(--ms-subtext)}.timer.minimal{width:min(34rem,100%);padding:0.65rem;background:rgba(255,255,255,0.96)}.timer.minimal .brand,.timer.minimal h1{display:none}.timer.minimal .meta,.timer.minimal .status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.timer.minimal .grid{gap:0.45rem}.timer.minimal .cell{padding:0.55rem}.timer.layout-flip{background:linear-gradient(180deg,#fefefe,#f4f9ff)}.timer.layout-flip .cell{background:linear-gradient(180deg,#1f1f1f 50%,#171717 50%);border-color:#2f2f2f;color:#ffffff;position:relative;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,0.24)}.timer.layout-flip .cell::before{content:"";position:absolute;inset:50% 0 auto;height:1px;background:rgba(255,255,255,0.22);z-index:1}.timer.layout-flip .value{color:#ffffff;text-shadow:none;transform-origin:center top;will-change:transform,opacity}.timer.layout-flip .label{color:#d2d2d2}.timer.layout-flip .value.value-flip{animation:flipTick 320ms ease-in-out}.timer.layout-ops{background:linear-gradient(145deg,#141414,#1f1f1f 48%,#101010);border-color:#3d3d3d;color:#f5f5f5}.timer.layout-ops::before{background:linear-gradient(120deg,rgba(227,0,15,0.24),transparent 40%)}.timer.layout-ops .brand,.timer.layout-ops h1,.timer.layout-ops .meta,.timer.layout-ops .status{color:#f2f2f2;border-color:#4b4b4b;background:linear-gradient(180deg,#252525,#151515)}.timer.layout-ops .grid{gap:0.35rem;background:rgba(255,255,255,0.03);border-radius:12px;padding:0.35rem}.timer.layout-ops .cell{background:linear-gradient(180deg,#2a2a2a,#111111);border:1px solid #3c3c3c;border-radius:8px;position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,0.12),0 10px 20px rgba(0,0,0,0.32)}.timer.layout-ops .cell:not(:last-child)::after{content:":";position:absolute;right:-0.34rem;top:38%;transform:translateY(-50%);color:#df2935;font-size:1.35rem;font-weight:700;z-index:2;text-shadow:0 0 8px rgba(223,41,53,0.5);pointer-events:none}.timer.layout-ops .value{color:#ffffff;text-shadow:0 0 14px rgba(255,255,255,0.18);font-family:"Consolas","Segoe UI",monospace;letter-spacing:0.02em}.timer.layout-ops .label{color:#d9d9d9}.timer.layout-led{background:radial-gradient(90% 120% at 50% 10%,#15251a,#0b130d 60%,#070d08);border-color:#2d4432;color:#d6ffdd}.timer.layout-led::before{background:repeating-linear-gradient( 0deg,rgba(120,255,148,0.06),rgba(120,255,148,0.06) 1px,transparent 1px,transparent 3px );opacity:0.55}.timer.layout-led .brand,.timer.layout-led h1,.timer.layout-led .meta,.timer.layout-led .status{color:#b8f4c4}.timer.layout-led .brand-mark{background:linear-gradient(145deg,#48ff73,#2fb14f);box-shadow:0 0 0 4px rgba(72,255,115,0.16),0 0 12px rgba(72,255,115,0.4)}.timer.layout-led .cell{background:linear-gradient(180deg,#121b13,#0a110b);border:1px solid #2f4c35;box-shadow:inset 0 0 16px rgba(72,255,115,0.06),0 0 18px rgba(0,0,0,0.35)}.timer.layout-led .value{color:#7aff97;text-shadow:0 0 6px rgba(122,255,151,0.9),0 0 14px rgba(122,255,151,0.7);font-family:"Consolas","Segoe UI",monospace;letter-spacing:0.03em}.timer.layout-led .label{color:#9ed9aa}.timer.layout-led .status{border-color:#345539;background:rgba(19,34,22,0.7)}@media (prefers-color-scheme:dark){body.theme-clean,body.theme-glass,body.theme-sunrise{--ms-bg-start:#091521;--ms-bg-mid:#0d1d2d;--ms-bg-end:#091521;--ms-surface:#111c2a;--ms-text:#f4f8ff;--ms-subtext:#dde8f8;--ms-accent:#7fc3ff;--ms-accent-strong:#a7d5ff;--ms-border:#36506e;--shadow:0 14px 38px rgba(0,0,0,0.48)}html,body{background:radial-gradient(48rem 28rem at 10% 0%,rgba(0,120,212,0.2),transparent 62%),radial-gradient(36rem 20rem at 92% 92%,rgba(0,90,158,0.18),transparent 64%),linear-gradient(165deg,var(--ms-bg-start),var(--ms-bg-mid) 45%,var(--ms-bg-end))}.timer::before{background:linear-gradient(120deg,rgba(127,195,255,0.08),transparent 46%)}.cell{border-color:#4a6888;background:linear-gradient(180deg,#1a2738,#111d2d);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 4px 14px rgba(0,0,0,0.3)}body.theme-glass .timer{background:rgba(16,26,38,0.78);border-color:#4f6e8f}body.theme-glass .cell{background:linear-gradient(180deg,rgba(26,40,56,0.95),rgba(16,28,42,0.95))}body.theme-sunrise .timer{background:#1e1a16;border-color:#6f5943}body.theme-sunrise .cell{background:linear-gradient(180deg,#2f241d,#1f1712);border-color:#705743}.value{color:var(--ms-accent-strong);text-shadow:none}.label{color:var(--ms-subtext)}.status{border-color:#446182;background:linear-gradient(180deg,#18283b,#111e2f)}.timer.minimal{background:rgba(15,24,36,0.94)}}@media (prefers-contrast:more){.timer,.cell,.status,.blocked{box-shadow:none}.timer{border-width:2px}.cell,.status,.blocked{border-width:2px}.label{letter-spacing:0.04em}}@media (forced-colors:active){html,body{background:Canvas;color:CanvasText}.timer,.cell,.status,.blocked{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}.timer::before,.cell::before,.timer.layout-ops .cell::after{display:none !important}.brand,.meta,.label,.value,.status,h1{color:CanvasText;text-shadow:none}.brand-mark{background:CanvasText;box-shadow:none}:focus-visible{outline:2px solid Highlight}}.cell.value-changed{animation:pulseCell 260ms ease-out}.timer-controls{display:flex;justify-content:flex-end;margin-top:0.6rem}.timer.minimal .timer-controls{justify-content:center;margin-top:0.4rem}.pause-btn{display:inline-flex;align-items:center;gap:0.35rem;padding:0.38rem 0.85rem;font-family:inherit;font-size:0.88rem;font-weight:600;color:var(--ms-accent);background:transparent;border:1.5px solid var(--ms-accent);border-radius:6px;cursor:pointer;transition:background 120ms,color 120ms}.pause-btn .pause-icon{display:inline-block;width:1em;text-align:center;flex:0 0 auto}.pause-btn[aria-pressed="false"] .pause-icon::before{content:"⏸"}.pause-btn[aria-pressed="true"] .pause-icon::before{content:"▶"}.pause-btn[aria-pressed="true"]{color:var(--ms-accent-strong);background:var(--ms-accent-soft);border-color:var(--ms-accent-strong)}.pause-btn:hover,.pause-btn:focus-visible{background:var(--ms-accent-soft)}.timer.layout-ops .pause-btn,.timer.layout-led .pause-btn{color:#f0f0f0;border-color:#8f8f8f}.timer.layout-ops .pause-btn:hover,.timer.layout-ops .pause-btn:focus-visible,.timer.layout-led .pause-btn:hover,.timer.layout-led .pause-btn:focus-visible{background:rgba(255,255,255,0.1)}.blocked{border:1px solid var(--ms-danger-border);background:var(--ms-danger-bg);color:var(--ms-danger-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable{font-family:inherit;font-size:0.95rem;line-height:1.4;text-align:left;cursor:default;background:none;border:none;padding:0;margin:0;display:block;width:100%}.sr-only-focusable:not(:focus):not(:active){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;margin:0.5rem 0 0;padding:0.45rem 0.6rem;border:1px solid var(--ms-border);border-radius:8px;background:var(--ms-surface);color:var(--ms-text)}:focus-visible{outline:3px solid #005fcc;outline-offset:2px}@media (max-width:37.49rem){.timer{border-radius:13px}.brand{margin-bottom:0.5rem}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0.35rem}.cell{min-height:4.4rem;display:grid;align-content:center;padding:0.45rem 0.35rem}.value{font-size:clamp(1rem,5.3vw,1.3rem)}.label{font-size:0.68rem;letter-spacing:0.045em}.timer.minimal .grid{gap:0.38rem}.timer.layout-ops .grid{gap:0.24rem}.timer.layout-ops .cell:not(:last-child)::after{right:-0.23rem;top:36%;font-size:1.02rem}}@media (min-width:37.5rem) and (max-width:63.99rem){.timer{width:min(52rem,100%)}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cell{min-height:6.4rem;display:grid;align-content:center}.timer.minimal{width:min(42rem,100%)}}@media (min-width:64rem){.timer{width:min(58rem,100%)}.cell{min-height:7.1rem}.timer.minimal{width:min(46rem,100%)}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important}}@keyframes flipTick{0%{transform:rotateX(0deg);opacity:1}45%{transform:rotateX(-84deg);opacity:0.82}100%{transform:rotateX(0deg);opacity:1}}@keyframes pulseCell{0%{transform:scale(1)}40%{transform:scale(1.015)}100%{transform:scale(1)}}