.splash[data-v-89a57545]{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-2);font-size:14px}.fade-enter-active[data-v-89a57545],.fade-leave-active[data-v-89a57545]{transition:opacity .2s}.fade-enter-from[data-v-89a57545],.fade-leave-to[data-v-89a57545]{opacity:0}:root{--bg:#0b0f1a;--bg-2:#121829;--bg-3:#1a2238;--card:#151c30;--card-2:#1c2540;--border:#26304a;--border-2:#334066;--text:#e8edf7;--text-2:#9aa6c0;--text-3:#64708e;--brand:#5b8cff;--brand-2:#7aa5ff;--brand-glow:rgba(91,140,255,.35);--accent:#22d3a7;--accent-2:#34e8c0;--warn:#fbbf24;--danger:#f87171;--good:#34e8c0;--grad:linear-gradient(135deg,#5b8cff 0%,#7c5cff 50%,#22d3a7 100%);--grad-soft:linear-gradient(135deg,rgba(91,140,255,.18),rgba(34,211,167,.14));--radius:14px;--radius-sm:10px;--shadow:0 8px 30px rgba(0,0,0,.35);--maxw:480px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5;overscroll-behavior-y:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}ul{list-style:none}.app-shell{max-width:var(--maxw);margin:0 auto;min-height:100%;background:var(--bg);position:relative;padding-bottom:84px}.page{padding:16px 16px 24px;animation:fade .3s ease}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:14px 16px 12px;background:#0b0f1ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar h1{font-size:18px;font-weight:700}.topbar .back{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--card);font-size:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:14px}.card.glass{background:linear-gradient(180deg,var(--card),var(--card-2));box-shadow:var(--shadow)}.card-title{font-size:13px;color:var(--text-2);font-weight:600;margin-bottom:10px;letter-spacing:.02em}.section-title{font-size:15px;font-weight:700;margin:18px 2px 10px;display:flex;align-items:center;gap:8px}.section-title .more{margin-left:auto;font-size:12px;color:var(--brand-2);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:12px;font-weight:600;font-size:15px;transition:.18s;width:100%}.btn:active{transform:scale(.97)}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 6px 20px var(--brand-glow)}.btn-ghost{background:var(--card-2);color:var(--text);border:1px solid var(--border-2)}.btn-line{background:transparent;border:1px solid var(--border-2);color:var(--text)}.btn-danger{background:#f8717126;color:var(--danger);border:1px solid rgba(248,113,113,.3)}.btn:disabled{opacity:.5}.btn.sm{height:38px;font-size:13px;width:auto;padding:0 14px}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--text-2);margin-bottom:6px}.input{width:100%;height:46px;background:var(--bg-2);border:1px solid var(--border);border-radius:11px;padding:0 14px;color:var(--text);font-size:15px}.input:focus{outline:none;border-color:var(--brand)}textarea.input{height:auto;padding:12px 14px;min-height:90px;resize:vertical}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239aa6c0' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;background:var(--bg-3);color:var(--text-2)}.tag.brand{background:#5b8cff26;color:var(--brand-2)}.tag.good{background:#34e8c026;color:var(--good)}.tag.warn{background:#fbbf2426;color:var(--warn)}.tag.danger{background:#f8717126;color:var(--danger)}.grid{display:grid;gap:12px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.row{display:flex;align-items:center;gap:12px}.row.between{justify-content:space-between}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.big-num{font-size:32px;font-weight:800;letter-spacing:-.02em}.huge{font-size:44px;font-weight:800;letter-spacing:-.03em}.progress{height:8px;border-radius:8px;background:var(--bg-3);overflow:hidden}.progress>i{display:block;height:100%;background:var(--grad);border-radius:8px;transition:width .6s}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--maxw);display:flex;background:#0b0f1aeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);z-index:50;padding-bottom:env(safe-area-inset-bottom)}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 11px;color:var(--text-3);font-size:11px;font-weight:500}.tabbar a.router-link-active{color:var(--brand-2)}.tabbar .ic{font-size:21px}.meter-track{position:relative;height:140px;border-radius:14px;background:radial-gradient(circle at 50% 100%,#1a2238,#0e1320);border:1px solid var(--border);overflow:hidden}.meter-arc{position:absolute;top:0;right:0;bottom:0;left:0}.note-badge{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;margin:0 auto;background:radial-gradient(circle,var(--card-2),var(--card));border:2px solid var(--border-2);box-shadow:0 0 40px var(--brand-glow)}.note-badge .n{font-size:42px;font-weight:800}.note-badge .s{font-size:12px;color:var(--text-2)}.chord-diag{width:96px;height:120px}.empty{text-align:center;padding:40px 20px;color:var(--text-3);font-size:14px}.spin{width:22px;height:22px;border:2.5px solid var(--border-2);border-top-color:var(--brand);border-radius:50%;animation:sp .8s linear infinite;display:inline-block}@keyframes sp{to{transform:rotate(360deg)}}.pulse{animation:pl 1.4s ease-in-out infinite}@keyframes pl{0%,to{opacity:.5}50%{opacity:1}}.timeline{position:relative;padding-left:18px}.timeline:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--border)}.timeline li{position:relative;padding:0 0 14px 14px}.timeline li:before{content:"";position:absolute;left:-18px;top:4px;width:11px;height:11px;border-radius:50%;background:var(--card-2);border:2px solid var(--border-2)}.timeline li.err:before{background:var(--danger);border-color:var(--danger)}.timeline li.ok:before{background:var(--good);border-color:var(--good)}@media (min-width:560px){.app-shell{box-shadow:0 0 60px #00000080;min-height:100vh}body{background:#070a13}}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}