@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400&display=swap";:root{--bg-dark: #020617;--text-main: #e2e8f0;--text-muted: #94a3b8;--accent-blue: #3b82f6;--accent-emerald: #10b981}body{margin:0;background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}@keyframes pulse-slow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at center,#1e293b,#020617)}.main-content{width:100%;max-width:480px;height:100vh;position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center}.screen-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:2rem;animation:fade-in .5s ease-out}h1.title{font-size:3rem;font-weight:100;letter-spacing:.1em;margin-bottom:1.5rem}h2.subtitle{font-size:1.5rem;font-weight:300;color:#dbeafe;margin-bottom:2rem}p.description{color:var(--text-muted);font-weight:300;line-height:1.8;margin-bottom:3rem}.btn-primary{background:linear-gradient(to right,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.1);color:var(--text-main);padding:1rem 2.5rem;border-radius:9999px;font-size:1.125rem;font-weight:300;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary:hover{border-color:#ffffff4d;background:linear-gradient(to right,#334155,#1e293b)}.pulse-circle{width:12rem;height:12rem;border-radius:50%;border:1px solid rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center;position:relative;animation:pulse-slow 4s infinite ease-in-out}.pulse-inner{width:8rem;height:8rem;border-radius:50%;background:#3b82f61a;filter:blur(20px);position:absolute}.timer-text{font-size:2.5rem;font-weight:100;z-index:10;font-variant-numeric:tabular-nums}.value-text{font-size:3rem;font-weight:100;letter-spacing:.1em;background:linear-gradient(to right,#34d399,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:2rem;display:inline-block}.art-container{width:100%;max-width:320px;aspect-ratio:1;background:#0003;border-radius:.5rem;border:1px solid rgba(255,255,255,.05);margin-bottom:2rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.debug-btn{margin-top:2rem;font-size:.75rem;color:#334155;background:none;border:none;cursor:pointer}.debug-btn:hover{color:#64748b}.visualizer-container{width:100%;max-width:300px;margin-top:1.5rem;background:#ffffff08;padding:1rem;border-radius:12px}.visualizer-row{display:flex;align-items:center;margin-bottom:.8rem}.visualizer-row:last-child{margin-bottom:0}.visualizer-label{width:40px;font-size:.75rem;color:#94a3b8;margin-right:10px}.visualizer-track{flex:1;height:6px;background:#ffffff1a;border-radius:3px;position:relative;overflow:hidden}.visualizer-bar{height:100%;background:#cbd5e1;width:0%;transition:width .1s linear}.visualizer-threshold{position:absolute;top:0;bottom:0;width:2px;background:#ef4444;z-index:2}.warning-text{font-size:.75rem;color:#ef4444;margin-top:2rem;text-align:center;animation:fadePulse 3s infinite}@keyframes fadePulse{0%,to{opacity:.5}50%{opacity:1}}