:root{--spindle:#b5dbed;--morning-glory:#a1c8de;--glacier:#73a3bf;--wedgewood:#4a81a1;--calypso:#2a5c7a;--bg:#eef7fb;--bg-accent:#a1c8de59;--card-bg:#ffffffc7;--card-border:#4a81a12e;--muted:#557184;--accent:var(--glacier);--accent-2:var(--wedgewood);--primary:var(--calypso);--surface-strong:#b5dbed6b;--glass:#ffffff94;--shadow:0 10px 28px #2a5c7a1a;--glass-shadow:0 14px 40px #2a5c7a24;--focus-ring:#73a3bf59;--input-border:#4a81a129}.dark{--bg:#142836;--bg-accent:#4a81a142;--card-bg:#2a5c7a4d;--card-border:#b5dbed1a;--muted:#b4cbda;--accent:var(--spindle);--accent-2:var(--glacier);--primary:#f0f8fc;--surface-strong:#2a5c7a6b;--glass:#ffffff0f;--shadow:0 12px 30px #06121c70;--glass-shadow:0 18px 48px #06121c7a;--focus-ring:#b5dbed4d;--input-border:#b5dbed29}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eef7fb;background-color:var(--bg);background-image:linear-gradient(180deg,#eef7fb,#eef7fb);background-image:linear-gradient(180deg,var(--bg),var(--bg));color:#2a5c7a;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,background .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:#557184;color:var(--muted)}.card{background:linear-gradient(180deg,#ffffffc7,#b5dbed6b);background:linear-gradient(180deg,var(--card-bg),var(--surface-strong));border:1px solid #4a81a12e;border:1px solid var(--card-border);border-radius:12px;box-shadow:0 10px 28px #2a5c7a1a;box-shadow:var(--shadow);padding:18px;transition:background .22s ease,box-shadow .22s ease,transform .15s ease,border-color .22s ease}.card:hover{box-shadow:0 14px 40px #2a5c7a24;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,#73a3bf,#4a81a1);background:linear-gradient(180deg,var(--glacier),var(--wedgewood));border:none;border-radius:10px;box-shadow:0 8px 20px #2a5c7a24;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 12px 28px #2a5c7a33;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:focus{outline:3px solid #73a3bf59;outline:3px solid var(--focus-ring);outline-offset:2px}.btn.ghost{background:#0000;border:1px solid #4a81a129;border:1px solid var(--input-border);box-shadow:none;color:#2a5c7a;color:var(--primary)}.btn.danger{background:linear-gradient(180deg,#2a5c7a,#4a81a1);background:linear-gradient(180deg,var(--calypso),var(--wedgewood));box-shadow:0 8px 20px #2a5c7a33;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:#ffffff94;background:var(--glass);border:1px solid #4a81a129;border:1px solid var(--input-border);border-radius:8px;color:#2a5c7a;color:var(--primary);padding:8px 10px}.grid-box{background:linear-gradient(180deg,#b5dbed6b,#ffffff08);background:linear-gradient(180deg,var(--surface-strong),#ffffff08);border-radius:6px;box-shadow:0 4px 14px #2a5c7a1a;display:inline-block;transition:transform .12s ease,background .12s ease}.grid-box.active{background:linear-gradient(180deg,#b5dbed,#73a3bf);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}}@media (max-width:360px){.container{padding:8px}}.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;margin:0 auto;width:-webkit-fit-content;width:fit-content}.Dropdowns,.metronome-card{align-items:center;display:flex;flex-direction:column}.Dropdowns{gap:12px;margin-top:18px}.DropdownItem{justify-content:center;max-width:820px;width:100%}.DropdownItem,.DropdownItem .card{align-items:center;display:flex;gap:12px}.DropdownItem .card{flex:1 1;justify-content:space-between}.select{background:var(--glass);border:1px solid var(--input-border);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 var(--input-border);border-radius:8px;color:var(--primary);max-width:120px;padding:8px}.button,button{border-radius:8px;cursor:pointer;padding:8px 10px}.button-group{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:12px}.MetronomeView{margin-top:20px}.current-tune-box{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#b5dbed99,#73a3bf4d);border:1px solid var(--card-border);border-radius:10px;box-shadow:0 10px 24px #2a5c7a1a;color:var(--primary);display:flex;font-weight:600;justify-content:center;letter-spacing:.01em;margin-top:14px;max-width:420px;min-height:42px;padding:8px 14px;width:100%}.dark .current-tune-box{background:linear-gradient(180deg,#4a81a16b,#2a5c7a8c);border-color:#b5dbed2e;box-shadow:0 12px 26px #06121c57}.metronome-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto;min-width:280px}.grid-box{background:linear-gradient(180deg,#b5dbed66,#ffffff0a);border-radius:8px;box-shadow:var(--shadow);height:28px;transition:transform .12s ease;width:28px}.grid-box.active{background:linear-gradient(180deg,var(--spindle),var(--glacier));box-shadow:0 10px 26px #2a5c7a29;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;width:100%}.text-box,.text-box.small-input{max-width:none}.btn{justify-content:center;width:100%}.grid-box{height:24px;width:24px}.current-tune-box{font-size:14px;max-width:100%;min-height:40px}.Footer{padding-bottom:20px}.Links,.button-group{flex-wrap:wrap;gap:8px;max-width:100%;padding:0 4px}.btn{flex:1 1 auto;min-width:0}}@media (max-width:360px){.Links,.button-group{gap:6px}.btn{font-size:14px;padding:10px 12px}.btn.small{font-size:13px;padding:8px 10px}}@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:#2a5c7a61;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:1px solid var(--card-border);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,#b5dbedb8,#a1c8de6b);border:1px solid var(--card-border);border-radius:999px;box-shadow:0 8px 20px #2a5c7a1a;color:var(--primary);cursor:pointer;font-weight:600;padding:8px 12px}.dark .theme-btn{background:linear-gradient(180deg,#4a81a194,#2a5c7a85);border:1px solid #b5dbed24;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.0a163ba4.css.map*/