:root{font-synthesis:none;text-rendering:optimizelegibility}html{background:#f4f7f8}body{min-width:320px;min-height:100vh}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#17232b;background:#f4f7f8;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.app{min-height:100vh}.hero{color:#fff;background:radial-gradient(circle at 80% 20%,#45d4bd40,#0000 26%),linear-gradient(135deg,#3b1e5f 0%,#7c3aed 100%);min-height:310px;padding:55px 24px 105px}.heroInner{width:min(1180px,100%);margin:auto}.tag{letter-spacing:.08em;background:#ffffff1a;border:1px solid #ffffff40;border-radius:999px;padding:7px 13px;font-size:.72rem;font-weight:800;display:inline-flex}.hero h1{letter-spacing:-.045em;margin:18px 0 8px;font-size:clamp(2.7rem,7vw,4.7rem);line-height:.98}.hero p{color:#ffffffd1;max-width:660px;margin:18px 0 0;font-size:1.08rem;line-height:1.6}main{width:min(1180px,100% - 32px);margin:auto;padding-bottom:70px}.searchBox{background:#fff;border:1px solid #e0e7ea;border-radius:20px;align-items:center;gap:14px;min-height:84px;margin-top:-43px;padding:15px;display:flex;box-shadow:0 16px 40px #0d2e371f}.searchInput{background:#f9fbfb;border:1px solid #dbe4e7;border-radius:13px;flex:1;align-items:center;gap:10px;padding:0 14px;display:flex}.searchInput span{color:#8b5cf6;font-size:1.35rem}.searchInput input{color:#17232b;background:0 0;border:0;outline:0;width:100%;height:50px}.searchInput input::placeholder{color:#829196}.resultCount{text-align:center;color:#637278;min-width:125px;font-size:.83rem;font-weight:700}.sectionHeader{margin:42px 0 22px}.sectionHeader h2{letter-spacing:-.02em;margin:0;font-size:1.65rem}.sectionHeader p{color:#718086;margin:7px 0 0;font-size:.95rem}.grid{grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:22px;display:grid}.card{background:#fff;border:1px solid #e1e7ea;border-radius:20px;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 5px 20px #18323a0e}.card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #18323a1f}.imagePlaceholder{color:#89999e;background:radial-gradient(circle at 50% 40%,#fff 0%,#edf3f4 70%);border-bottom:1px solid #e6ecee;flex-direction:column;justify-content:center;align-items:center;gap:9px;height:205px;font-size:.78rem;display:flex}.instrumentIcon{color:#8b5cf6;opacity:.6;font-size:2.7rem}.instrumentIcon.large{font-size:4rem}.cardBody{padding:20px}.category{color:#7c3aed;text-transform:uppercase;letter-spacing:.04em;background:#f3e8ff;border-radius:999px;padding:6px 10px;font-size:.7rem;font-weight:800;display:inline-flex}.card h3{letter-spacing:-.02em;margin:13px 0 9px;font-size:1.3rem}.card p{color:#637278;min-height:48px;margin:0 0 20px;line-height:1.55}.card button{color:#fff;background:#8b5cf6;border:0;border-radius:11px;justify-content:space-between;width:100%;padding:12px 14px;font-weight:700;display:flex}.card button:hover{background:#7c3aed}.empty{text-align:center;color:#637278;background:#fff;border-radius:18px;flex-direction:column;gap:8px;margin-top:35px;padding:45px;display:flex}.empty strong{color:#24343a}.modalBackdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#041218bf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:24px;width:min(700px,100%);max-height:92vh;padding:30px;position:relative;overflow-y:auto;box-shadow:0 35px 90px #0000004d}.close{color:#536267;background:#eef3f4;border:0;border-radius:50%;width:40px;height:40px;font-size:1.7rem;line-height:1;position:absolute;top:14px;right:18px}.modalCategory{color:#7c3aed;background:#f3e8ff;border-radius:999px;padding:7px 11px;font-size:.72rem;font-weight:800;display:inline-flex}.modal h2{letter-spacing:-.04em;margin:12px 0 22px;padding-right:40px;font-size:clamp(2rem,5vw,2.7rem)}.detailImage{color:#89999e;background:radial-gradient(circle,#fff,#e8eff1);border:1px solid #dfe8ea;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:250px;display:flex}.detailSection{margin-top:27px}.detailSection h3{color:#1d2d33;margin:0 0 9px;font-size:1.05rem}.detailSection p,.detailSection li{color:#58696f;line-height:1.65}.detailSection ul{margin-bottom:0;padding-left:21px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips span{color:#516167;background:#f0f4f5;border-radius:9px;padding:8px 11px;font-size:.85rem;font-weight:700}.warning{color:#8f4b12;background:#fff6e8;border:1px solid #fed7aa;border-radius:12px;flex-direction:column;gap:5px;margin-top:28px;padding:16px;font-size:.83rem;line-height:1.5;display:flex}@media (width<=640px){.hero{min-height:280px;padding-top:38px}.searchBox{flex-direction:column;align-items:stretch}.resultCount{padding:4px}.grid{grid-template-columns:1fr}.modal{padding:24px 18px}}.imageFallback{color:#89999e;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:100%;height:100%;display:none}.instrumentPhoto{object-fit:contain;background:#fff;width:100%;height:100%;padding:10px;display:block}.detailPhoto{max-height:420px;padding:18px}.photoFallback{color:#9487a4;background:#f6f1fb;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;min-height:180px;display:flex}.photoFallback.large{min-height:280px}.detailImage{background:#fff;min-height:280px;padding:0;overflow:hidden}.internationalName{color:#8462a9;margin-top:-5px;margin-bottom:12px;font-weight:700;display:block}.modalInternational{color:#8462a9;margin-top:-16px;margin-bottom:22px;font-weight:700}.source{color:#8a7c95;margin-top:24px;font-size:.75rem}