:root{--sb-primary:#2563eb;--sb-primary-hover:#1d4ed8;--sb-primary-soft:#eff6ff;--sb-accent-orange:#ea580c;--sb-accent-orange-hover:#c2410c;--sb-success:#059669;--sb-success-soft:#ecfdf5;--sb-text-dark:#0f172a;--sb-text-muted:#64748b;--sb-border:#e2e8f0;--sb-surface:#ffffff;--sb-radius-sm:8px;--sb-radius-md:12px;--sb-radius-lg:16px;--sb-shadow-subtle:0 4px 20px -2px rgba(15, 23, 42, 0.06)}.sb-wrapper{width:100%;margin:0 auto;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Inter",sans-serif;color:var(--sb-text-dark)}.sb-search-card{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-radius-lg);box-shadow:var(--sb-shadow-subtle);padding:14px 16px;transition:border-color 0.2s,box-shadow 0.2s}.sb-search-card:focus-within{border-color:var(--sb-primary);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.sb-search-bar{display:flex;align-items:center;background:#f8fafc;border:1.5px solid var(--sb-border);border-radius:var(--sb-radius-md);padding:4px 6px 4px 10px;gap:8px}.sb-search-bar input{flex:1;border:none;background:transparent;font-size:14px;height:42px;color:var(--sb-text-dark);outline:none}.sb-search-bar input::placeholder{color:#94a3b8}.sb-voice-btn{background:transparent;border:none;font-size:19px;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform 0.15s ease}.sb-voice-btn:hover{transform:scale(1.1)}.sb-submit-btn{background:var(--sb-primary);color:#fff;border:none;border-radius:var(--sb-radius-sm);padding:0 18px;height:38px;font-size:13.5px;font-weight:600;cursor:pointer;transition:background 0.15s ease}.sb-submit-btn:hover{background:var(--sb-primary-hover)}.sb-stream-area{display:flex;flex-direction:column;gap:12px;max-height:750px;overflow-y:auto;padding:10px 2px;scroll-behavior:smooth}.sb-user-row{display:flex;justify-content:flex-end}.sb-user-bubble{background:var(--sb-primary);color:#fff;padding:10px 16px;border-radius:18px 18px 4px 18px;font-size:13.5px;font-weight:500;line-height:1.4;max-width:80%;box-shadow:0 2px 8px rgba(37,99,235,.2)}.sb-card{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-radius-md);padding:16px;box-shadow:var(--sb-shadow-subtle)}.sb-hero-banner{background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 100%);color:#fff;border-radius:var(--sb-radius-md);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;margin:10px 0}.sb-hero-price{font-size:22px;font-weight:800;letter-spacing:-.5px}.sb-hero-cta{background:var(--sb-accent-orange);color:#ffffff!important;text-decoration:none;font-size:13px;font-weight:700;padding:10px 18px;border-radius:var(--sb-radius-sm);display:inline-flex;align-items:center;gap:6px;transition:background 0.15s ease}.sb-hero-cta:hover{background:var(--sb-accent-orange-hover)}.sb-store-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f8fafc;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);margin-bottom:6px;font-size:13px}.sb-stock-badge{font-size:11px;font-weight:600;color:var(--sb-success);margin-left:6px}.sb-pill{background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:600;color:#334155;cursor:pointer;transition:all 0.15s ease}.sb-pill.active{background:var(--sb-primary);color:#fff;border-color:var(--sb-primary);box-shadow:0 2px 8px rgba(37,99,235,.25)}.sb-dynamic-action-btn{width:100%;background:var(--sb-accent-orange);color:#fff;border:none;border-radius:var(--sb-radius-sm);padding:12px;font-size:13.5px;font-weight:700;cursor:pointer;margin-top:6px;transition:background 0.15s ease}.sb-dynamic-action-btn:hover{background:var(--sb-accent-orange-hover)}.sb-reply-bar{display:flex;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--sb-border)}.sb-reply-bar input{flex:1;border:1.5px solid #cbd5e1;border-radius:var(--sb-radius-sm);padding:9px 12px;font-size:13px;outline:none}.sb-reply-bar input:focus{border-color:var(--sb-primary)}.sb-reply-bar button{background:var(--sb-primary);color:#fff;border:none;border-radius:var(--sb-radius-sm);padding:0 16px;font-size:13px;font-weight:700;cursor:pointer}@media (max-width:767px){.sb-wrapper{padding:0 4px}.sb-search-card{border-radius:14px;padding:12px}.sb-hero-banner{flex-direction:column;align-items:flex-start;gap:10px}.sb-hero-cta{width:100%;justify-content:center;box-sizing:border-box;padding:11px 0}.sb-alts-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:none}.sb-alts-rail::-webkit-scrollbar{display:none}.sb-alt-card{flex:0 0 72vw;max-width:230px;scroll-snap-align:start;background:#f8fafc;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);padding:10px}}@media (min-width:768px) and (max-width:1024px){.sb-alts-rail{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sb-alt-card{background:#f8fafc;border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);padding:12px}}@media (min-width:1025px){.sb-wrapper{max-width:1180px}.sb-alts-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sb-alt-card{background:#f8fafc;border:1px solid var(--sb-border);border-radius:var(--sb-radius-md);padding:14px;transition:transform 0.15s ease,box-shadow 0.15s ease}.sb-alt-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.05)}}