*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f5f7;--surface: rgba(255, 255, 255, .65);--surface-alt: rgba(255, 255, 255, .85);--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .16);--glass-border: rgba(255, 255, 255, .6);--text-primary: #1d1d1f;--text-secondary: #86868b;--text-muted: #a1a1a6;--accent: #0071e3;--accent-light: rgba(0, 113, 227, .12);--accent-hover: #0077ED;--success: #34c759;--success-light: rgba(52, 199, 89, .12);--warning: #ff9500;--warning-light: rgba(255, 149, 0, .12);--error: #ff3b30;--error-light: rgba(255, 59, 48, .12);--ebay: #e53238;--ebay-light: rgba(229, 50, 56, .1);--etsy: #f56400;--etsy-light: rgba(245, 100, 0, .1);--radius: 18px;--radius-sm: 10px;--radius-lg: 24px;--shadow: 0 4px 24px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.02);--shadow-md: 0 12px 48px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.03);--shadow-lg: 0 32px 80px rgba(0,0,0,.08), 0 8px 32px rgba(0,0,0,.04);--inner-glow: inset 0 1px 0 rgba(255,255,255,.4);--transition: .3s cubic-bezier(.2, .8, .2, 1)}html,body{height:100%;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;background-color:var(--bg);background-image:radial-gradient(circle at 10% 40%,rgba(200,230,255,.7) 0%,transparent 50%),radial-gradient(circle at 85% 20%,rgba(250,225,255,.7) 0%,transparent 50%),radial-gradient(circle at 50% 90%,rgba(220,245,235,.7) 0%,transparent 50%);background-attachment:fixed}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:14px;font-weight:600;letter-spacing:-.2px;transition:all var(--transition);white-space:nowrap;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px #0071e34d,var(--inner-glow)}.btn-primary:hover{background:var(--accent-hover);transform:scale(.97);box-shadow:0 6px 16px #0071e366,var(--inner-glow)}.btn-secondary{background:var(--surface-alt);color:var(--text-primary);border:1px solid var(--glass-border);box-shadow:var(--shadow)}.btn-secondary:hover{background:#fffffff2;border-color:var(--border-strong);transform:scale(.97)}.btn-success{background:var(--success);color:#fff;box-shadow:0 2px 8px #34c7594d,var(--inner-glow)}.btn-success:hover{background:#31b854;transform:scale(.97);box-shadow:0 6px 16px #34c75966,var(--inner-glow)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover{background:#0000000a;color:var(--text-primary)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-sm{padding:7px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:15px;border-radius:var(--radius)}.card{background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-md);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap}.badge-accent{background:var(--accent-light);color:var(--accent)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-error{background:var(--error-light);color:var(--error)}input[type=text],input[type=number],input[type=email],input[type=password],textarea,select{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff6;color:var(--text-primary);font-size:15px;transition:all var(--transition);outline:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 2px 4px #00000005}input:focus,textarea:focus,select:focus{background:#ffffffe6;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-light);transform:scale(1.01)}textarea{resize:vertical;min-height:100px}label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.form-group{margin-bottom:16px}.spinner{width:20px;height:20px;border:2px solid rgba(124,110,245,.2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}html,body{overflow-x:hidden}input[type=text],input[type=number],input[type=email],textarea,select{font-size:16px}@media (max-width: 640px){.app-header{padding:0 16px!important;height:56px!important}.header-new-btn{display:none!important}.page-container{padding:20px 16px!important}.step-bar{overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.step-bar::-webkit-scrollbar{display:none}.step-item{padding:10px!important;flex-shrink:0!important}.step-label{display:none!important}.identify-layout{flex-direction:column!important;gap:16px!important}.identify-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.identify-image{width:100%!important;height:180px!important}.pricing-grid,.review-grid,.edit-listing-grid{grid-template-columns:1fr!important}.card{overflow-wrap:break-word;word-break:break-word}.history-listing{flex-direction:column!important;align-items:flex-start!important}.btn-lg{width:100%;justify-content:center}}@media (max-width: 640px){.app-container{padding-bottom:72px}.desktop-nav-links{display:none!important}.mobile-bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);justify-content:space-around;padding:10px 0 calc(10px + env(safe-area-inset-bottom));z-index:100;box-shadow:0 -4px 12px #0000000a}.mobile-bottom-nav .nav-link{flex-direction:column;gap:4px;font-size:10px;padding:6px 12px;border-radius:var(--radius-sm)}.mobile-bottom-nav .nav-link svg{width:20px;height:20px}}