*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#e0e0e0;min-height:100vh}.app{max-width:600px;margin:0 auto;padding:1rem}.header{text-align:center;padding:1.5rem 0 1rem}.header h1{font-size:1.8rem;color:#fff}.header p{color:#aaa;margin-top:.25rem;font-size:.95rem}.picker-section{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:#16213e;border-radius:12px}.picker-section .react-colorful{width:100%!important;max-width:280px;height:200px!important}.hex-input-group{display:flex;align-items:center;gap:.25rem;font-size:1.1rem;font-family:monospace}.hex-input-group label{color:#aaa;font-size:1.2rem}.hex-input-group input{width:7ch;padding:.4rem .5rem;font-size:1.1rem;font-family:monospace;text-transform:uppercase;border:1px solid #444;border-radius:6px;background:#0f3460;color:#fff;text-align:center}.color-preview{width:60px;height:60px;border-radius:50%;border:3px solid #333}.find-button{padding:.6rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;background:#e94560;color:#fff;cursor:pointer;transition:background .2s}.find-button:hover:not(:disabled){background:#c73e54}.find-button:disabled{opacity:.6;cursor:not-allowed}.error{color:#e94560;font-size:.9rem}.results-section{margin-top:1.5rem}.results-section h2{font-size:1.2rem;margin-bottom:.75rem;color:#fff}.results-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.paint-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#16213e;border-radius:8px}.paint-swatch{width:40px;height:40px;border-radius:6px;border:2px solid #333;flex-shrink:0}.paint-info{display:flex;flex-direction:column;flex:1;min-width:0}.paint-name{font-weight:600;color:#fff;font-size:.95rem}.paint-brand{color:#aaa;font-size:.8rem}.paint-hex{font-family:monospace;color:#888;font-size:.75rem}.paint-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.paint-match{font-size:.85rem;font-weight:600;color:#4caf50}.paint-distance{font-size:.75rem;color:#888;font-family:monospace}.buy-button{padding:.25rem .75rem;font-size:.8rem;border-radius:4px;background:#0f3460;color:#e94560;text-decoration:none;border:1px solid #e94560}.buy-button:hover{background:#e94560;color:#fff}