*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0f0f0f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.container{max-width:1000px;margin:0 auto;padding:2rem 1rem}.header{text-align:center;margin-bottom:2.5rem}.header h1{font-size:2rem;font-weight:700}.header h1 span{color:#6366f1}.header p{color:#888;margin-top:.25rem;font-size:.9rem}.error{color:#fca5a5;text-align:center;background:#7f1d1d;border-radius:6px;margin-bottom:1rem;padding:.5rem 1rem}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.card{color:inherit;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:1.25rem;text-decoration:none;transition:border-color .2s;display:block}.card:hover{border-color:#6366f1}.card h3{margin-bottom:.3rem;font-size:1.05rem;font-weight:600}.card .price{color:#22c55e;margin-bottom:.5rem;font-family:SF Mono,monospace;font-size:1.2rem;font-weight:700}.card .desc{color:#999;margin-bottom:.75rem;font-size:.85rem;line-height:1.5}.card .stock{color:#666;font-size:.8rem}.card .stock span{color:#aaa}.loading{text-align:center;color:#888;padding:3rem}.empty{text-align:center;color:#555;padding:3rem}.back-link{color:#6366f1;margin-bottom:1.5rem;font-size:.9rem;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}.detail-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;max-width:600px;padding:2rem}.detail-card h1{margin-bottom:.5rem;font-size:1.5rem}.detail-price{color:#22c55e;margin-bottom:1rem;font-family:SF Mono,monospace;font-size:1.8rem;font-weight:700}.detail-desc{color:#999;margin-bottom:1rem;font-size:1rem;line-height:1.6}.detail-meta{color:#888;font-size:.9rem}.detail-meta strong{color:#e0e0e0}