:root,[data-theme=light]{--bg-app: #f4f5f7;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f1f3f5;--bg-elevated: #ffffff;--bg-card: #ffffff;--bg-card-hover: #fafafa;--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--text-light: #9ca3af;--text-inverse: #ffffff;--primary: #ff385c;--primary-hover: #e00b41;--primary-subtle: #fff1f3;--primary-text: #e00b41;--accent-blue: #2563eb;--accent-blue-subtle: #eff6ff;--accent-emerald: #059669;--accent-emerald-subtle: #ecfdf5;--accent-amber: #d97706;--accent-amber-subtle: #fffbeb;--border-subtle: #f3f4f6;--border-medium: #e5e7eb;--border-strong: #d1d5db;--border-focus: #111827;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12);--shadow-pill: 0 2px 8px rgba(0, 0, 0, .12);--marker-bg: #ffffff;--marker-text: #111827;--marker-border: #e5e7eb;--marker-active-bg: #111827;--marker-active-text: #ffffff;--font-display: -apple-system, BlinkMacSystemFont, "Plus Jakarta Sans", "Inter", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Plus Jakarta Sans", "Inter", sans-serif;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-app: #080b10;--bg-primary: #0f141c;--bg-secondary: #161c26;--bg-tertiary: #1e2634;--bg-elevated: #161c26;--bg-card: #161c26;--bg-card-hover: #1e2634;--bg-overlay: rgba(0, 0, 0, .75);--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--text-light: #6b7280;--text-inverse: #0f141c;--primary: #ff385c;--primary-hover: #ff5272;--primary-subtle: rgba(255, 56, 92, .15);--primary-text: #ff758f;--accent-blue: #3b82f6;--accent-blue-subtle: rgba(59, 130, 246, .15);--accent-emerald: #10b981;--accent-emerald-subtle: rgba(16, 185, 129, .15);--accent-amber: #f59e0b;--accent-amber-subtle: rgba(245, 158, 11, .15);--border-subtle: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--border-focus: #ffffff;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .7);--shadow-pill: 0 2px 10px rgba(0, 0, 0, .4);--marker-bg: #1e2634;--marker-text: #ffffff;--marker-border: rgba(255, 255, 255, .15);--marker-active-bg: #ff385c;--marker-active-text: #ffffff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-body);font-size:14.5px;line-height:1.5;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--bg-app)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;color:var(--text-primary)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;border:none;outline:none;background:none}button{cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast),opacity var(--transition-fast)}button:active{transform:scale(.97)}.btn-primary{background-color:var(--primary);color:#fff;font-weight:600;font-size:14px;padding:11px 20px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-medium);font-weight:600;font-size:14px;padding:11px 18px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition-fast)}.btn-secondary:hover{background-color:var(--border-medium)}.btn-icon{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--text-secondary);transition:all var(--transition-fast)}.btn-icon:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--radius-sm);font-size:11.5px;font-weight:600;letter-spacing:-.01em}.badge-neutral{background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-medium)}.badge-primary{background-color:var(--primary-subtle);color:var(--primary-text);border:1px solid rgba(255,56,92,.2)}.badge-emerald{background-color:var(--accent-emerald-subtle);color:var(--accent-emerald);border:1px solid rgba(16,185,129,.2)}.badge-blue{background-color:var(--accent-blue-subtle);color:var(--accent-blue);border:1px solid rgba(37,99,235,.2)}.badge-amber{background-color:var(--accent-amber-subtle);color:var(--accent-amber);border:1px solid rgba(217,119,6,.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.animate-fade-in{animation:fadeIn .2s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-up{animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}.animate-heart-pop{animation:heartPop .3s cubic-bezier(.175,.885,.32,1.275)}.app-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--bg-app);position:relative;overflow:hidden}.mobile-device-frame{width:100%;height:100%;background-color:var(--bg-primary);display:flex;flex-direction:column;position:relative;overflow:hidden;z-index:10;transition:max-width .25s ease,max-height .25s ease}.mode-mobile{max-width:430px;max-height:890px;border-radius:40px;box-shadow:0 20px 60px #0000002e,0 0 0 1px var(--border-medium)}.mode-tablet{max-width:768px;max-height:920px;border-radius:28px;box-shadow:0 20px 60px #0000002e,0 0 0 1px var(--border-medium)}.mode-fluid{max-width:100%;max-height:100%;border-radius:0;box-shadow:none}@media (max-width: 500px){.mode-mobile,.mode-tablet{max-width:100%;max-height:100%;border-radius:0;box-shadow:none}}.mobile-header{height:60px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-primary);border-bottom:1px solid var(--border-medium);z-index:30;flex-shrink:0}.brand-logo{display:flex;align-items:center;gap:8px;cursor:pointer}.brand-dot{width:9px;height:9px;border-radius:50%;background-color:var(--primary)}.brand-title{font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:-.03em;color:var(--text-primary)}.header-actions{display:flex;align-items:center;gap:8px}.mobile-content-area{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;display:flex;flex-direction:column;padding-bottom:75px}.mobile-bottom-nav{position:absolute;bottom:0;left:0;right:0;height:64px;background-color:var(--bg-primary);border-top:1px solid var(--border-medium);display:flex;align-items:center;justify-content:space-around;padding:0 8px;z-index:40}.nav-tab-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);font-size:11px;font-weight:500;padding:6px 12px;transition:color var(--transition-fast)}.nav-tab-btn.active{color:var(--primary);font-weight:600}.nav-sell-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--primary);font-size:11px;font-weight:600;padding:6px 12px}.search-container{padding:14px 16px 8px;background-color:var(--bg-primary);position:sticky;top:0;z-index:25}.search-capsule{display:flex;align-items:center;gap:12px;background-color:var(--bg-primary);border:1px solid var(--border-strong);border-radius:var(--radius-full);padding:10px 16px;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.search-capsule:focus-within{border-color:var(--border-focus);box-shadow:var(--shadow-md)}.search-input{flex:1;font-size:14px;color:var(--text-primary);font-weight:500}.search-input::placeholder{color:var(--text-muted);font-weight:400}.category-scroller{display:flex;gap:20px;padding:12px 16px 8px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--border-subtle)}.category-scroller::-webkit-scrollbar{display:none}.category-tab-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:8px;color:var(--text-muted);font-size:12px;font-weight:500;white-space:nowrap;position:relative;transition:color var(--transition-fast)}.category-tab-btn.active{color:var(--text-primary);font-weight:600}.category-tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--text-primary);border-radius:var(--radius-full)}.view-mode-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.view-mode-title{font-size:13.5px;color:var(--text-secondary);font-weight:600}.view-toggle-pill{padding:5px 12px;border-radius:var(--radius-full);font-size:12.5px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:5px;background-color:var(--bg-tertiary);border:1px solid var(--border-medium);transition:all var(--transition-fast)}.view-toggle-pill.active{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.listings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 16px 24px}@media (min-width: 600px){.listings-grid{grid-template-columns:repeat(3,1fr)}}.listing-card{background-color:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition-fast);cursor:pointer}.listing-card:hover{transform:translateY(-2px)}.card-image-wrap{position:relative;width:100%;aspect-ratio:1;background-color:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden}.card-image-wrap img{width:100%;height:100%;object-fit:cover}.card-fav-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background-color:#ffffffe0;color:#111827;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000026;transition:transform var(--transition-fast);z-index:5}[data-theme=dark] .card-fav-btn{background-color:#161c26e0;color:#f9fafb}.card-fav-btn.active{color:#ff385c}.card-body{padding:8px 2px 4px;display:flex;flex-direction:column}.card-price{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.card-title{font-size:13.5px;font-weight:400;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.card-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-top:3px}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--bg-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:50;display:flex;align-items:flex-end}.bottom-sheet{width:100%;max-height:90%;background-color:var(--bg-primary);border-top-left-radius:24px;border-top-right-radius:24px;border-top:1px solid var(--border-medium);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg);animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.sheet-handle-bar{width:36px;height:4px;border-radius:var(--radius-full);background-color:var(--border-strong);margin:10px auto 4px}.sheet-header{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.sheet-body{padding:18px;overflow-y:auto;flex:1}