:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0f0f1a;color:#fafafa}.app{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(ellipse at 20% 50%,rgba(120,0,255,.15),transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(255,0,110,.12),transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(6,214,160,.1),transparent 50%),#0f0f1a}.countdown-bg{background:radial-gradient(ellipse at 30% 40%,rgba(120,0,255,.2),transparent 55%),radial-gradient(ellipse at 70% 60%,rgba(255,0,110,.15),transparent 50%),radial-gradient(ellipse at 50% 90%,rgba(6,214,160,.12),transparent 45%),#0f0f1a;animation:bgPulse 8s ease-in-out infinite alternate}@keyframes bgPulse{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(25deg)}}.setup-card{max-width:420px;width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;padding:2.5rem 2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 40px #7800ff14,0 1px 3px #0000004d}.title{font-size:2rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.25rem}.title-gradient{background:linear-gradient(135deg,#7b2ff7,#ff006e,#06d6a0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:#ffffff80;font-size:.95rem;margin-bottom:2rem}.presets{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.preset-btn{flex:1 1 auto;min-width:80px;padding:.7rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;background:#ffffff0a;color:#fafafa;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.preset-btn:hover{background:#7b2ff733;border-color:#7b2ff780;box-shadow:0 0 16px #7b2ff733;transform:translateY(-1px)}.custom-row{display:flex;gap:.6rem}.custom-input{flex:1;padding:.7rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;background:#ffffff0a;color:#fafafa;font-size:.95rem;outline:none;transition:border-color .2s}.custom-input::placeholder{color:#ffffff4d}.custom-input:focus{border-color:#7b2ff780;box-shadow:0 0 0 3px #7b2ff726}.start-btn{padding:.7rem 1.5rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,#7b2ff7,#b44dff);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.start-btn:hover{box-shadow:0 0 20px #7b2ff766;transform:translateY(-1px)}.countdown-card{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.ring{width:260px;height:260px}.ring-progress{transition:stroke-dashoffset .3s ease,stroke .5s;transform:rotate(-90deg);transform-origin:center}.digits-container{position:relative;display:flex;justify-content:center;align-items:center;margin-top:-200px;width:260px;height:260px}.digits,.digit-group{display:flex;align-items:center;gap:.1rem}.digit{font-size:2.6rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;transition:color .5s;text-shadow:0 0 20px currentColor}.digit-label{font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;color:#fff6;position:absolute;bottom:45px}.separator{font-size:2rem;font-weight:300;margin:0 .15rem;opacity:.6;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:.15}}.finished-text{font-size:1.8rem;font-weight:700;text-shadow:0 0 30px currentColor;animation:pulse .8s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.reset-btn{padding:.65rem 2rem;border:1px solid rgba(255,255,255,.12);border-radius:.75rem;background:#ffffff0d;color:#ffffffb3;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.reset-btn:hover{background:#ef476f26;border-color:#ef476f66;color:#ef476f}