:root{--background:#0f172a;--foreground:#f8fafc;--accent:#fbbf24;--accent-glow:#fbbf2433;--card-bg:#1e293b;--text-muted:#94a3b8;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-sans);background:var(--background);color:var(--foreground);height:100%;overflow-x:hidden}body{background:radial-gradient(circle at top,#1e293b 0%,#0f172a 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}h1{background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}p{line-height:1.6}.container{text-align:center;width:100%;max-width:600px;padding:2rem}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff0d;border-radius:16px;margin-top:2rem;padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 30px -10px #00000080}.card:hover{border-color:var(--accent-glow);transform:translateY(-5px);box-shadow:0 20px 40px -10px #0009}.time-display{color:var(--accent);text-shadow:0 0 20px var(--accent-glow);font-variant-numeric:tabular-nums;margin:1.5rem 0;font-size:3.5rem;font-weight:800}.label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.875rem}.btn{background:var(--accent);color:#0f172a;cursor:pointer;box-shadow:0 0 15px var(--accent-glow);border:none;border-radius:50px;margin-top:1rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.btn:hover{box-shadow:0 0 25px var(--accent-glow);background:#fcd34d;transform:scale(1.05)}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.details-grid{border-top:1px solid #ffffff1a;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;padding-top:2rem;display:grid}.detail-item{flex-direction:column;align-items:center;display:flex}.detail-value{color:#e2e8f0;font-size:1.25rem;font-weight:600}.footer{color:var(--text-muted);opacity:.6;margin-top:3rem;font-size:.875rem}.spinner{vertical-align:middle;border:3px solid #0f172a4d;border-top-color:#0f172a;border-radius:50%;width:24px;height:24px;margin-right:8px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:640px){h1{font-size:2rem}.time-display{font-size:2.5rem}}