:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}button,select,input{-webkit-tap-highlight-color:rgba(66,184,131,.3);touch-action:manipulation}.toolbar,header,button{-webkit-user-select:none;user-select:none}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{width:100%;height:100vh;margin:0;padding:0}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:#1a1a2e;color:#e0e0e0}.app-layout{display:flex;flex-direction:column;min-height:100vh}.main-nav{background-color:#16213e;padding:10px 20px;border-bottom:1px solid #2a2a4a;display:flex;justify-content:flex-end}.nav-links a{color:#e0e0e0;text-decoration:none;margin:0 5px}.nav-links a:hover{text-decoration:underline;color:#42b883}.nav-links a.router-link-active{color:#42b883;font-weight:700}.user-info{margin-right:10px;color:#888}.score-wrapper[data-v-8f6ee0c5]{width:100%;flex:1;overflow-x:hidden;overflow-y:auto;background:#fff;box-sizing:border-box;position:relative}.score-container[data-v-8f6ee0c5]{min-height:100%;width:100%;box-sizing:border-box;overflow-x:hidden}.markers-overlay[data-v-8f6ee0c5]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.marker-hit[data-v-8f6ee0c5]{position:absolute;background:#42b88366;border:1px solid #42b883;border-radius:4px}.marker-miss[data-v-8f6ee0c5]{position:absolute;background:#ff453a66;border:1px solid #ff453a;border-radius:4px}.at-cursor-bar{background:#2121a845!important;will-change:left,top,width,height}.at-cursor-beat{background:#0a47a499!important;will-change:left,top;z-index:-100}.at-highlight *{fill:#42b883!important;stroke:#42b883!important}.tuner-panel[data-v-306f5aa6]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#1e1e2e,#2a2a4a);border:2px solid #42b883;border-radius:12px;padding:20px;z-index:1000;min-width:400px;box-shadow:0 10px 40px #00000080}.tuner-header[data-v-306f5aa6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #3a3a5a}.tuner-header h3[data-v-306f5aa6]{margin:0;color:#42b883;font-size:1.2rem}.close-btn[data-v-306f5aa6]{background:transparent;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-306f5aa6]:hover{color:#e74c3c;background:#e74c3c1a;border-radius:4px}.strings[data-v-306f5aa6]{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:20px}@media(max-width:600px){.strings[data-v-306f5aa6]{grid-template-columns:repeat(3,1fr)}.string-note[data-v-306f5aa6]{font-size:.9rem}}.string-item[data-v-306f5aa6]{text-align:center;padding:8px;background:#2a2a4a;border-radius:6px;border:2px solid transparent;transition:all .2s}.string-item.active[data-v-306f5aa6]{border-color:#42b883;background:#42b8831a}.string-name[data-v-306f5aa6]{font-size:.7rem;color:#888;margin-bottom:2px}.string-note[data-v-306f5aa6]{font-size:1rem;font-weight:700;color:#e0e0e0;margin-bottom:2px}.string-freq[data-v-306f5aa6]{font-size:.7rem;color:#666}.detected-pitch[data-v-306f5aa6]{text-align:center;margin-bottom:20px;padding:15px;background:#0000004d;border-radius:8px;border:3px solid transparent;transition:all .3s ease;min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center}.detected-pitch.accurate[data-v-306f5aa6]{background:#42b88333;border:3px solid #42b883;box-shadow:0 0 20px #42b88380;animation:accurate-pulse-306f5aa6 1.5s ease-in-out infinite}@keyframes accurate-pulse-306f5aa6{0%,to{box-shadow:0 0 20px #42b88380}50%{box-shadow:0 0 30px #42b883cc}}.pitch-note[data-v-306f5aa6]{font-size:3rem;font-weight:700;color:#e0e0e0;font-family:monospace;transition:all .3s ease}.detected-pitch.accurate .pitch-note[data-v-306f5aa6]{color:#42b883;text-shadow:0 0 10px rgba(66,184,131,.8);transform:scale(1.1)}.pitch-freq[data-v-306f5aa6]{font-size:1rem;color:#888;margin-top:5px}.accurate-badge[data-v-306f5aa6]{margin-top:10px;padding:8px 16px;background:#42b883;color:#fff;border-radius:20px;font-weight:700;font-size:1rem;display:inline-block;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.detected-pitch.accurate .accurate-badge[data-v-306f5aa6]{opacity:1;transform:scale(1);animation:none}.tuner-indicator[data-v-306f5aa6]{position:relative;margin:30px 0;padding:0 20px}.indicator-scale[data-v-306f5aa6]{display:flex;justify-content:space-between;height:20px;position:relative;background:linear-gradient(to right,#e74c3c,#f39c12,#42b883,#f39c12,#e74c3c);border-radius:10px;overflow:hidden}.tick[data-v-306f5aa6]{width:2px;height:100%;background:#ffffff4d}.indicator-needle[data-v-306f5aa6]{position:absolute;top:-10px;left:50%;width:4px;height:40px;background:#fff;border-radius:2px;transition:transform .1s ease-out;box-shadow:0 0 10px #ffffff80}.indicator-needle[data-v-306f5aa6]:after{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid white}.indicator-needle.accurate[data-v-306f5aa6]{background:#42b883}.indicator-needle.close[data-v-306f5aa6]{background:#f39c12}.indicator-needle.off[data-v-306f5aa6]{background:#e74c3c}.indicator-labels[data-v-306f5aa6]{display:flex;justify-content:space-between;margin-top:10px;font-size:.8rem;color:#888}.indicator-labels .center[data-v-306f5aa6]{color:#42b883;font-weight:700}.cents-display[data-v-306f5aa6]{text-align:center;font-size:1.5rem;font-weight:700;color:#42b883;font-family:monospace;min-height:1.8rem;margin-top:10px}.header-controls[data-v-306f5aa6]{display:flex;gap:10px;align-items:center}.text-btn[data-v-306f5aa6]{background:transparent;border:1px solid #42b883;color:#42b883;padding:4px 8px;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s}.text-btn[data-v-306f5aa6]:hover,.text-btn.active[data-v-306f5aa6]{background:#42b883;color:#fff}.edit-controls[data-v-306f5aa6]{display:flex;gap:4px;justify-content:center;align-items:center;margin-bottom:2px}.note-select[data-v-306f5aa6],.octave-select[data-v-306f5aa6]{background:#1e1e2e;border:1px solid #444;color:#fff;border-radius:4px;padding:2px;font-size:.9rem;width:45px}.string-item.editing[data-v-306f5aa6]{border-color:#f39c12;background:#f39c121a}.string-freq.small[data-v-306f5aa6]{font-size:.6rem;color:#666}.presets-panel[data-v-306f5aa6]{position:absolute;top:60px;right:20px;background:#2a2a4a;border:1px solid #444;border-radius:8px;padding:10px;z-index:1010;box-shadow:0 5px 15px #00000080;max-height:300px;overflow-y:auto}.preset-item[data-v-306f5aa6]{padding:8px 12px;cursor:pointer;border-radius:4px;color:#e0e0e0;font-size:.9rem;transition:background .2s}.preset-item[data-v-306f5aa6]:hover{background:#42b88333;color:#42b883}.performance-bar[data-v-ab1692a9]{display:flex;align-items:center;background:#000c;height:80px;padding:0 16px;color:#fff;border-top:1px solid #333;overflow:hidden}.pitch-stream[data-v-ab1692a9]{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 10%);mask-image:linear-gradient(to right,transparent,black 10%);margin-right:20px}.stream-container[data-v-ab1692a9]{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:8px;opacity:.6}.pitch-item[data-v-ab1692a9]{display:flex;flex-direction:column;align-items:center;min-width:30px;padding:2px 4px;border-radius:4px;background:#222;border:1px solid #444;font-size:.8em}.pitch-item.perfect[data-v-ab1692a9]{border-color:#42b883;color:#42b883}.pitch-item.good[data-v-ab1692a9]{border-color:#aaa;color:#eee}.pitch-item.bad[data-v-ab1692a9]{border-color:#f44;color:#f44}.active-notes[data-v-ab1692a9]{display:flex;gap:10px;padding-left:20px;border-left:1px solid #444}.active-notes-placeholder[data-v-ab1692a9]{margin-left:20px;color:#555;font-size:.9em;font-style:italic;width:100px;text-align:center}.current-note-card[data-v-ab1692a9]{background:#2a2a3a;border:1px solid #444;border-radius:6px;padding:5px 10px;display:flex;flex-direction:column;align-items:center;min-width:60px;box-shadow:0 2px 5px #00000080}.main-note[data-v-ab1692a9]{font-size:1.2em;font-weight:700;color:#fff}.cents-val[data-v-ab1692a9]{font-size:.7em;color:#888;margin-top:2px}.meter-container[data-v-ab1692a9]{width:40px;height:4px;background:#111;position:relative;margin:4px 0;border-radius:2px}.meter-center[data-v-ab1692a9]{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#666}.meter-indicator[data-v-ab1692a9]{position:absolute;top:-2px;width:4px;height:8px;background:#42b883;border-radius:2px;transform:translate(-50%)}.list-enter-active[data-v-ab1692a9],.list-leave-active[data-v-ab1692a9]{transition:all .3s ease}.list-enter-from[data-v-ab1692a9],.list-leave-to[data-v-ab1692a9]{opacity:0;transform:translate(20px)}.app-container[data-v-2fcfc640]{display:flex;flex-direction:column;height:100vh;width:100%;padding:0;margin:0;background:#1a1a2e;color:#e0e0e0;overflow-x:hidden}header[data-v-2fcfc640]{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#16213e,#1a1a2e);padding:10px 20px;box-shadow:0 2px 10px #0006;z-index:10;border-bottom:1px solid #2a2a4a;flex-shrink:0}.header-bar[data-v-2fcfc640]{display:flex;justify-content:flex-start;align-items:center;gap:20px}.mobile-controls[data-v-2fcfc640]{display:flex;gap:8px}.header-left[data-v-2fcfc640]{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.header-left h1[data-v-2fcfc640]{font-size:1.2rem;margin:0;color:#42b883;white-space:nowrap;font-weight:700}.app-logo[data-v-2fcfc640]{height:32px;width:32px;border-radius:6px}.toolbar[data-v-2fcfc640]{display:flex;gap:8px;align-items:center}.tool-group[data-v-2fcfc640]{display:flex;gap:4px;align-items:center;padding:0 6px;border-right:1px solid #333355}.tool-group[data-v-2fcfc640]:last-child{border-right:none}.control-label[data-v-2fcfc640]{font-size:.75rem;color:#888;white-space:nowrap}.compact-select[data-v-2fcfc640]{padding:4px 8px;background:#2a2a4a;color:#e0e0e0;border:1px solid #3a3a5a;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s}.compact-select[data-v-2fcfc640]:hover{border-color:#42b883}.file-btn[data-v-2fcfc640]{padding:5px 12px;background:#2a2a4a;color:#e0e0e0;border:1px solid #3a3a5a;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s}.file-btn[data-v-2fcfc640]:hover{background:#3a3a5a;border-color:#42b883}button[data-v-2fcfc640]{padding:5px 12px;background:#2a2a4a;color:#e0e0e0;border:1px solid #3a3a5a;border-radius:4px;cursor:pointer;transition:all .2s;font-size:.8rem}button[data-v-2fcfc640]:hover{background:#3a3a5a;border-color:#42b883}button.active[data-v-2fcfc640]{background:#42b883;color:#1a1a2e;border-color:#42b883}button.mic-btn.active[data-v-2fcfc640]{background:#e74c3c;border-color:#c0392b;color:#fff}button.record-btn.active[data-v-2fcfc640]{background:#e74c3c;border-color:#c0392b;color:#fff;position:relative}.recording-dot[data-v-2fcfc640]{position:absolute;top:5px;right:5px;width:8px;height:8px;background:red;border-radius:50%;animation:recording-pulse-2fcfc640 1.5s ease-in-out infinite}@keyframes recording-pulse-2fcfc640{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.monitor[data-v-2fcfc640]{display:flex;gap:8px;align-items:center;background:#0003;padding:4px 10px;border-radius:4px}.monitor-item[data-v-2fcfc640]{display:flex;flex-direction:column;align-items:center;min-width:45px}.monitor-item .label[data-v-2fcfc640]{font-size:.6rem;color:#888;line-height:1}.monitor-item .value[data-v-2fcfc640]{font-size:.9rem;font-weight:700;color:#42b883;line-height:1.2;font-family:monospace;min-width:40px;text-align:center}main[data-v-2fcfc640]{flex:1;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;width:100%}main.layout-fit[data-v-2fcfc640]{max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}main.layout-full[data-v-2fcfc640]{max-width:none;margin:0;padding:0}main.layout-full[data-v-2fcfc640] .score-wrapper{width:100%!important;max-width:100%!important;margin:0!important}main.layout-full[data-v-2fcfc640] .score-container{width:100%!important;max-width:100%!important;margin:0!important}.drag-overlay[data-v-2fcfc640]{position:fixed;inset:0;background:#1a1a2ef2;z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:none}.drag-hint[data-v-2fcfc640]{text-align:center;color:#42b883;animation:pulse-2fcfc640 1.5s ease-in-out infinite}.drag-icon[data-v-2fcfc640]{font-size:5rem;margin-bottom:20px}.drag-text[data-v-2fcfc640]{font-size:1.5rem;font-weight:600}@keyframes pulse-2fcfc640{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@media(max-width:768px){header[data-v-2fcfc640]{flex-direction:column;align-items:stretch;padding:8px 10px;gap:8px}.header-bar[data-v-2fcfc640]{justify-content:space-between;width:100%}.header-left h1[data-v-2fcfc640]{font-size:.9rem}.toolbar[data-v-2fcfc640]{width:100%;flex-wrap:wrap;gap:8px;justify-content:flex-start}.tool-group[data-v-2fcfc640]{padding:0;border-right:none}.control-label[data-v-2fcfc640]{display:none}.compact-select[data-v-2fcfc640]{font-size:.75rem;padding:4px 6px;max-width:90px}button[data-v-2fcfc640]{font-size:.75rem;padding:6px 10px;min-width:44px;min-height:44px}.file-btn[data-v-2fcfc640]{font-size:.75rem;padding:6px 10px;display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box}.monitor[data-v-2fcfc640]{padding:2px 8px}.monitor-item .label[data-v-2fcfc640]{font-size:.55rem}.monitor-item .value[data-v-2fcfc640]{font-size:.75rem}.tuner-panel[data-v-2fcfc640]{width:95vw;min-width:unset;max-width:500px;padding:15px}.tuner-header h3[data-v-2fcfc640]{font-size:1rem}.strings[data-v-2fcfc640]{grid-template-columns:repeat(2,1fr)}.detected-pitch[data-v-2fcfc640]{padding:10px}.pitch-note[data-v-2fcfc640]{font-size:2rem}}@media(max-width:480px){.header-left h1[data-v-2fcfc640]{font-size:.8rem}button[data-v-2fcfc640],.file-btn[data-v-2fcfc640]{padding:6px 8px;font-size:.7rem;min-height:38px}.compact-select[data-v-2fcfc640]{font-size:.7rem;padding:4px}.toolbar[data-v-2fcfc640]{gap:6px}.tool-group[data-v-2fcfc640]{flex:1 1 auto;min-width:auto;display:flex;justify-content:center}.tool-group[data-v-2fcfc640]>*{width:100%;text-align:center}.empty-state[data-v-2fcfc640]{padding:20px}.hero-section[data-v-2fcfc640]{margin-bottom:30px}.hero-icon[data-v-2fcfc640]{font-size:3rem;margin-bottom:10px}.hero-section h2[data-v-2fcfc640]{font-size:1.5rem}.hero-section p[data-v-2fcfc640]{font-size:.95rem;margin-bottom:20px}}@media(orientation:landscape)and (max-height:600px){header[data-v-2fcfc640]{padding:4px 10px}.header-left h1[data-v-2fcfc640]{font-size:.8rem}button[data-v-2fcfc640]{padding:4px 8px;min-height:36px}.toolbar[data-v-2fcfc640]{gap:4px}}.app-container[data-v-2fcfc640]:fullscreen{background:#fff}.app-container:fullscreen header[data-v-2fcfc640]{background:#16213ef2;position:fixed;top:0;left:0;right:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-container:fullscreen main[data-v-2fcfc640]{padding-top:60px}@media(orientation:landscape){.app-container:fullscreen header[data-v-2fcfc640]{padding:2px 10px}.app-container:fullscreen .header-left h1[data-v-2fcfc640]{font-size:.7rem}.app-container:fullscreen button[data-v-2fcfc640]{font-size:.7rem;padding:3px 6px;min-height:32px}.app-container:fullscreen main[data-v-2fcfc640]{padding-top:45px}}.layout-full[data-v-2fcfc640]{flex:1;position:relative;display:flex;flex-direction:column;overflow:hidden}.empty-state[data-v-2fcfc640]{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px;box-sizing:border-box;background:#1a1a2e;overflow-y:auto}.score-viewer-layer[data-v-2fcfc640]{flex:1;width:100%;height:100%}.hero-section[data-v-2fcfc640]{text-align:center;margin-bottom:60px;margin-top:auto}.hero-icon[data-v-2fcfc640]{font-size:4rem;margin-bottom:20px}.hero-section h2[data-v-2fcfc640]{font-size:2rem;margin:0 0 10px;color:#42b883}.hero-section p[data-v-2fcfc640]{color:#888;margin:0 0 30px;font-size:1.1rem}.hero-btn[data-v-2fcfc640]{display:inline-block;padding:12px 24px;background:#42b883;color:#1a1a2e;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;border:none}.hero-btn[data-v-2fcfc640]:hover{background:#3aa876;transform:translateY(-2px);box-shadow:0 4px 12px #42b8834d}.cards-grid[data-v-2fcfc640]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;width:100%;max-width:900px;margin-bottom:auto}.info-card[data-v-2fcfc640]{background:#16213e;padding:24px;border-radius:12px;border:1px solid #2a2a4a;text-align:center;transition:all .2s}.info-card[data-v-2fcfc640]:hover{transform:translateY(-5px);border-color:#42b883;box-shadow:0 4px 12px #0003}.card-icon[data-v-2fcfc640]{font-size:2rem;margin-bottom:15px}.info-card h3[data-v-2fcfc640]{color:#e0e0e0;margin:0 0 10px;font-size:1.2rem}.info-card p[data-v-2fcfc640]{color:#888;margin:0;line-height:1.5;font-size:.95rem}.history-section[data-v-2fcfc640]{width:100%;max-width:900px;min-height:300px;margin-bottom:auto;background:#16213e;border-radius:12px;border:1px solid #2a2a4a;overflow:hidden}.section-title[data-v-2fcfc640]{padding:15px 20px;border-bottom:1px solid #2a2a4a;background:#0003}.section-title h3[data-v-2fcfc640]{margin:0;color:#42b883;font-size:1.1rem}.history-list[data-v-2fcfc640]{max-height:300px;overflow-y:auto}.history-item[data-v-2fcfc640]{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid #2a2a4a;cursor:pointer;transition:background .2s}.history-item[data-v-2fcfc640]:last-child{border-bottom:none}.history-item[data-v-2fcfc640]:hover{background:#42b8831a}.item-icon[data-v-2fcfc640]{font-size:1.5rem;margin-right:15px;opacity:.8}.item-info[data-v-2fcfc640]{flex:1;overflow:hidden}.item-name[data-v-2fcfc640]{color:#e0e0e0;font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-time[data-v-2fcfc640]{color:#888;font-size:.8rem}.delete-btn[data-v-2fcfc640]{background:transparent;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:5px 10px;min-height:auto;min-width:auto;line-height:1;opacity:0;transition:all .2s}.history-item:hover .delete-btn[data-v-2fcfc640]{opacity:1}.delete-btn[data-v-2fcfc640]:hover{color:#e74c3c;transform:scale(1.1)}@media(max-width:768px){.hero-section[data-v-2fcfc640]{margin-bottom:30px}.history-section[data-v-2fcfc640]{margin-bottom:20px}.history-item[data-v-2fcfc640]{padding:12px 15px}.delete-btn[data-v-2fcfc640]{opacity:1;font-size:1.2rem}}