:root{font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffe6;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;justify-content:center}#root{width:100%;max-width:800px;margin:0 auto;padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}h1{font-size:3.2em;line-height:1.1;margin-bottom:2rem;background:linear-gradient(to right,#4facfe,#00f2fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 2em #4facfeaa)}button{border-radius:12px;border:1px solid rgba(255,255,255,.1);padding:.8em 1.6em;font-size:1.1em;font-weight:600;font-family:inherit;background-color:#1e293b;color:#fff;cursor:pointer;transition:all .25s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}button:hover{transform:translateY(-2px);background-color:#334155;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#647eff}button:active{transform:translateY(0)}.card{padding:2em;background:#1e293b;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%}.fade-in{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.number-container{display:flex;justify-content:center;gap:4rem;margin:2.5rem 0 2rem;flex-wrap:wrap}.number-display{font-size:4rem;font-weight:800;padding:2rem;min-width:150px;border-radius:20px;background:#334155;color:#f8fafc;display:flex;align-items:center;justify-content:center;transition:transform .1s;box-shadow:inset 0 2px 4px #0000000f}.number-display.active{border:2px solid #647eff}.timer{font-size:1.5rem;font-variant-numeric:tabular-nums;color:#94a3b8;margin-bottom:.75rem}.progress-track{width:100%;height:10px;background:#0f172a;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px #0006;margin-bottom:1rem}.progress-bar{height:100%;background:linear-gradient(90deg,#4facfe,#00f2fe);transition:width .4s ease}.helper-text{color:#cbd5e1;font-size:.95rem;margin-bottom:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem}.stat-item{background:#0f172a;padding:1rem;border-radius:8px;display:flex;flex-direction:column}.stat-label{font-size:.9rem;color:#94a3b8}.stat-value{font-size:1.5rem;font-weight:700;color:#f8fafc}@media(max-width:600px){body{align-items:flex-start}#root{padding:1.25rem}.card{padding:1.5rem}h1{font-size:2.4em}.number-container{gap:1rem;flex-direction:row;align-items:center;flex-wrap:nowrap}.number-display{font-size:3rem;min-width:0;flex:1;padding:1rem}.stats-grid{grid-template-columns:1fr}}