/* Onyx surfaces, compact market controls, and short interaction-led motion. */
:root{--bg:#090909;--panel:#121212;--line:#292929;--muted:#979797;--blue:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 60.4%);color-scheme:dark}
body{background:#090909;color:#ededed}
.header-inner,.preview-notice{background:#111;border:1px solid #222}
.header-inner{max-width:1360px;gap:26px}.header-actions{gap:14px}.header-icon{position:relative;display:grid;place-items:center;width:34px;height:36px;background:transparent;color:#aaa;border-radius:4px}.header-icon:hover{background:#252525;color:white}.header-icon .icon{width:21px;height:21px}.cart-header>span:not(:empty){position:absolute;top:0;right:0;background:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 60.4%);color:white;padding:1px 4px;font-size:10px;border-radius:3px}
.preview-notice,main,footer{max-width:1360px}.preview-notice{color:#929292}.preview-label{color:#c4c4c4}
main{padding-left:4px;padding-right:4px}.home-page,.content-page{max-width:1152px;margin:auto}
.button.secondary{background:#222;color:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 86.3%);border-color:#303030}.button.secondary:hover{background:#2b2b2b;border-color:#464646}.button:hover{filter:brightness(1.1)}
.button,.header-icon,.category,.save-button,.float-inspect{transition:background-color 140ms,border-color 140ms,color 140ms,filter 140ms}
.search,.sort,.segmented,.market-controls .sort,.market-controls .search{background:#141414;border-color:#282828}.segmented button.active,.segmented button:hover{background:#282828}.sort select option{background:#171717}
.market-page .categories{background:#111;border:1px solid #222;justify-content:flex-start;gap:0;margin-bottom:19px;padding:3px}
.market-page .category{flex:1;justify-content:center;padding:11px 18px;font-size:14px;min-width:95px;border-radius:3px;color:#a8a8a8}.market-page .category.selected{background:#242424;color:white}.market-page .category:hover{background:#1d1d1d;color:#eee}.market-page .category>.icon:first-child{display:block;width:17px;height:17px;color:#888}
.market-controls{gap:12px}.filter-fixed-label{width:230px;flex:none;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;padding-right:20px}.filter-fixed-label>.icon{width:17px;color:#b9b9b9}.filter-fixed-label .text-button{margin-left:auto;font-size:12px;color:#929292}
.market-controls .search{height:40px}.market-controls .search input{font-size:14px}.market-controls .sort{height:40px}.market-controls .sort select{font-size:14px}
.market-page .workspace.filters-open{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;margin-top:14px;align-items:start}
.market-page .filters,.market-page .filters:not([hidden]){display:block;position:sticky;top:16px;padding:8px 20px 10px 0;border-right:1px solid #252525;background:transparent}
.filter-section{border-color:#252525;padding:0 0 22px;margin:0 0 22px}.filter-section h3{font-size:14px;font-weight:600;color:#d3d3d3;margin:0 0 17px}.filter-section h3 span{font-size:11px;color:#777}.check-label{color:#aaa;font-size:13px;margin:13px 0;gap:9px}.check-label input{accent-color:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 60.4%);width:15px;height:15px}.price-inputs{gap:7px}.price-inputs>i{display:none}.price-inputs label>span{font-size:11px;color:#777}.price-inputs label>div{background:#131313;border:1px solid #303030;border-radius:4px}.price-inputs input{font-size:13px;min-width:0}.price-presets button{background:#1b1b1b;border:1px solid #2b2b2b;color:#aaa;font-size:11px}.filter-note{color:#727272;font-size:12px}.results{min-width:0}.result-meta{color:#929292}.results-end{border-color:#292929;color:#737373}
.market-page .filters-open .item-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 14px;align-items:start}.item-grid,.home-item-grid{overflow:visible;position:relative}
.float-card{position:relative;overflow:visible;border:1px solid #222;background:#131313;border-radius:7px;transition:border-color 170ms,box-shadow 170ms;isolation:isolate}
.float-card:hover,.float-card:has(:focus-visible){border-color:#444;box-shadow:0 8px 24px #0006;z-index:5}
.float-card-heading{padding:14px 13px 5px;min-height:67px}.float-card .item-name{font-size:14px;font-weight:600;line-height:1.4}.float-subtitle{font-size:12px;color:#8c8c8c}.float-subtitle>span{font-size:12px}.float-image{height:184px;background:#131313;border-bottom-width:2px;overflow:hidden}.float-image::before{inset:65% 0 0;background:var(--item-tint);opacity:.35}.float-image img{max-height:171px;transition:transform 220ms cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 12px 9px #0007)}.float-card:hover .float-image img,.float-card:has(:focus-visible) .float-image img{transform:translateY(-5px) scale(1.035)}.float-inspect{background:#202020d9;color:#aaa;border:1px solid #353535}
.float-card-info{padding:12px 13px 10px}.float-price strong{font-size:22px;letter-spacing:-.6px}.float-price>span{font-size:10px;color:#7e7e7e}.float-item-id{font-size:11px;color:#8c8c8c;margin-top:13px}.float-status{color:#777;font-size:11px;margin-top:7px}.float-status .save-button{color:#999;background:transparent}.float-status .save-button.saved{color:#e0b363}
.card-action-tray{position:absolute;top:calc(100% - 1px);left:-1px;right:-1px;display:flex;align-items:center;gap:5px;padding:9px;background:#181818;border:1px solid #444;border-top:0;border-radius:0 0 7px 7px;box-shadow:0 12px 18px #0005;transform:translateY(-9px);opacity:0;visibility:hidden;transition:transform 180ms cubic-bezier(.16,1,.3,1),opacity 130ms,visibility 130ms;z-index:3}
.float-card:hover .card-action-tray,.float-card:has(:focus-visible) .card-action-tray{visibility:visible;opacity:1;transform:translateY(0)}.float-card:hover:has(.card-action-tray),.float-card:has(:focus-visible):has(.card-action-tray){border-radius:7px 7px 0 0}
.card-action-tray .button{padding:8px 7px;font-size:12px;min-height:35px;white-space:nowrap;flex:1;border-radius:4px}.card-action-tray .bargain-button{background:#242424;border-color:#363636;color:#d0d0d0}.cart-add{height:35px;width:34px;flex:none;border-radius:4px;background:#262626;color:hsl(var(--theme-hue,217) calc(37.9% * var(--theme-saturation,1)) 79.8%);display:grid;place-items:center;border:1px solid #353535}.cart-add:hover{background:#333}.cart-add .icon{width:17px;height:17px}
.market-page .filters-open .list-view{grid-template-columns:1fr}.list-view .float-card{grid-template-columns:1fr 140px 210px}.list-view .float-image{height:120px}.list-view .card-action-tray{position:static;grid-column:1/-1;opacity:1;visibility:visible;transform:none;border:0;border-top:1px solid #292929;box-shadow:none;justify-content:flex-end}.list-view .card-action-tray .button{flex:0 1 115px}
.stack-back,.home-features article,.faq-questions details,.form-panel,.wallet-panel{background:#131313;border-color:#292929}.hero-stack .hero-listing{background:#141414}.hero-stack:hover .hero-listing{transform:rotate(5deg) translateY(-5px)}.hero-stack .hero-listing,.stack-back{transition:transform 350ms cubic-bezier(.2,.7,.2,1)}.hero-stack:hover .back-1{transform:rotate(12deg) translateX(6px)}.home-journey li,.footer-bottom{border-color:#292929}.home-features p,.home-faq p,.home-journey li p,.hero-copy>p{color:#989898}
.form-panel select,.draft-price-input,.offer-input{background:#101010;border:1px solid #343434}.form-panel select option{background:#171717}.draft-row,.small-empty,.sell-explainer{border-color:#303030}.draft-row img{background:#202020}.wallet-icon{background:#242424}.draft-notice{background:#201e18}.dialog-note{background:#1b1b1b;border-color:#303030}dialog{background:#141414;border:1px solid #363636;box-shadow:0 24px 100px #000a;max-height:85dvh;overflow:auto}dialog[open]{animation:dialog-enter 190ms cubic-bezier(.16,1,.3,1)}dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}.detail-image{background:#1a1a1a}.dialog-symbol{background:#222}.item-details>div{border-color:#292929}#toast{background:#222;border-color:#444;transition:opacity 150ms,translate 150ms;translate:0 6px}#toast.visible{translate:0 0}
.cart-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #292929}.cart-row img{object-fit:contain;background:#1d1d1d;border-radius:4px;flex:none}.cart-row>span{flex:1;font-size:14px}.cart-row>strong{font-size:16px;white-space:nowrap}.cart-row small{display:block;font-size:12px;color:#888;margin-top:4px}.cart-total{display:flex;justify-content:space-between;padding:22px 0;font-size:16px}.cart-total strong{font-size:23px}.empty-cart{padding:35px 12px;text-align:center;color:#999}.empty-cart>.icon{width:35px;height:35px}.empty-cart h3{color:#ddd}.offer-form{margin-top:22px}.offer-form>label{display:flex;justify-content:space-between;font-size:14px;margin-bottom:10px}.offer-form>p{font-size:13px;color:#999}.offer-input{padding:11px;display:flex;gap:10px;border-radius:4px}.offer-input input{width:100%;border:0;outline:0;background:transparent;color:white;font-size:18px}.offer-input:focus-within{border-color:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 60.4%)}.offer-roles{margin:18px 0}.offer-roles button{flex:1}.offer-entry{padding:10px 0 20px;border-bottom:1px solid #333}.offer-entry p,.offer-history{font-size:12px;color:#999}.offer-actions{display:flex;gap:8px}.offer-history{margin-top:15px}.offer-history summary{cursor:pointer}.offer-history p{margin:6px 0}.offer-form .field-error{color:#e89898}
.price-range{position:relative;height:22px;margin:0 4px 13px}.price-range::before{content:'';position:absolute;top:10px;left:0;right:0;height:3px;background:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 60.4%)}.price-range input{position:absolute;top:0;left:0;width:100%;height:22px;margin:0;background:transparent;appearance:none;pointer-events:none}.price-range input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:2px;transform:rotate(45deg);background:#dedede;border:1px solid #fff;pointer-events:auto;cursor:ew-resize}.price-range input::-moz-range-thumb{width:12px;height:12px;border-radius:2px;background:#dedede;pointer-events:auto;cursor:ew-resize}.price-range input:focus-visible{outline:1px solid hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 71.6%);outline-offset:5px}.price-range input::-moz-range-track{background:transparent}
@keyframes dialog-enter{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}
@media(min-width:1450px){.header-inner,.preview-notice,main,footer{margin-left:auto;margin-right:auto}}
@media(max-width:1300px){.market-page .filters-open .item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header-inner,.preview-notice,main,footer{margin-left:24px;margin-right:24px}.home-page{margin:auto;padding-left:24px;padding-right:24px}.filter-fixed-label{width:210px}.market-page .workspace.filters-open{grid-template-columns:210px minmax(0,1fr)}.header-inner{gap:20px}.header-actions{gap:8px}}
@media(max-width:950px){.market-page .filters-open .item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-controls .market-modes{margin-left:230px}.float-image{height:170px}.home-item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:640px){.header-inner,.preview-notice,main,footer{margin-left:12px;margin-right:12px}.home-page{padding-left:0;padding-right:0}.header-inner{gap:6px 12px;grid-template-columns:auto 1fr auto}.header-actions{gap:5px}.header-icon{width:29px}.wallet-link{display:none}.main-nav{gap:12px}.market-page .categories{margin-bottom:13px}.market-page .category{min-width:88px;padding:9px 12px;font-size:13px}.market-controls{gap:9px}.filter-fixed-label{width:100%;padding:0}.market-controls .search{flex-basis:100%}.market-controls .market-modes{margin-left:0}.market-controls .sort{margin-left:auto}.market-controls .sort select{max-width:124px;font-size:12px}.market-controls .segmented button{font-size:12px}.market-page .workspace.filters-open{display:block}.market-page .filters,.market-page .filters:not([hidden]){position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px;border:1px solid #292929;border-radius:5px;padding:16px;margin-bottom:20px}.filters .filter-section{margin:0;padding:0;border:0}.filters .filter-section:first-child{grid-column:1/-1}.filters .filter-section h3{margin-bottom:12px}.filters>.button{grid-column:1/-1}.filter-note{display:none}.price-inputs{max-width:100%;gap:10px}.price-inputs label{flex:1}.price-presets{display:none}.market-page .filters-open .item-grid{gap:12px 10px}.float-card-heading{padding:11px 10px 3px;min-height:66px}.float-card .item-name{font-size:13px}.float-subtitle{font-size:11px}.float-image{height:146px}.float-image>button:first-child{padding:5px 13px 13px}.float-price{flex-wrap:wrap;gap:2px}.float-price strong{font-size:21px}.float-card-info{padding:10px}.float-item-id>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.float-item-id{font-size:10px;gap:4px}.card-action-tray{position:static;opacity:1;visibility:visible;transform:none;border:0;border-top:1px solid #292929;padding:7px;box-shadow:none;flex-wrap:wrap}.card-action-tray .cart-add{width:32px}.card-action-tray .buy-button{min-width:100%;order:3}.card-action-tray .button{font-size:12px;padding:7px 5px}.float-status>span{font-size:10px}.market-page .filters-open .list-view{grid-template-columns:1fr}.list-view .float-card{grid-template-columns:1fr 110px}.list-view .float-card-info{grid-column:1/-1}.list-view .card-action-tray .buy-button{min-width:0}.home-item-grid{gap:12px}.cart-row{gap:8px}.cart-row>span{font-size:13px}.cart-row>strong{font-size:14px}}
@media(hover:none){.card-action-tray{position:static;opacity:1;visibility:visible;transform:none;border:0;border-top:1px solid #292929;box-shadow:none}.float-card{overflow:hidden}.float-card:hover{border-radius:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.float-card:hover .float-image img,.hero-stack:hover .hero-listing,.hero-stack:hover .back-1{transform:none}}