.header.svelte-1elxaub{text-align:center;margin:0 0 20px}.header.svelte-1elxaub *{margin:0;color:#666;text-align:center}.header.svelte-1elxaub h1,.header.svelte-1elxaub h2{color:#333}.header.svelte-1elxaub h1{margin:0 0 15px;font-size:28px}.header.svelte-1elxaub h2{margin:0 0 10px;font-size:24px}.info-box.svelte-xxhgr9{display:flex;flex-direction:row;background:var(--background-color);border-radius:8px;padding:12px}.info-icon.svelte-xxhgr9{font-size:16px;margin-top:1px;margin-right:10px;color:#666}.info-content.svelte-xxhgr9,.info-content.svelte-xxhgr9 *{text-align:left;color:#666;font-weight:400;font-size:12px;margin:0;padding:0;text-wrap:wrap}.info-content.svelte-xxhgr9 p:not(:last-child){margin-bottom:.4em}.info-content.svelte-xxhgr9 ul,.info-content.svelte-xxhgr9 ol{padding-left:1em}:is(.info-content.svelte-xxhgr9 ul,.info-content.svelte-xxhgr9 ol) li:not(:last-child){margin-bottom:.4em}.description.svelte-1w60cnl{line-height:1.4;text-wrap:balance}.features.svelte-1w60cnl{background:#f9f9f9;border-left:4px solid #667eea;padding:15px 15px 7px;border-radius:8px;margin:20px 0}.features.svelte-1w60cnl h3:where(.svelte-1w60cnl){margin:0 0 10px;font-size:14px;color:#333;text-transform:uppercase;font-weight:600}.features.svelte-1w60cnl ul:where(.svelte-1w60cnl){margin:0}.features.svelte-1w60cnl li:where(.svelte-1w60cnl){margin:8px 0;color:#666;font-size:14px}.features.svelte-1w60cnl li:where(.svelte-1w60cnl)::marker{content:attr(data-bullet) " "}.btn-primary.svelte-1w60cnl{margin-top:20px}.footer.svelte-1w60cnl p:where(.svelte-1w60cnl){text-align:center;font-size:12px;color:#777;margin:30px 0 0}@media(max-width:480px){.container.svelte-1w60cnl{padding:20px}h1.svelte-1w60cnl{font-size:24px}.features.svelte-1w60cnl h3:where(.svelte-1w60cnl){font-size:12px}.features.svelte-1w60cnl ul:where(.svelte-1w60cnl){padding-left:20px}.features.svelte-1w60cnl li:where(.svelte-1w60cnl){font-size:13px}}.description.svelte-xay3rc{margin-bottom:20px;text-align:center}p.svelte-xay3rc{color:#666;font-size:16px;line-height:1.6}.options-box.svelte-xay3rc{border-radius:12px;padding:20px;background:#fafafa;margin-bottom:20px}.switch-group.svelte-xay3rc{display:flex;flex-direction:column;gap:15px}.switch.svelte-xay3rc{padding:20px;border:2px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;display:inline-block;color:#666}.switch.svelte-xay3rc:hover{border-color:#999;background:#f9f9f9}.switch.svelte-xay3rc:not(:hover){transition:all .2s ease-out}.switch.svelte-xay3rc:active:hover:not(.selected){border-color:#888;background:#eee}.switch.selected.svelte-xay3rc{border-color:#2e5c8a;background:#c0d1ff;color:#0f3152;cursor:default;animation:normal .5s svelte-xay3rc-pulse-switch}.switch.svelte-xay3rc .icon:where(.svelte-xay3rc){font-size:24px;vertical-align:-5%;margin-right:2px}.btn-primary.svelte-xay3rc{margin-bottom:20px}@keyframes svelte-xay3rc-pulse-switch{0%{box-shadow:0 0 #2e5c8ab3}70%{box-shadow:0 0 0 5px #2e5c8a00}to{box-shadow:0 0 #2e5c8a00}}.indicator.svelte-15cdge2{display:flex;justify-content:center;align-items:center;gap:10px;height:60px;margin-bottom:20px}.indicator.active.svelte-15cdge2 .pulse:where(.svelte-15cdge2){background:var(--pulse-color);animation:svelte-15cdge2-pulse-animation 1s ease-in-out infinite}.pulse.svelte-15cdge2{width:12px;height:12px;border-radius:50%;background:#ddd}@keyframes svelte-15cdge2-pulse-animation{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.container.svelte-1qg9h9i{text-align:center}.big-icon.svelte-1qg9h9i{font-size:56px;margin-bottom:15px}.description.svelte-1qg9h9i{color:#555;font-size:16px;line-height:1.6;margin-bottom:25px}.btn-primary.svelte-1qg9h9i{margin-bottom:20px}@media(max-width:480px){.container.svelte-1qg9h9i{padding:20px}.big-icon.svelte-1qg9h9i{font-size:48px}h2.svelte-1qg9h9i{font-size:20px}.description.svelte-1qg9h9i{font-size:14px}}.instructions.svelte-s3e5ua{color:#555;font-size:16px}.listening-area.svelte-s3e5ua{background:#f5f5f5;border-radius:12px;padding:25px 20px;margin-bottom:30px;text-align:center}.current-note.svelte-s3e5ua{margin-bottom:15px}.note-label.svelte-s3e5ua{font-size:12px;color:#999;text-transform:uppercase;margin-bottom:8px}.note-display.svelte-s3e5ua{font-size:48px;font-weight:700;color:#667eea;font-family:Monaco,Courier New,monospace}.note-off-range.svelte-s3e5ua{color:#c53131}.range-display.svelte-s3e5ua{display:flex;justify-content:space-around;align-items:center;margin-top:30px;padding-top:15px;border-top:1px solid #e0e0e0}.range-item.svelte-s3e5ua{display:flex;flex-direction:column;align-items:center;padding:5px;cursor:pointer;-webkit-user-select:none;user-select:none}.range-label.svelte-s3e5ua{font-size:12px;color:#999;text-transform:uppercase;margin-bottom:4px}.range-value.svelte-s3e5ua{font-size:24px;font-weight:700;color:#333;font-family:Monaco,Courier New,monospace}.range-separator.svelte-s3e5ua{font-size:20px;color:#999;padding:none}.range-reset-hint.svelte-s3e5ua{margin-top:20px;font-size:10px;color:#999;text-wrap:balance}@media(max-width:480px){.container.svelte-s3e5ua{padding:20px}h2.svelte-s3e5ua{font-size:20px}.instructions.svelte-s3e5ua{font-size:14px}.listening-area.svelte-s3e5ua{padding:25px 15px}.note-display.svelte-s3e5ua{font-size:36px}.range-value.svelte-s3e5ua{font-size:20px}}#score.svelte-8mcinz svg{width:100%;height:100%;max-height:250px}h2.svelte-11yc3rn{margin:0;font-size:28px}.results.svelte-11yc3rn{display:flex;flex-direction:column;gap:25px;margin-bottom:30px}h3.svelte-11yc3rn{margin:0 0 15px;font-size:16px;color:#333;text-transform:uppercase;font-weight:600}.detected-range.svelte-11yc3rn{background:#f5f5f5;padding:0 20px;border-radius:12px}.score-container.svelte-11yc3rn{height:100%;padding-right:25px;text-align:center;vertical-align:middle}.range-box.svelte-11yc3rn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:24px;font-weight:700;font-family:Monaco,Courier New,monospace;vertical-align:middle}.note.svelte-11yc3rn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 20px;border-radius:8px;flex:0 0 auto;width:4ch;text-align:center}.range-span.svelte-11yc3rn{color:#555;font-size:22px;font-weight:400}.vocal-type.svelte-11yc3rn{background:#f5f5f5;padding:20px;border-radius:12px}.type-card.svelte-11yc3rn{background:#fff;border:2px solid #e0e0e0;border-top:4px solid #667eea;border-radius:8px;padding:20px}.type-name.svelte-11yc3rn{font-size:24px;font-weight:700;color:#333;margin-bottom:8px}.type-description.svelte-11yc3rn{margin:0;color:#555;font-size:14px}.type-range.svelte-11yc3rn{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #e0e0e0;font-size:14px;margin:15px 0 0}.type-range.svelte-11yc3rn .label:where(.svelte-11yc3rn){color:#999;text-transform:uppercase;font-weight:600}.type-range.svelte-11yc3rn .range:where(.svelte-11yc3rn){color:#333;font-weight:600;font-family:Monaco,Courier New,monospace}@media(max-width:480px){.container.svelte-11yc3rn{padding:20px}h2.svelte-11yc3rn{font-size:24px}h3.svelte-11yc3rn{font-size:14px}.range-box.svelte-11yc3rn{font-size:16px;gap:4px}.range-span.svelte-11yc3rn{font-size:16px}.type-name.svelte-11yc3rn{font-size:20px}.type-range.svelte-11yc3rn .range:where(.svelte-11yc3rn){min-width:11ch;text-align:right}}#app-background.svelte-1uha8ag{height:100vh;width:100vw;box-sizing:border-box;overflow:hidden;position:fixed;background:linear-gradient(135deg,#4557a7 10%,#603e83 90%);background-attachment:fixed;background-position:center;background-size:cover;border:none;margin:0;z-index:-1}#screen.svelte-1uha8ag{position:absolute;min-height:100%;width:100%;box-sizing:border-box;margin:0;border:none;display:flex;align-items:center;justify-content:center;padding:calc(20px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom))}