@charset "UTF-8";.ui-button{padding:10px 18px;border:0;border-radius:var(--control-radius);font:inherit;font-size:13px;font-weight:600;cursor:pointer;outline:none;transition:opacity .15s,border-color .15s}.ui-button[data-variant=primary]{background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:var(--ink-on-accent);font-weight:700;box-shadow:0 3px 8px color-mix(in srgb,var(--accent) 20%,transparent)}.ui-button[data-variant=primary]:hover:not(:disabled){opacity:.9}.ui-button[data-variant=secondary],.ui-button[data-variant=ghost],.ui-button[data-variant=icon]{border:1.5px solid var(--line);background:var(--soft);color:var(--ink)}.ui-button[data-variant=secondary]:hover:not(:disabled),.ui-button[data-variant=ghost]:hover:not(:disabled),.ui-button[data-variant=icon]:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.ui-button[data-variant=ghost]{background:transparent}.ui-button[data-variant=text]{padding:0;background:none;color:var(--accent);font-size:12px}.ui-button[data-variant=text]:hover:not(:disabled){text-decoration:underline}.ui-button[data-variant=icon]{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--surface-border-soft);border-radius:8px;background:transparent;color:var(--muted)}.ui-button[data-variant=icon] svg{width:16px;height:16px}.ui-button[data-variant=add]{padding:7px 14px;border:1.5px dashed var(--accent);background:transparent;color:var(--accent)}.ui-button[data-variant=add]:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 8%,transparent)}.ui-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ui-button:disabled{opacity:.5;cursor:not-allowed}.ui-input{height:var(--control-height);min-width:0;width:100%;padding:9px 12px;border:1.5px solid var(--line);border-radius:var(--control-radius);background:var(--soft);color:var(--ink);font:inherit;font-size:14px;line-height:1.5;outline:none;transition:border-color .15s}.ui-input::placeholder{color:var(--muted)}.ui-input.has-value:not([data-variant=plain]){border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 5%,var(--soft))}.ui-input:focus:not([data-variant=plain]){border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent)}.ui-input:disabled{opacity:.5;cursor:not-allowed}.ui-input[data-variant=compact]{padding:8px 10px;background:var(--soft);font-size:13px}.ui-input[data-variant=plain]{height:auto;flex:1;padding:0;border:0;border-radius:0;background:transparent;font-size:inherit}.ui-input[data-variant=chip]{height:100%;min-height:40px;border:0;border-radius:12px;background:transparent;font-size:13px;font-weight:600}.ui-input[data-variant=chip].has-value{background:color-mix(in srgb,var(--accent) 5%,var(--soft));outline:1.5px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:-1.5px}.ui-input[data-variant=chip]::placeholder{color:var(--ink)}.ui-input[data-variant=chip]:hover{background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--accent)}.ui-input[type=number]{-moz-appearance:textfield}.ui-input:is(textarea){height:auto;min-height:144px;padding:12px;resize:vertical;line-height:1.7}.ui-input[type=number]::-webkit-inner-spin-button,.ui-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.ui-input[data-variant][aria-invalid=true]{border-color:var(--danger);outline:1px solid var(--danger);outline-offset:-1px}:root{--control-height: 44px;--bg: #ffffff;--soft: #f4f5f9;--page-bg: #f8f9fc;--ink: #0f172a;--muted: #64748b;--line: #e5e7ef;--accent: #8b5cf6;--accent-strong: #7c3aed;--danger: #b91c1c;--brand: var(--accent);--brand-strong: var(--accent-strong);--blue: var(--accent);--blue-strong: var(--accent-strong);--radius: 22px;--control-radius: 12px;--shadow: 0 16px 44px -12px rgba(15, 23, 42, .15);--card-shadow: 0 2px 8px rgba(15, 23, 42, .03);--listing-gap: 20px;--content-max-width: 1420px;--nav-bg: rgba(255, 255, 255, .9);--nav-border: rgba(15, 23, 42, .06);--surface-border: rgba(15, 23, 42, .08);--surface-border-soft: rgba(15, 23, 42, .12);--ink-raw: 15, 23, 42;--ink-on-accent: #ffffff}[data-theme=dark]{--danger: #f87171;--bg: #0f1117;--soft: #1a1d27;--page-bg: #0c0e14;--ink: #e8eaf0;--muted: #8b95a8;--line: #262b38;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--card-shadow: 0 2px 8px rgba(0, 0, 0, .12);--nav-bg: rgba(15, 17, 23, .88);--nav-border: rgba(255, 255, 255, .06);--surface-border: rgba(255, 255, 255, .08);--surface-border-soft: rgba(255, 255, 255, .12);--ink-raw: 232, 234, 240}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--page-bg);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.shell{max-width:var(--content-max-width);margin-inline:auto;padding-inline:32px}@media(max-width:760px){.shell{padding-inline:18px}}app-home-page,app-search-page,app-advanced-search-page,app-sell-page,app-listing-detail-page,app-login-page,app-account-page,app-not-found-page,app-placeholder-page{flex:1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
