*{box-sizing:border-box;margin:0;padding:0}:root{font-family:Playfair Display,Lora,Times New Roman,Times,serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-gray-50);color:var(--color-gray-900)}.guitar-identifier{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:1.5rem 1rem;background:#f8fafc}.identifier-container{max-width:42rem;width:100%;background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;padding:2rem;animation:fadeIn .4s cubic-bezier(.4,0,.2,1);border:1px solid #e2e8f0;margin:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.identifier-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.identifier-header h1{margin:0 0 .5rem;color:#0f172a;font-size:1.875rem;font-weight:700;font-family:Playfair Display,Lora,Times New Roman,Times,serif;letter-spacing:-.025em;line-height:1.2}.subtitle{color:#64748b;font-size:.9375rem;margin:.5rem 0 1rem;font-weight:400}.guide-link{display:inline-flex;align-items:center;gap:.5rem;color:#3b82f6;text-decoration:none;font-weight:500;font-size:.875rem;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;transition:all .15s ease;margin-top:.75rem;background:#fff}.guide-link:hover{background:#f8fafc;border-color:#cbd5e1;color:#2563eb}.identifier-form{margin-bottom:1.5rem}.examples-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.examples-label{display:block;color:#64748b;font-size:.75rem;font-weight:500;margin-bottom:.5rem}.examples-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.example-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.375rem;cursor:pointer;transition:all .15s ease;font-family:inherit}.example-btn:hover{background:#e2e8f0;border-color:#cbd5e1;color:#334155}.example-btn:active{background:#cbd5e1}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;color:#1e293b;font-weight:500;font-size:.875rem;letter-spacing:.01em}.serial-input{width:100%;padding:.75rem 1rem;font-size:.9375rem;border:1px solid #cbd5e1;border-radius:.5rem;transition:all .15s ease;box-sizing:border-box;background:#fff;color:#0f172a;font-family:ui-monospace,Courier New,monospace}h1,h2,h3,h4,h5,h6,.identifier-header h1,.result-header h3,.model-name,.breakdown-title,.models-title{font-family:Playfair Display,Lora,Times New Roman,Times,serif}.serial-input,.breakdown-visual,.breakdown-full{font-family:ui-monospace,Courier New,monospace}.serial-input::placeholder{color:#94a3b8}.serial-input:hover{border-color:#94a3b8}.serial-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.button-group{display:flex;gap:.75rem;flex-wrap:wrap}.btn{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border:none;border-radius:.5rem;cursor:pointer;transition:all .15s ease;flex:1;min-width:120px;font-family:inherit}.btn-primary{background:#3b82f6;color:#fff;box-shadow:0 1px 2px #0000000d}.btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.btn-primary:active:not(:disabled){background:#1d4ed8}.btn-primary:disabled{opacity:.5;cursor:not-allowed;background:#94a3b8}.btn-secondary{background:#fff;color:#475569;border:1px solid #cbd5e1}.btn-secondary:hover{background:#f8fafc;border-color:#94a3b8;color:#334155}.result-container{margin-top:2rem;animation:slideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.result-error{background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;padding:1.5rem}.result-error h2{margin:0 0 .75rem;color:#dc2626;font-size:1.125rem;font-weight:600}.result-error p{margin:0 0 1rem;color:#7f1d1d;font-size:.875rem}.suggestions{margin:1rem 0 0;padding-left:1.25rem;color:#991b1b;font-size:.875rem;line-height:1.6}.suggestions li{margin-bottom:.375rem}.error-contact{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #fecaca}.error-contact-text{margin:0;color:#991b1b;font-size:.9375rem;font-weight:500;line-height:1.6}.error-contact-link{color:#dc2626;text-decoration:none;font-weight:600;transition:color .15s ease}.error-contact-link:hover{color:#b91c1c;text-decoration:underline}.result-success{background:#f0f9ff;border:1px solid #bae6fd;border-radius:.75rem;padding:1.5rem}.result-success h2{margin:0 0 1.25rem;color:#0369a1;font-size:1.125rem;font-weight:600;letter-spacing:-.01em}.result-item{background:#fff;border-radius:.75rem;padding:1.5rem;margin-bottom:1rem;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d}.result-item:last-child{margin-bottom:0}.result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;flex-wrap:wrap;gap:.75rem}.result-title-group{display:flex;flex-direction:column;gap:.5rem;flex:1}.result-header h3{margin:0;color:#0f172a;font-size:1.125rem;font-weight:600;letter-spacing:-.01em}.model-website-link{color:#3b82f6;text-decoration:none;font-size:.8125rem;font-weight:500;transition:color .15s ease}.model-website-link:hover{color:#2563eb;text-decoration:underline}.confidence-badge{padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.confidence-high{background:#d1fae5;color:#065f46}.confidence-medium{background:#fef3c7;color:#92400e}.confidence-low{background:#fee2e2;color:#991b1b}.result-details{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.detail-label{font-weight:500;color:#64748b;min-width:120px;font-size:.875rem;letter-spacing:.01em}.detail-value{color:#0f172a;font-size:.9375rem}.year-value{font-size:1.5rem;font-weight:700;color:#3b82f6;letter-spacing:-.02em}.detail-note{margin-top:.5rem;padding:.875rem 1rem;background:#fffbeb;border-left:3px solid #f59e0b;border-radius:.375rem;color:#92400e;font-size:.875rem;line-height:1.6}.detail-note strong{font-weight:600}.breakdown-section{margin-top:1.5rem;padding:1.25rem;background:#f8fafc;border-radius:.75rem;border:1px solid #e2e8f0}.breakdown-title{margin:0 0 1rem;color:#1e293b;font-size:.9375rem;font-weight:600;letter-spacing:.01em;text-transform:uppercase}.breakdown-content{display:flex;flex-direction:column;gap:1rem}.breakdown-visual{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:1rem;background:#fff;border-radius:.5rem;border:1px solid #e2e8f0;font-family:ui-monospace,Courier New,monospace;font-size:.9375rem}.breakdown-part{padding:.5rem .75rem;border-radius:.375rem;font-weight:600;font-size:.9375rem}.breakdown-prefix{background:#dbeafe;color:#1e40af}.breakdown-sequential{background:#fef3c7;color:#92400e}.breakdown-separator,.breakdown-equals{color:#64748b;font-weight:500}.breakdown-full{color:#1e293b;font-weight:600;padding-left:.75rem;border-left:1px solid #e2e8f0}.breakdown-explanation{color:#475569;line-height:1.7;font-size:.875rem;padding:1rem;background:#fff;border-radius:.5rem;border-left:3px solid #3b82f6}.models-section{margin-top:1.5rem;padding:1.25rem;background:#f8fafc;border-radius:.75rem;border:1px solid #e2e8f0}.models-title{margin:0 0 .5rem;color:#1e293b;font-size:.9375rem;font-weight:600;letter-spacing:.01em;text-transform:uppercase}.models-subtitle{margin:0 0 1rem;color:#64748b;font-size:.8125rem;line-height:1.6}.models-list{display:flex;flex-direction:column;gap:.5rem}.model-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;transition:all .15s ease}.model-item:hover{border-color:#cbd5e1;background:#fafbfc}.model-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.model-name{color:#1e293b;font-size:.875rem;font-weight:500;letter-spacing:-.01em}.model-description{color:#64748b;font-size:.75rem;line-height:1.5}.model-link{color:#64748b;font-size:.75rem;text-decoration:none;padding:.25rem .5rem;border-radius:.25rem;transition:all .15s ease;white-space:nowrap;margin-left:1rem}.model-link:hover{color:#475569;background:#f1f5f9}.info-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;margin-top:1.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;cursor:pointer;transition:all .15s ease;font-family:inherit;font-size:.875rem;font-weight:500;color:#64748b}.info-toggle:hover{background:#f1f5f9;border-color:#cbd5e1}.info-toggle .arrow{transition:transform .2s ease;font-size:.75rem}.info-toggle .arrow.open{transform:rotate(180deg)}.info-section{margin-top:.75rem;padding:1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.info-content{display:flex;flex-direction:column;gap:1.25rem}.info-content h4{margin:0 0 .5rem;color:#1e293b;font-size:.9375rem;font-weight:600;font-family:Playfair Display,Lora,Times New Roman,Times,serif}.info-section ul{margin:0;padding-left:1.25rem;color:#64748b;line-height:1.75;font-size:.875rem}.info-section li{margin-bottom:.5rem}.official-guide-note{margin:0 0 .75rem;color:#64748b;font-size:.875rem;line-height:1.6}.official-guide-link{display:inline-flex;align-items:center;gap:.5rem;color:#3b82f6;text-decoration:none;font-weight:600;font-size:.875rem;padding:.625rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;transition:all .15s ease}.official-guide-link:hover{background:#f8fafc;border-color:#3b82f6;color:#2563eb}.contact-section{margin-top:1.5rem;padding:1.5rem 1.25rem 1.25rem;border-top:2px solid #e2e8f0;text-align:center;background:#f8fafc;border-radius:.5rem}.contact-text{margin:0;color:#475569;font-size:.9375rem;font-weight:500;line-height:1.6}.contact-link{color:#3b82f6;text-decoration:none;font-weight:600;transition:color .15s ease}.contact-link:hover{color:#2563eb;text-decoration:underline}@media (max-width: 640px){.guitar-identifier{padding:1rem .75rem}.identifier-container{padding:1.5rem;border-radius:.75rem}.identifier-header h1{font-size:1.5rem}.subtitle{font-size:.875rem}.button-group{flex-direction:column}.btn{width:100%}.result-header{flex-direction:column;align-items:flex-start}.detail-row{flex-direction:column;gap:.375rem}.detail-label{min-width:auto}.breakdown-visual{font-size:.875rem;padding:.875rem}.breakdown-part{padding:.375rem .5rem;font-size:.875rem}.breakdown-explanation{font-size:.8125rem;padding:.875rem}.model-item{flex-direction:column;align-items:flex-start;gap:.5rem}.model-link{margin-left:0;align-self:flex-end}}#root{margin:0;padding:0;width:100%;min-height:100vh}