:root{--bg:#f5f7fb;--card-bg:#fff;--muted:#6b7280;--accent:#6ee7b7;--primary:#1f2937;--accent-2:#60a5fa;--glass:#fff9;--shadow:0 6px 18px #10182814;--glass-shadow:0 8px 30px #02061714}.dark{--bg:#0b1220;--card-bg:#ffffff0a;--muted:#9aa6b2;--accent:#34d399;--primary:#e6eef6;--accent-2:#60a5fa;--glass:#ffffff05;--shadow:0 8px 24px #02061799;--glass-shadow:0 10px 40px #02061799}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(1200px 600px at 10% 10%,#60a5fa0a,#0000),#f5f7fb;background:radial-gradient(1200px 600px at 10% 10%,#60a5fa0a,#0000),var(--bg);color:#1f2937;color:var(--primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0;transition:background-color .22s ease,color .22s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1100px;padding:24px}.app-topbar{align-items:center;display:flex;gap:12px;justify-content:space-between}.muted{color:#6b7280;color:var(--muted)}.card{background:linear-gradient(180deg,#fff,#ffffff05);background:linear-gradient(180deg,var(--card-bg),#ffffff05);border-radius:12px;box-shadow:0 6px 18px #10182814;box-shadow:var(--shadow);padding:18px;transition:background .22s ease,box-shadow .22s ease,transform .15s ease}.card:hover{box-shadow:0 8px 30px #02061714;box-shadow:var(--glass-shadow);transform:translateY(-4px)}.controls{display:flex;flex-wrap:wrap;gap:12px}.btn,.controls{align-items:center}.btn{background:linear-gradient(180deg,#6ee7b7,#60a5fa);background:linear-gradient(180deg,var(--accent),var(--accent-2));border:none;border-radius:10px;box-shadow:0 6px 18px #6366f11f;color:#fff;cursor:pointer;display:inline-flex;gap:8px;padding:10px 14px;transition:transform .16s ease,box-shadow .16s ease,opacity .12s ease}.btn:hover{box-shadow:0 10px 26px #6366f124;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:focus{outline:3px solid #60a5fa2e;outline-offset:2px}.btn.ghost{background:#0000;border:1px solid #0000000f;box-shadow:none;color:#1f2937;color:var(--primary)}.btn.danger{background:linear-gradient(180deg,#ff7a7a,#ff4d4d);box-shadow:0 6px 18px #ff4d4d1f;color:#fff}.btn.small{border-radius:8px;font-size:.95rem;padding:6px 8px}.btn[href],a.btn{display:inline-flex;text-decoration:none}.form-input{background:#fff9;background:var(--glass);border:1px solid #0000000f;border-radius:8px;color:#1f2937;color:var(--primary);padding:8px 10px}.grid-box{background:linear-gradient(180deg,#0000000d,#ffffff08);border-radius:6px;box-shadow:0 4px 14px #0206170f;display:inline-block;transition:transform .12s ease,background .12s ease}.grid-box.active{background:linear-gradient(180deg,#6ee7b7,#60a5fa);box-shadow:0 8px 26px #22c55e24;transform:scale(1.12)}@media (max-width:768px){.container{max-width:100%;padding:12px}.card{margin:12px 0;padding:14px}.btn{font-size:16px;min-height:44px;padding:12px 16px}.btn.small{font-size:15px;padding:10px 12px}.form-input{font-size:16px;padding:10px 12px}.Header{font-size:clamp(18px,5vw,28px)}.metronome-grid{gap:6px}}.Header{align-items:center;display:flex;font-size:clamp(20px,3.6vw,36px);font-weight:700;justify-content:center;line-height:1.05;padding:6px 0;text-align:center}.Header h1{font-size:inherit}.Home{display:flex;flex-direction:column;min-height:100vh;text-align:center}.Header h1{margin:0}.main-area{padding:12px 0}.metronome-card{gap:16px}.Dropdowns,.metronome-card{align-items:center;display:flex;flex-direction:column}.Dropdowns{gap:12px;margin-top:18px}.DropdownItem{align-items:center;display:flex;gap:12px;max-width:820px;width:100%}.select{background:var(--glass);border:1px solid #0000000f;border-radius:8px;color:var(--primary);min-width:170px;padding:8px 10px}.text-boxes{align-items:center;display:flex;gap:8px}.text-box{background:var(--glass);border:1px solid #0000000f;border-radius:8px;color:var(--primary);max-width:120px;padding:8px}.button,button{border-radius:8px;cursor:pointer;padding:8px 10px}.MetronomeView{margin-top:20px}.metronome-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.grid-box{background:linear-gradient(180deg,#0000000f,#ffffff05);border-radius:8px;box-shadow:var(--shadow);height:28px;transition:transform .12s ease;width:28px}.grid-box.active{background:linear-gradient(180deg,var(--accent),var(--accent-2));box-shadow:0 8px 26px #22c55e1f;transform:scale(1.08)}@media (max-width:768px){.DropdownItem{align-items:stretch;flex-direction:column;padding:0;width:100%}.DropdownItem .card{align-items:stretch!important;flex-direction:column!important;gap:10px!important;padding:14px}.select{font-size:16px;min-width:0;min-width:auto;width:100%}.text-boxes{flex-direction:column;gap:8px;width:100%}.text-box{font-size:16px;max-width:none;width:100%}.btn{justify-content:center;width:100%}.grid-box{height:24px;width:24px}.Footer{padding-bottom:20px}}@media (max-width:760px){.DropdownItem{align-items:stretch;flex-direction:column}}.ringer-reminder-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ringer-reminder-modal{animation:slideUp .3s ease;background:var(--card-bg);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:380px;padding:28px 24px;text-align:center;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ringer-reminder-icon{animation:ring .5s ease .5s;font-size:48px;margin-bottom:12px}@keyframes ring{0%,to{transform:rotate(0deg)}10%,30%,50%,70%,90%{transform:rotate(-10deg)}20%,40%,60%,80%{transform:rotate(10deg)}}.ringer-reminder-modal h3{color:var(--primary);font-size:1.4rem;margin:0 0 12px}.ringer-reminder-modal p{color:var(--muted);line-height:1.5;margin:0 0 20px}.ringer-reminder-modal .btn{margin-top:8px;width:100%}.About{display:flex;flex-direction:column;min-height:100vh;text-align:center}.Header{margin-bottom:6px}.about-paragraph{font-size:larger;margin:18px auto;max-width:900px;text-align:left}.card{margin:18px auto;max-width:1000px;padding:24px}.Links{display:flex;gap:20px;justify-content:center}.Footer{margin-top:auto;text-align:center}@media (max-width:768px){.about-paragraph{font-size:1rem;margin:12px auto;padding:0 12px;text-align:left}.card{margin:12px;padding:16px}}.theme-toggle{position:fixed;right:18px;top:18px;z-index:80}.theme-btn{background:linear-gradient(180deg,#fff9,#fff6);border:1px solid #0000000f;border-radius:999px;box-shadow:0 6px 18px #0206170f;cursor:pointer;font-weight:600;padding:8px 12px}.dark .theme-btn{background:#ffffff0a;border:1px solid #ffffff0f;color:var(--primary)}.App{display:flex;flex-direction:column;min-height:100vh;padding-top:12px;text-align:center}.App-link{color:var(--accent-2)}
/*# sourceMappingURL=main.9a9541c7.css.map*/