:root{--app-max-width:600px}body{margin:0;padding:0}.app,body{overflow-x:hidden}.app{min-height:100vh;background:#0a0a0a;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:100%;margin:0 auto;padding:16px;box-sizing:border-box}.header{text-align:center;padding:24px 0 20px}.header h1{font-size:28px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px}.header p{font-size:14px;color:#888}.uploadArea{border:2px dashed #333;border-radius:16px;padding:32px 20px;text-align:center;margin-bottom:16px;cursor:pointer;transition:all .2s;background:#111}.uploadArea:hover{border-color:#667eea;background:#151525}.uploadIcon{font-size:40px;margin-bottom:8px}.uploadText{font-size:16px;font-weight:600;color:#ccc;margin-bottom:4px}.uploadHint{font-size:13px;color:#666}.hiddenInput{display:none}.photoPreview{display:flex;gap:12px;background:#141414;border:1px solid #333;border-radius:16px;padding:14px;margin-bottom:16px;align-items:flex-start}.photoPreviewImg{width:120px;height:150px;border-radius:10px;object-fit:cover;flex-shrink:0}.photoPreviewInfo{flex:1 1}.photoPreviewLabel{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#667eea;margin-bottom:6px;font-weight:600}.photoPreviewName{font-size:16px;font-weight:700;color:#e0e0e0;margin-bottom:4px;line-height:1.3}.photoPreviewDetails{font-size:13px;color:#888;margin-bottom:8px;line-height:1.5}.photoPreviewConfidence{font-size:12px;color:#4ade80;margin-bottom:8px}.photoPreviewActions{display:flex;gap:12px}.photoPreviewActions button{font-size:12px;background:none;border:none;cursor:pointer;padding:0}.photoPreviewActions .editBtn{color:#667eea}.photoPreviewActions .retakeBtn{color:#888}.divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:#555;font-size:12px;text-transform:uppercase;letter-spacing:1px}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:#222}.inputRow{display:flex;gap:6px;margin-bottom:16px;width:100%;flex-wrap:nowrap}.inputRow input{flex:1 1;min-width:0;padding:14px 10px;background:#1a1a1a;border:1px solid #333;border-radius:12px;color:#e0e0e0;font-size:14px;outline:none;overflow:hidden;text-overflow:ellipsis}.inputRow input::placeholder{color:#555}.inputRow input:focus{border-color:#667eea}.btnPrimary{padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;white-space:nowrap}.btnCamera,.btnPrimary{cursor:pointer;flex-shrink:0}.btnCamera{padding:14px 12px;background:#1a1a1a;border:1px solid #333;border-radius:12px;color:#ccc;font-size:18px}.loading{text-align:center;padding:40px 20px;color:#888}.spinner{width:32px;height:32px;border:3px solid #333;border-top-color:#667eea;border-radius:50%;margin:0 auto 12px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error{text-align:center;padding:20px;color:#f87171;font-size:14px}.filtersRow{display:flex;gap:8px;margin-bottom:16px}.filterGroup{flex:1 1}.filterLabel{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:6px;display:block}.filterSelect{width:100%;padding:12px 36px 12px 14px;background:#1a1a1a;border:1px solid #333;border-radius:10px;color:#e0e0e0;font-size:14px;font-weight:600;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;outline:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%3E%3Cpath%20fill%3D%22%23888%22%20d%3D%22M6%208L0%200h12z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 14px center}.filterSelect:focus{border-color:#667eea}.filterSelect option{background:#1a1a1a;color:#e0e0e0}.statsRow{display:flex;gap:8px;margin-bottom:20px}.statCard{flex:1 1;background:#141414;border:1px solid #222;border-radius:10px;padding:14px 10px;text-align:center}.statLabel{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:6px}.statValue{font-size:18px;font-weight:700;color:#e0e0e0}.statValueOrange{color:#fb923c}.sectionTitle{font-size:14px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.badge{background:#1a1a1a;padding:2px 8px;border-radius:10px;font-size:11px;color:#aaa}.listing{display:flex;gap:12px;background:#141414;border:1px solid #222;border-radius:12px;padding:12px;margin-bottom:10px;text-decoration:none;color:inherit;transition:border-color .2s}.listing:hover{border-color:#444}.listingImg{object-fit:cover}.listingImg,.listingImgPlaceholder{width:70px;height:70px;border-radius:8px;flex-shrink:0}.listingImgPlaceholder{background:#222;display:flex;align-items:center;justify-content:center;font-size:28px}.listingInfo{flex:1 1;min-width:0}.listingTitle{font-size:13px;font-weight:500;line-height:1.3;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.listingMeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.listingPrice{font-size:16px;font-weight:700;color:#4ade80}.listingTag{font-size:11px;padding:2px 8px;border-radius:10px;background:#222;color:#aaa}.listingTagAuction{background:#2a1a1a;color:#fb923c}.listingTagBin{background:#1a2a1a;color:#4ade80}.soldLink{display:block;text-align:center;padding:14px;background:#141414;border:1px solid #333;border-radius:12px;color:#667eea;text-decoration:none;font-size:14px;font-weight:600;margin-top:16px;margin-bottom:16px}.soldLink:hover{background:#1a1a2a}.history{margin-top:24px;border-top:1px solid #222;padding-top:20px}.historyItem{display:flex;justify-content:space-between;align-items:center;padding:12px 10px;border-bottom:1px solid #1a1a1a;font-size:13px;cursor:pointer;border-radius:8px;transition:background .2s}.historyItem:hover{background:#141414}.historyQuery{color:#ccc}.historyPrice{color:#4ade80;font-weight:600}.footer{text-align:center;padding:20px 0;font-size:11px;color:#444}.tabBar{display:flex;gap:0;margin:16px 0 0;border-bottom:2px solid #1a1a1a}.tab{flex:1 1;padding:12px 8px;background:none;color:#666;font-size:14px;font-weight:600;cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab:hover{color:#aaa}.tabActive{color:#4ade80;border-bottom-color:#4ade80}.listingDate{font-size:11px;color:#666;margin-top:2px}.statCardClickable{cursor:pointer;text-decoration:none;color:inherit;transition:background .2s,transform .1s}.statCardClickable:hover{background:#1a1a1a;transform:scale(1.05)}.statCardClickable:active{transform:scale(.98)}