:root{--color-bg:#faf8f5;--color-bg-alt:#f3f0eb;--color-surface:#fff;--color-surface-hover:#fdfcfa;--color-border:#e8e2d9;--color-border-hover:#d4ccbf;--color-text:#1a1a2e;--color-text-soft:#3d3d52;--color-muted:#7a7a8f;--color-accent:#4f46e5;--color-accent-hover:#4338ca;--color-accent-soft:#eef2ff;--color-accent-border:#c7d2fe;--color-rose:#e11d48;--color-rose-soft:#fff1f2;--color-rose-border:#fecdd3;--color-status:#10b981;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 8px 24px #0000001a, 0 4px 8px #0000000a;--shadow-accent:0 4px 20px #4f46e526;--font-sans:"Google Sans", system-ui, -apple-system, sans-serif;--font-mono:"Google Sans Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--transition-base:.2s ease}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:var(--color-bg);background-image:radial-gradient(80% 50% at 50% -10%,#4f46e50f 0%,#0000 60%),radial-gradient(60% 40% at 80% 80%,#e11d480a 0%,#0000 50%);background-attachment:fixed;flex-direction:column;min-height:100dvh;margin:0;display:flex}main{flex:1}a{color:inherit;text-decoration:none}img,svg{display:block}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.container{width:100%;max-width:72rem;margin-inline:auto;padding-inline:1.25rem}.container-sm{width:100%;max-width:48rem;margin-inline:auto;padding-inline:1.25rem}.page-shell{padding-block:clamp(2rem,5vw,3.5rem) clamp(2.5rem,6vw,5rem)}.page-header{text-align:center;margin-bottom:2.5rem}.page-header-wide{max-width:44rem;margin-inline:auto}.page-heading-spaced{margin-bottom:.75rem}.home-hero{text-align:center;max-width:48rem;margin:0 auto;padding:clamp(3rem,8vw,6rem) 1.25rem 2rem;position:relative}.home-hero-glow-wrap{pointer-events:none;position:absolute;inset:0;overflow:hidden}.home-hero-glow{background:radial-gradient(#4f46e51a 0%,#0000 70%);border-radius:50%;width:28rem;height:12rem;position:absolute;top:-2rem;left:50%;transform:translate(-50%)}.home-heading{margin-bottom:1.25rem}.home-subheading{max-width:44rem;margin:0 auto 2.5rem}.home-nav-section{max-width:48rem;margin:0 auto;padding:0 1.25rem clamp(3rem,6vw,5rem)}.home-nav-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem;display:grid}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base), border-color var(--transition-base), transform var(--transition-base);padding:1rem}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.nav-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base), border-color var(--transition-base), transform var(--transition-base);padding:1.75rem;text-decoration:none;display:block;position:relative;overflow:hidden}.nav-card:before{content:"";background:linear-gradient(135deg, var(--color-accent-soft) 0%, transparent 60%);opacity:0;transition:opacity var(--transition-base);position:absolute;inset:0}.nav-card:hover{box-shadow:var(--shadow-lg), var(--shadow-accent);border-color:var(--color-accent-border);transform:translateY(-2px)}.nav-card:hover:before{opacity:1}.nav-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.nav-card-icon{background:var(--color-accent-soft);border:1px solid var(--color-accent-border);border-radius:var(--radius-sm);width:3rem;height:3rem;color:var(--color-accent);justify-content:center;align-items:center;margin-bottom:1rem;display:flex;position:relative}.nav-card-title{color:var(--color-text);align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1.125rem;font-weight:700;display:flex;position:relative}.nav-card-title-arrow{color:var(--color-accent);opacity:0;transition:opacity var(--transition-base), transform var(--transition-base);transform:translate(-4px)}.nav-card:hover .nav-card-title-arrow{opacity:1;transform:translate(0)}.nav-card-desc{color:var(--color-muted);margin:0;font-size:.9rem;line-height:1.6;position:relative}.time-grid{gap:1rem;display:grid}.timer-board{max-width:52rem;margin:0 auto}.time-grid-featured{grid-template-columns:repeat(2,1fr);margin-bottom:.75rem}.time-grid-detail{grid-template-columns:repeat(4,1fr)}.time-unit-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base), border-color var(--transition-base), transform var(--transition-base);padding:1.5rem 1rem}.time-unit-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent-border);transform:translateY(-1px)}.time-unit-card:focus-within{box-shadow:var(--shadow-md);border-color:var(--color-accent)}.time-unit-value{font-size:clamp(2.25rem,5vw,4rem);font-weight:600;font-family:var(--font-mono);letter-spacing:-.03em;color:var(--color-accent);font-variant-numeric:tabular-nums;margin-bottom:.5rem;line-height:1;display:block}.time-unit-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);font-size:.7rem;font-weight:600;display:block}.time-unit-card.card-large .time-unit-value{color:var(--color-text);font-size:clamp(2.75rem,7vw,5.5rem)}.seconds-display{font-size:clamp(2.25rem,8vw,5rem);font-weight:600;font-family:var(--font-mono);letter-spacing:-.04em;color:var(--color-text);font-variant-numeric:tabular-nums;word-break:break-all;overflow-wrap:anywhere;line-height:1}.seconds-display-container{background:linear-gradient(135deg, var(--color-accent-soft) 0%, var(--color-rose-soft) 100%);border:1.5px solid var(--color-accent-border);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-lg), var(--shadow-accent);margin-bottom:2rem;padding:2.5rem 2rem}.seconds-display-icon{opacity:.35;margin-bottom:1rem}.seconds-display-icon svg{margin:0 auto}.metric-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);margin:0 0 .75rem;font-size:.75rem;font-weight:600}.metric-label-compact{margin-bottom:.5rem}.summary-card{text-align:center;margin-bottom:1.5rem}.summary-value{color:var(--color-text-soft);margin:0;font-size:1.05rem;font-weight:600}.status-dot{background-color:var(--color-status);border-radius:9999px;flex-shrink:0;width:.625rem;height:.625rem;display:inline-block}@keyframes pulse-ring{0%{box-shadow:0 0 #10b98173}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.status-dot{animation:2s cubic-bezier(.455,.03,.515,.955) infinite pulse-ring}@media (prefers-reduced-motion:reduce){.status-dot{animation:none}}.live-status{color:var(--color-muted);align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;display:inline-flex}.info-section{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1.25rem 1.5rem}.details-panel{width:100%;max-width:28rem;margin:2.5rem auto 0}.details-actions{justify-content:center;margin-top:1.25rem;display:flex}.info-row{justify-content:space-between;align-items:center;gap:1rem;padding:.375rem 0;font-size:.875rem;display:flex}.info-row:not(:last-child){border-bottom:1px solid var(--color-border)}.info-label{color:var(--color-muted);flex-shrink:0;font-weight:500}.info-value{color:var(--color-text-soft);text-align:right;font-weight:500}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-rose);background:var(--color-rose-soft);border:1px solid var(--color-rose-border);border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem .875rem;font-size:.7rem;font-weight:700;display:inline-flex}.page-heading{letter-spacing:-.03em;color:var(--color-text);margin-bottom:.75rem;font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.1}.page-subheading{color:var(--color-muted);margin:0;font-size:1rem;font-weight:400;line-height:1.6}.page-action-links{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.action-link-button{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);transition:color var(--transition-base), border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.action-link-muted{color:var(--color-muted)}.action-link-primary{color:var(--color-accent);border-color:var(--color-accent-border);background:linear-gradient(135deg, var(--color-accent-soft) 0%, var(--color-rose-soft) 100%)}.action-link-button:hover{border-color:var(--color-accent-border);box-shadow:var(--shadow-sm)}.action-link-muted:hover{color:var(--color-accent);background:var(--color-accent-soft)}.action-link-primary:hover{color:var(--color-accent-hover)}.action-link-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.glow-circle{pointer-events:none;z-index:0;border-radius:9999px;position:absolute}.section-divider{align-items:center;gap:1rem;padding:.25rem 0;display:flex}.section-divider-timer{margin-bottom:.75rem;padding-inline:.5rem}.section-divider-line{background:linear-gradient(to right, transparent, var(--color-border), transparent);flex:1;height:1px}.section-divider-icon{color:var(--color-muted);opacity:.6;font-size:1rem}.text-center{text-align:center}.text-muted{color:var(--color-muted)}.text-accent{color:var(--color-accent)}.text-rose{color:var(--color-rose)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}@media (width<=560px){.time-grid-detail{grid-template-columns:repeat(2,1fr)}}@media (width<=380px){.time-grid-featured{grid-template-columns:1fr}}