:root{--color-gold:#e8a430;--color-gold-light:#f0c060;--color-ai-blue:#7eb3e8;--color-ai-blue-dark:#5a9bd5;--color-navy:#1a3a6b;--color-navy-dark:#1a2a4a;--color-dark-bg:#0c0b14;--color-error:#c0392b;--color-ok:#27ae60;--font-human:"Noto Sans JP", sans-serif;--font-ai:"JetBrains Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-human);background:var(--color-navy-dark);color:#f5f5f7}*{box-sizing:border-box}body{background:linear-gradient(180deg, var(--color-navy-dark) 0%, var(--color-dark-bg) 100%);min-height:100vh;margin:0}#root{max-width:480px;min-height:100vh;margin:0 auto;padding:20px 16px 40px}h1,h2,h3{font-family:var(--font-human);margin:0}button{cursor:pointer;font-family:inherit}.mono{font-family:var(--font-ai)}.sheet-music{background:#fffef8;border-radius:12px;flex-wrap:wrap;gap:8px;padding:14px;display:flex}.measure-card{background:#fff;border:1.5px solid #e8e0d0;border-radius:8px;flex-direction:column;align-items:center;padding:4px 6px 6px;display:flex}.measure-card.ok{border-color:#c9e8d5}.measure-card.ng{border-color:var(--color-error,#c0392b);background:#fff6f5}.measure-card.active{border-color:var(--color-gold,#e8a430);box-shadow:0 0 0 2px #e8a4304d}.measure-label{color:#999;margin-bottom:2px;font-size:10px;font-weight:600}.measure-card.ng .measure-label{color:var(--color-error,#c0392b)}.measure-card.ok .measure-label{color:var(--color-ok,#27ae60)}.measure-error-note{color:var(--color-error,#c0392b);margin-top:2px;font-size:10px;font-weight:600}.vexflow-staff,.vexflow-staff svg{display:block}.recorder-screen{background:var(--color-dark-bg);text-align:center;border-radius:16px;justify-content:center;align-items:center;min-height:360px;padding:32px 20px;display:flex}.recorder-idle{flex-direction:column;align-items:center;gap:14px;display:flex}.recorder-instrument-icon{font-size:48px}.recorder-idle p{color:#ffffffbf;max-width:260px;font-size:13px}.recorder-error{color:#ff8a80}.recorder-recording{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.rec-status{color:#fff;align-items:center;gap:8px;font-size:13px;display:flex}.rec-dot{background:#e74c3c;border-radius:50%;width:10px;height:10px;animation:1s infinite blink}@keyframes blink{50%{opacity:.3}}.rec-timer{color:var(--color-ai-blue);font-size:20px}.rec-waveform{justify-content:center;align-items:center;gap:2px;width:100%;height:60px;display:flex}.wave-bar{background:var(--color-ai-blue);border-radius:2px;width:3px;min-height:4px;transition:height 50ms linear}.rec-stop-btn{cursor:pointer;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.rec-stop-inner{background:#e74c3c;border-radius:4px;width:22px;height:22px}.processing-dots{color:var(--color-ai-blue);font-size:15px}.btn-gold{background:linear-gradient(135deg, var(--color-gold), var(--color-gold-light));color:#1a1a2e;border:none;border-radius:24px;padding:12px 28px;font-size:14px;font-weight:700}.btn-text{color:#ffffff80;background:0 0;border:none;font-size:12px;text-decoration:underline}.score-result{flex-direction:column;gap:16px;display:flex}.score-hero{background:linear-gradient(135deg, var(--color-navy-dark), var(--color-navy));text-align:center;border-radius:16px;padding:20px}.score-hero-label{letter-spacing:2px;color:var(--color-ai-blue);font-size:11px}.score-hero-num{color:#fff;font-size:48px;font-weight:900}.score-hero-100{color:#fff6;font-size:18px;font-weight:400}.section-title{color:#fff;font-size:13px;font-weight:700}.ai-advice-card{color:#1a1a2e;background:#fff;border-radius:14px;padding:16px}.ai-advice-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.ai-avatar{background:linear-gradient(135deg, var(--color-ai-blue), var(--color-ai-blue-dark));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.ai-name{font-size:13px;font-weight:700}.ai-name-sub{color:#999;font-size:10px}.ai-bubble{background:#f4f6fb;border-radius:10px;margin-bottom:8px;padding:10px 12px;font-size:13px;line-height:1.6}.ai-bubble:last-child{margin-bottom:0}.btn-primary{background:linear-gradient(135deg, var(--color-navy), #2a5a9b);color:#fff;border:none;border-radius:24px;padding:14px;font-size:14px;font-weight:700}.model-picker{background:#fffef8;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.model-picker-title{color:#1a1a2e;font-size:13px;font-weight:700}.model-list{flex-direction:column;gap:8px;display:flex}.model-card{text-align:left;cursor:pointer;background:#fff;border:1.5px solid #e8e0d0;border-radius:10px;padding:10px 12px}.model-card.active{border-color:var(--color-gold);background:#fffaf0}.model-label{color:#1a1a2e;font-size:13px;font-weight:700}.model-desc{color:#777;margin-top:2px;font-size:11px;line-height:1.5}.model-action-row{gap:8px;display:flex}.model-upload-btn,.model-listen-btn{text-align:center;cursor:pointer;border-radius:20px;flex:1;padding:10px;font-size:12px;font-weight:600}.model-upload-btn{border:1.5px solid var(--color-navy);color:var(--color-navy);background:#fff}.model-listen-btn{background:var(--color-ai-blue);color:#fff;border:none}.song-library{background:#fffef8;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.song-library-title{color:#1a1a2e;font-size:13px;font-weight:700}.song-list{flex-direction:column;gap:8px;display:flex}.song-card{text-align:left;cursor:pointer;background:#fff;border:1.5px solid #e8e0d0;border-radius:10px;padding:12px 14px}.song-card:hover{border-color:var(--color-gold)}.song-card-scan{border-style:dashed}.song-card-title{color:#1a1a2e;font-size:15px;font-weight:700}.song-card-meta{color:#777;margin-top:4px;font-size:11px}.song-card-badge{color:var(--color-error,#c0392b);border:1px solid var(--color-error,#c0392b);background:#fff6f5;border-radius:10px;margin-top:6px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.sheet-scanner{flex-direction:column;gap:12px;display:flex}.scanner-idle,.scanner-processing{background:var(--color-dark-bg);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:280px;padding:32px 20px;display:flex}.scanner-icon{font-size:48px}.scanner-idle p{color:#ffffffbf;max-width:260px;font-size:13px}.scanner-capture-btn{cursor:pointer}.scanner-photo-thumb{object-fit:cover;border-radius:8px;max-width:200px;max-height:160px}.scanner-photo-thumb.small{max-width:64px;max-height:64px}.scanner-result{flex-direction:column;gap:12px;display:flex}.scanner-result-header{background:#fffef8;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.scanner-result-title{color:var(--color-error,#c0392b);font-size:12px;font-weight:700}.scanner-result-song{color:#1a1a2e;margin-top:2px;font-size:15px;font-weight:700}.scanner-note{color:#ffffff80;text-align:center;font-size:11px}.app-shell{flex-direction:column;gap:20px;display:flex}.app-header{text-align:center;padding:8px 0 4px}.app-title-sub{letter-spacing:2px;color:var(--color-ai-blue);font-size:11px}.app-title{margin:4px 0;font-size:28px;font-weight:700}.app-subtitle{color:#fff9;font-size:12px}