*{box-sizing:border-box;margin:0;padding:0}:root{--accent:#0057ff;--accent-soft:#99b8ff;--accent-pale:#eef3ff;--accent-dark:#003dbf;--text-primary:#0f0f14;--text-secondary:#4b4b5a;--text-muted:#9090a0;--bg:#f5f5f8;--surface:#fff;--border:#e0e0ea;--font-mono:"JetBrains Mono","Fira Mono",monospace;--radius:12px;--nav-height:58px;--tab-bar-height:60px}body,html{font-family:DM Sans,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text-primary);font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{width:100%;padding:10px 14px;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;font-size:15px;color:var(--text-primary);font-family:inherit;outline:none;transition:border-color .2s;font-size:max(16px,15px)}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:80px}button{font-family:inherit;cursor:pointer}.nav{background:var(--surface);border-bottom:1.5px solid var(--border);padding:0 24px;display:flex;align-items:center;height:var(--nav-height);gap:32px;position:-webkit-sticky;position:sticky;top:0;z-index:200}.nav-logo{font-size:20px;font-weight:900;color:var(--accent);letter-spacing:-.5px;text-decoration:none;flex-shrink:0}.nav-links{display:flex;gap:24px;list-style:none;flex:1 1}.nav-links a{font-size:14px;font-weight:600;color:var(--text-secondary);text-decoration:none}.nav-links a:hover{color:var(--accent)}.nav-cta{background:var(--accent);color:#fff!important;padding:8px 18px;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none!important;flex-shrink:0}.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:6px;cursor:pointer;margin-left:auto}.nav-hamburger span{display:block;width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .25s}.nav-drawer{display:none;position:fixed;top:var(--nav-height);left:0;right:0;background:var(--surface);border-bottom:1.5px solid var(--border);padding:16px 20px 20px;z-index:199;flex-direction:column;gap:4px;box-shadow:0 8px 24px rgba(0,0,0,.08)}.nav-drawer.open{display:flex}.nav-drawer a{display:block;padding:12px 0;font-size:16px;font-weight:600;color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--border)}.nav-drawer a:last-child{border-bottom:none}.nav-drawer .nav-drawer-cta{margin-top:12px;display:block;text-align:center;background:var(--accent);color:#fff;padding:14px;border-radius:10px;font-size:15px;font-weight:800;text-decoration:none}.tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--tab-bar-height);background:var(--surface);border-top:1.5px solid var(--border);z-index:200;padding-bottom:env(safe-area-inset-bottom)}.tab-bar-inner{display:flex;height:100%}.tab-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--text-muted);font-size:10px;font-weight:600;-webkit-tap-highlight-color:transparent;transition:color .15s}.tab-item.active{color:var(--accent)}.tab-item svg{width:22px;height:22px}.tab-item.sell-tab{background:var(--accent);color:#fff;border-radius:14px;margin:6px 4px;flex:0 0 52px}.card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:20px}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:12px 24px;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .2s;-webkit-tap-highlight-color:transparent}.btn-primary:hover{opacity:.88}.btn-primary:active{opacity:.75}.btn-primary:disabled{opacity:.35;cursor:default}.btn-ghost{background:none;color:var(--accent);border:1.5px solid var(--accent);border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;cursor:pointer}.page{max-width:1100px}.page,.page-narrow{margin:0 auto;padding:32px 20px}.page-narrow{max-width:540px}.field{margin-bottom:18px}.field-label{display:block;font-weight:700;margin-bottom:5px;letter-spacing:.05em;text-transform:uppercase}.field-hint,.field-label{font-size:12px;color:var(--text-muted)}.field-hint{margin:0 0 5px}.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:4px;font-weight:700}.badge-blue{background:var(--accent-pale);color:var(--accent-dark)}.badge-green{background:#edfaf3;color:#1a7a4a}.badge-amber{background:#fff8ec;color:#8a5a00}@media (max-width:768px){.nav{padding:0 16px;gap:12px}.nav-cta,.nav-links{display:none}.nav-hamburger{display:flex}.tab-bar{display:block}body{padding-bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom))}.page,.page-narrow{padding:16px 14px 24px}.advisor-input-bar{bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom))!important}.card{padding:14px}.btn-primary{width:100%;padding:14px;font-size:16px}.browse-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.browse-sidebar{display:none!important}.browse-main{min-width:0!important}.listing-grid{grid-template-columns:1fr!important}.listing-sidebar{position:static!important}h1{font-size:clamp(22px,5vw,52px)!important}input,select,textarea{font-size:16px!important}.step-dots{justify-content:center}.price-grid-3{grid-template-columns:1fr 1fr!important}.price-grid-3>:last-child{grid-column:1/-1}}@media (max-width:480px){.browse-grid{grid-template-columns:1fr!important}.nav-logo{font-size:18px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.tab-bar{padding-bottom:env(safe-area-inset-bottom);height:calc(var(--tab-bar-height) + env(safe-area-inset-bottom))}}@media (max-width:768px){input,select,textarea{font-size:16px!important}.page,.page-narrow{padding:16px 14px 80px}.browse-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.browse-sidebar{display:none!important}.listing-grid{grid-template-columns:1fr!important}.listing-sidebar{position:static!important}.admin-tabs{overflow-x:auto;white-space:nowrap}.card{padding:14px}.advisor-input-bar{bottom:calc(60px + env(safe-area-inset-bottom))!important}.hero-title{font-size:clamp(26px,6vw,52px)!important}.price-grid-3{grid-template-columns:1fr 1fr!important}.price-grid-3>:last-child{grid-column:1/-1}}@media (max-width:480px){.browse-grid{grid-template-columns:1fr!important}}