:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f8f4ff;background:#11051e;font-synthesis:none;--bg:#180628;--panel:#230d39;--panel2:#301147;--line:#57306f;--muted:#b8a6ca;--violet:#9a43ee;--pink:#d438b9;--cyan:#12c6d4;--green:#36d9a4}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -10%,#4c116e 0,#1e0831 42%,#10051d 100%)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{max-width:520px;min-height:100dvh;margin:auto;background:linear-gradient(180deg,#1e0734 0,#160722 62%,#100817 100%);box-shadow:0 0 75px #0008;position:relative;padding-bottom:calc(86px + env(safe-area-inset-bottom))}.splash{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.splash h1{font-size:29px;margin:12px 0 2px}.splash p{color:var(--muted)}.brand-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#af3cff,#5d22b2);font-size:36px;font-weight:800;box-shadow:0 10px 25px #9109db60}
.topbar{height:68px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#3a075d;border-bottom:1px solid #5b1680;position:sticky;top:0;z-index:10}.wordmark{font-style:italic;font-size:24px;letter-spacing:-1.5px;font-weight:700;text-shadow:0 0 13px #c65dff}.top-action{display:grid;place-items:center;width:36px;height:36px;background:#25083e;border:1px solid #77369a;border-radius:50%;color:#fff}.content{padding:22px 18px 36px}.eyebrow{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.section-head h1{font-size:28px;line-height:1.12;margin:5px 0 6px;letter-spacing:-.04em}.section-head p{font-size:13px;color:var(--muted);margin:0;line-height:1.5}.pill-count{font-size:11px;color:#f0d7ff;background:#472061;border:1px solid #784499;border-radius:999px;padding:7px 10px;white-space:nowrap}.card{background:linear-gradient(145deg,#2a103f,#211032);border:1px solid #52306b;border-radius:18px;box-shadow:0 8px 20px #0002}.card-pad{padding:18px}.hero{border-color:#0a788d;background:radial-gradient(circle at 95% 5%,#07546a88,transparent 45%),linear-gradient(125deg,#081a29,#10213b);padding:20px;margin-bottom:20px;position:relative;overflow:hidden}.hero h2{font-size:22px;margin:13px 0 6px}.hero p{font-size:13px;color:#b2dce4;margin:0;max-width:275px}.hero .orb{position:absolute;right:-20px;top:12px;width:116px;height:116px;border-radius:50%;background:#05b8d826;filter:blur(9px)}.hero-stats{display:flex;gap:8px;margin-top:20px}.hero-stats>span{border:1px solid #0a7282;background:#0b3042;padding:8px 10px;border-radius:11px;font-size:11px;color:#bceef4}.hero-stats b{display:block;color:#26dfeb;font-size:16px;font-weight:700}.search{width:100%;border:1px solid #61337a;background:#270e3e;color:#fff;outline:none;border-radius:12px;padding:13px 15px}.search::placeholder{color:#9d88ae}.search:focus,.field:focus{border-color:#b668ef;box-shadow:0 0 0 3px #983fea33}.filters{display:flex;gap:8px;overflow:auto;padding:14px 0 4px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.chip{border-radius:99px;border:1px solid #533069;background:#29133a;color:#c4b1d3;padding:7px 12px;white-space:nowrap;font-size:12px}.chip.active{color:#fff;background:#7f2ac4;border-color:#a453e5}.controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 0 12px}.controls span{color:#bbabc9;font-size:12px}.small-select{border:1px solid #5d3972;background:#291238;color:#fff;border-radius:10px;padding:8px;font-size:12px}.listing-list{display:grid;gap:12px}.listing{display:flex;gap:14px;padding:12px;cursor:pointer;transition:transform .15s,border-color .15s}.listing:hover{transform:translateY(-2px);border-color:#a354d4}.thumb{width:72px;height:72px;flex:none;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#35215b,#104152);font-size:29px;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.listing-body{min-width:0;flex:1}.listing h3{font-size:14px;margin:2px 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listing-sub{color:#afa0bd;font-size:11px;margin:0 0 9px}.listing-meta{display:flex;gap:5px;flex-wrap:wrap}.tag{background:#34144e;border:1px solid #6b317c;border-radius:7px;padding:3px 6px;font-size:10px;color:#e3c9f2}.tag.cyan{background:#073944;border-color:#147a88;color:#5bebf0}.price{text-align:right;white-space:nowrap;font-weight:800;color:#f6e7ff;font-size:14px}.seller-line{display:flex;align-items:center;justify-content:space-between;margin-top:9px;font-size:11px;color:#9dbbbf}.seller-line strong{font-weight:600;color:#59d7c1}.btn{border:0;border-radius:11px;background:linear-gradient(90deg,#a43bf0,#7b30da);color:#fff;font-weight:700;padding:12px 16px;box-shadow:0 6px 18px #8e2de443}.btn:hover{filter:brightness(1.12)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:#301244;box-shadow:none;border:1px solid #70368c}.btn.cyan{background:linear-gradient(90deg,#087c96,#14a7ba);box-shadow:0 6px 18px #06afca3a}.btn.danger{background:#782343;box-shadow:none}.btn.full{width:100%}.btn.small{padding:8px 11px;font-size:12px;border-radius:8px}.btn-row{display:flex;gap:9px}.btn-row>*{flex:1}.bottom-nav{position:fixed;bottom:0;width:min(100%,520px);height:calc(70px + env(safe-area-inset-bottom));padding:7px 4px env(safe-area-inset-bottom);display:flex;align-items:stretch;justify-content:space-around;background:#071422;border-top:1px solid #184760;z-index:20}.nav-item{flex:1;border:0;background:none;color:#8e9da9;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;font-size:10px}.nav-item.active{color:#16d2e3}.nav-icon{font-size:20px;line-height:1}.field-label{display:block;color:#d8c6e7;font-size:12px;font-weight:650;margin-bottom:7px}.field{width:100%;border-radius:11px;border:1px solid #583071;background:#250e3a;color:#fff;outline:none;padding:12px 13px;min-height:44px}.field::placeholder{color:#947fa7}textarea.field{resize:vertical;min-height:100px}.field-group{margin-bottom:16px}.field-hint{font-size:11px;color:#a794b7;margin-top:6px}.form-card{padding:18px;margin-top:18px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-media{height:205px;border-radius:18px;background:radial-gradient(circle at 60% 40%,#2e9aa344,transparent 45%),linear-gradient(130deg,#351451,#111d36);display:grid;place-items:center;font-size:65px;overflow:hidden;margin:14px 0}.detail-media img{width:100%;height:100%;object-fit:cover}.detail-title{font-size:25px;letter-spacing:-.03em;margin:7px 0 3px}.detail-price{font-size:25px;font-weight:800;color:#fff}.detail-meta{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.detail-section{margin-top:16px;padding:17px}.detail-section h3{font-size:13px;color:#6fe4e4;text-transform:uppercase;letter-spacing:.1em;margin:0 0 11px}.detail-section p{font-size:13px;line-height:1.55;color:#d4c4df;margin:0;white-space:pre-wrap}.kv{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #4e2a60;padding:10px 0;font-size:13px}.kv:first-of-type{border-top:0}.kv span:first-child{color:#a998b7}.kv span:last-child{text-align:right}.status{display:inline-block;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.06em;padding:6px 9px;border-radius:7px;background:#203d41;color:#5ae3d4}.status.withdrawn,.status.blocked,.status.sold{background:#483047;color:#ffbad1}.empty{text-align:center;padding:45px 24px;color:#aa98b8}.empty .icon{font-size:36px;display:block;margin-bottom:12px}.empty h3{margin:0 0 5px;color:#f8efff;font-size:16px}.empty p{font-size:13px;line-height:1.5;margin:0}.back{color:#d8b9eb;border:0;background:none;padding:0;margin:0 0 17px;font-size:13px}.chat-thread{display:flex;flex-direction:column;gap:12px;min-height:280px;padding-bottom:20px}.bubble{max-width:82%;align-self:flex-start;background:#2e1644;border:1px solid #593071;border-radius:15px 15px 15px 3px;padding:10px 13px}.bubble.mine{align-self:flex-end;background:#56309a;border-color:#8e52c9;border-radius:15px 15px 3px 15px}.bubble p{margin:5px 0;font-size:13px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.bubble small{color:#ad98c0;font-size:10px}.bubble a{color:#7ce7ed;font-size:12px}.chat-compose{position:sticky;bottom:calc(70px + env(safe-area-inset-bottom));background:#180b29;padding:10px 0 12px;border-top:1px solid #4c2861}.chat-compose textarea{min-height:70px}.note{font-size:12px;line-height:1.5;color:#c1adc9;background:#342046;border:1px solid #6c3c78;padding:11px 13px;border-radius:10px}.note.warn{color:#f0c3b0;background:#462033;border-color:#8d4860}.toast{position:fixed;bottom:calc(83px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 30px),480px);background:#133c48;color:#fff;border:1px solid #19a5b9;border-radius:11px;padding:12px 15px;font-size:13px;z-index:30;box-shadow:0 10px 30px #0008}.login{padding-top:75px;text-align:center}.login p{line-height:1.6;color:#c3afcd;font-size:14px}.login .brand-mark{margin:auto}.demo-row{display:grid;gap:9px;margin-top:24px}.muted{color:var(--muted)}.line{border:0;border-top:1px solid #52306b;margin:17px 0}.stack{display:grid;gap:11px}.list-mini{padding:13px;cursor:pointer}.list-mini h3{font-size:14px;margin:0 0 5px}.list-mini p{font-size:12px;color:#a999b9;margin:0}.pending-banner{border:1px solid #79507e;background:#311b3f;border-radius:12px;padding:13px;font-size:12px;color:#e2cfeb;line-height:1.5;margin:15px 0}@media(min-width:700px){.app-shell{border-left:1px solid #55276e;border-right:1px solid #55276e}.bottom-nav{left:50%;transform:translateX(-50%)}}@media(max-width:360px){.content{padding-left:12px;padding-right:12px}.listing{gap:8px}.thumb{width:58px;height:58px}.price{font-size:12px}}
.login{max-width:460px;margin:0 auto;padding-top:clamp(55px,12vh,110px)}.login-logo{width:min(100%,300px);margin:0 auto 30px;background:#f0dffe;border:1px solid #bd88e8;border-radius:18px;padding:10px 15px;box-shadow:0 12px 35px #8d2acd45}.login-logo img{display:block;width:100%;height:auto}.login h1{font-size:clamp(27px,7vw,36px);line-height:1.12;letter-spacing:-.04em;margin:14px 0}.login .eyebrow{margin-top:4px}.telegram-launch{display:flex;align-items:center;justify-content:center;min-height:54px;margin-top:28px;text-decoration:none;font-size:16px}.telegram-launch:hover{filter:brightness(1.12)}.login-hint{font-size:12px!important;margin-top:16px;color:#a993bc!important}
.header-logo{display:flex;align-items:center;justify-content:center;width:148px;height:44px;padding:3px 8px;background:#f0dffe;border:1px solid #bd88e8;border-radius:10px;overflow:hidden}.header-logo img{display:block;width:100%;height:100%;object-fit:contain}.splash-logo{width:min(72vw,250px);padding:8px 13px;background:#f0dffe;border:1px solid #bd88e8;border-radius:16px}.splash-logo img{display:block;width:100%;height:auto}.first-steps{margin-top:24px;padding:18px 20px;text-align:left}.first-steps h2{font-size:17px;margin:0 0 11px}.first-steps ol{margin:0;padding-left:22px;color:#cfbfda;font-size:13px;line-height:1.55}.first-steps li{padding-left:3px;margin:8px 0}.first-steps strong{color:#f8f4ff}
.login-logo,.splash-logo,.header-logo{background:transparent;border:0;box-shadow:none;padding:0}.login-logo img,.splash-logo img,.header-logo img{filter:brightness(1.55) saturate(1.15) drop-shadow(0 0 8px #a563e055)}

/* Marketplace design system */
@font-face{font-family:"Material Symbols Outlined";font-style:normal;font-weight:100 700;font-display:block;src:url('/material-symbols-outlined.woff2') format('woff2')}
:root{font-family:"DM Sans",Inter,ui-sans-serif,sans-serif;--bg:#190428;--panel:#1d1033;--panel2:#22143d;--line:#3d275b;--muted:#9e90b5;--violet:#873be7;--pink:#b322a4;--cyan:#00b8d5;--green:#35c99a;color:#f4edff;background:#160024}
body{background:#12001e}.app-shell{max-width:430px;background:#190428;box-shadow:0 0 60px #0008}.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:400;font-style:normal;font-size:22px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.topbar{height:52px;background:#3b0060;border:0;padding:0 16px}.header-logo,.header-brand{display:flex;align-items:center;width:95px;height:34px}.header-logo img,.header-brand img{width:100%;height:100%;object-fit:contain;object-position:left center;filter:brightness(1.7) saturate(1.1)}.header-brand{border:0;background:transparent;padding:0}.top-action{width:30px;height:30px;background:#25013e;border:1px solid #612388}.top-action .material-symbols-outlined{font-size:18px}.content{padding:17px 14px 38px}.bottom-nav{width:min(100%,430px);height:calc(58px + env(safe-area-inset-bottom));background:#061421;border-color:#18394c}.nav-item{gap:2px;font-size:10px}.nav-icon .material-symbols-outlined{font-size:21px}.nav-item.active{color:#00b8d5}.btn{border-radius:5px;background:#853de1;box-shadow:none;font-weight:600}.btn.secondary{background:#1a0b2c;border:1px solid #68418d}.btn.danger{background:#6e233d}.btn.small{padding:8px 11px;border-radius:5px}.btn .material-symbols-outlined{font-size:16px;vertical-align:middle}.card{background:#1c1835;border:1px solid #342650;border-radius:8px;box-shadow:none}.card-pad{padding:15px}.eyebrow{font-size:10px;letter-spacing:.08em}.tag{background:#2b1948;border-color:#3d2862;color:#bba5dd}.tag.cyan{background:#10263b;border-color:#174c64;color:#00c6db}.tag .material-symbols-outlined{font-size:12px;vertical-align:-2px}.field,.search,.small-select{border-color:#3f2d5d;background:#21143b;border-radius:5px}.field:focus,.search:focus{border-color:#9c5dea}.form-card{margin-top:15px}.detail-section{background:#1c1835}.detail-section h3{color:#cbc5e0;font-size:11px;letter-spacing:.06em}.kv{border-color:#322448}.back{display:inline-flex;align-items:center;gap:4px;color:#d9c9ee;font-size:12px}.back .material-symbols-outlined{font-size:14px}.detail-media{border-radius:9px;background:#201538}.detail-media .material-symbols-outlined{font-size:72px;color:#7849b1}.detail-title{font-size:23px}.detail-price{color:#f5f0ff}.pending-banner{background:#241329;border-color:#63334f;color:#ecc5d4}.note{background:#231537;border-color:#4c315d}.toast{background:#0b374a;border-color:#047c93}

/* First screen: choose Tap / Task or Marketplace */
.home-content{min-height:calc(100dvh - 52px);padding:11px 13px 52px;background:radial-gradient(circle at 88% 26%,#37126c 0,transparent 32%),#190428;display:flex;flex-direction:column;gap:13px}.portal-card{width:100%;border-radius:18px;padding:14px 15px 15px;text-align:left;color:#f5efff;display:flex;flex-direction:column;align-items:stretch;cursor:pointer;min-height:242px}.earn-card{background:radial-gradient(circle at 92% 88%,#422080 0,transparent 55%),linear-gradient(135deg,#1b0e31,#291453);border:1px solid #533178;box-shadow:0 7px 22px #6e24b529}.market-card{background:radial-gradient(circle at 90% 9%,#07354b 0,transparent 39%),linear-gradient(135deg,#051422,#061e30);border:1px solid #0b6078;box-shadow:0 8px 24px #00151f6b}.portal-card:focus-visible,.portal-card:hover{outline:2px solid #ae71ef;outline-offset:2px}.portal-label{display:inline-flex;align-self:flex-start;align-items:center;gap:3px;border-radius:999px;padding:3px 8px;background:#321953;border:1px solid #53327a;color:#a992d3;font-size:9px;font-weight:700;letter-spacing:.05em}.market-card .portal-label{background:#063040;border-color:#0a5670;color:#03bedc}.portal-label .material-symbols-outlined{font-size:12px}.portal-heading{display:flex;align-items:center;gap:12px;margin:12px 0 11px}.portal-heading>span:nth-child(2){min-width:0;flex:1}.portal-heading strong{display:block;font-size:18px;font-weight:500;line-height:1.2}.portal-heading small{display:block;color:#9182aa;font-size:10px;margin-top:4px}.market-card .portal-heading small{color:#11aec8}.portal-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;flex:none}.portal-icon .material-symbols-outlined{font-size:29px}.earn-icon{background:#6629b6;color:#f8e6ff;box-shadow:0 0 18px #8d3cde9e}.market-icon{background:#0b829b;color:#02222b}.portal-arrow{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#793be1;color:white;flex:none}.market-card .portal-arrow{background:#0787a5}.portal-arrow .material-symbols-outlined{font-size:17px}.portal-chips{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 auto}.portal-chips>span{border:1px solid #503075;background:#39205f;color:#b5a5d2;border-radius:999px;padding:3px 7px;font-size:9px;line-height:1.1}.market-card .portal-chips>span{border-color:#135268;background:#082c3d;color:#24b9d0}.portal-stats{display:flex;gap:6px;margin-top:17px}.portal-stats>span{width:72px;min-height:49px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;background:#392062;border:1px solid #4e2978}.market-card .portal-stats>span{background:#092b3d;border-color:#104258}.portal-stats b{font-size:13px;color:#a783db;font-weight:500}.market-card .portal-stats b{color:#00c5de}.portal-stats small{font-size:8px;color:#74658f;margin-top:2px}.market-card .portal-stats small{color:#637e8c}

/* Marketplace feed */
.market-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px 0 14px}.market-head h1{font-size:25px;letter-spacing:-.03em;margin:2px 0}.market-head p{color:#a79ab7;font-size:11px;margin:0}.market-head .btn{display:flex;gap:3px;align-items:center}.search-wrap{position:relative}.search-wrap>.material-symbols-outlined{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#78669a;font-size:19px}.search-wrap .search{padding:10px 40px 10px 39px;min-height:39px;font-size:12px}.search-wrap button{position:absolute;right:4px;top:4px;width:31px;height:31px;border:0;border-radius:4px;background:#6834ba;color:white}.search-wrap button .material-symbols-outlined{font-size:18px}.filters{padding:12px 0 13px;gap:5px}.chip{background:#2d1b4b;border-color:#493067;border-radius:999px;color:#ae9ac9;padding:6px 12px;font-size:11px}.chip.active{background:#843cda;border-color:#9d5aec;color:white}.market-summary{border:1px solid #312c57;background:#1b1b3d;border-radius:9px;padding:11px;margin:0 0 10px}.summary-label{display:flex;align-items:center;gap:6px;color:#31b7d2;font-size:10px;letter-spacing:.04em}.summary-label .material-symbols-outlined{font-size:17px}.summary-label small{margin-left:auto;color:#82769d;font-size:9px;letter-spacing:0}.summary-stats{display:flex;gap:7px;margin-top:11px}.summary-stats span{flex:1;border-radius:6px;background:#261849;padding:9px 5px;text-align:center}.summary-stats b{display:block;color:#10d5c0;font-size:15px;font-weight:600}.summary-stats small{font-size:9px;color:#8b7ca4}.market-notice{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid #0d4256;background:#08283b;color:#7acee0;font-size:10px;line-height:1.3;border-radius:7px}.market-notice .material-symbols-outlined{font-size:16px;flex:none}.controls{margin:15px 0 9px}.controls span{font-size:12px;color:#d7cde4;font-weight:600}.small-select{font-size:11px;padding:6px}.listing-list{gap:7px}.listing{display:block;padding:10px;transition:border-color .15s,transform .15s}.listing:hover{border-color:#7141ac}.listing-main{display:flex;align-items:flex-start;gap:9px}.thumb{width:39px;height:39px;border-radius:6px;background:#341d5b}.thumb .material-symbols-outlined{font-size:24px;color:#bb96eb}.listing-body{flex:1}.listing h3{font-size:12px;margin:1px 0 4px}.listing-sub{font-size:10px;margin:0}.price{font-size:13px;color:#f7f2ff}.price small{display:block;color:#807194;font-weight:400;font-size:8px}.listing-meta{margin:8px 0 0 48px}.listing-meta .tag{font-size:9px;padding:3px 5px}.listing-foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:7px;border-top:1px solid #342648;font-size:9px;color:#00b9d3}.listing-foot>span{display:flex;align-items:center;gap:3px}.listing-foot .material-symbols-outlined{font-size:12px}.listing-open{background:#823ad8;border-radius:4px;padding:4px 6px;color:white}.empty{padding:42px 15px}.empty .icon .material-symbols-outlined{font-size:38px;color:#a968d9}
@media(min-width:700px){.app-shell{border-color:#3c2056}.bottom-nav{left:50%;transform:translateX(-50%)}}@media(max-width:360px){.home-content{padding-left:10px;padding-right:10px}.portal-card{padding:12px}.portal-stats>span{width:65px}.market-head h1{font-size:22px}.content{padding-left:10px;padding-right:10px}}

/* Offer and trade preview screens */
.coming-symbol,.verification-symbol{width:78px;height:78px;border-radius:18px;background:#5821a1;color:#edc9ff;display:grid;place-items:center;margin:44px auto 20px}.coming-symbol .material-symbols-outlined,.verification-symbol .material-symbols-outlined{font-size:45px}.detail-hero{text-align:center;padding:8px 0 4px}.detail-hero .detail-media{width:85px;height:85px;margin:4px auto 11px;border:1px solid #533172}.detail-hero .detail-title{font-size:21px;margin:2px 0}.detail-hero p{font-size:11px;color:#9b8ab2;margin:2px 0 9px}.detail-hero .detail-meta{justify-content:center;margin:7px 0 10px}.detail-price-card{display:flex;align-items:center;justify-content:space-between;padding:15px;margin:12px 0}.detail-price-card small,.detail-price-card strong,.detail-price-card span{display:block}.detail-price-card small{font-size:9px;color:#8d7eaa}.detail-price-card strong{font-size:25px;font-weight:600;margin:3px 0}.detail-price-card span{font-size:10px;color:#9c89b3}.detail-price-card>.material-symbols-outlined{font-size:35px;color:#5e3995}.seller-preview{display:flex;align-items:center;text-align:left;gap:10px;width:100%;padding:10px 12px;margin:14px 0 0;color:#f0e8ff;background:#1c1835;border:1px solid #3c2c5a;border-radius:8px}.seller-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#7435be;color:#fff;font-size:13px}.seller-preview>span:nth-child(2){flex:1}.seller-preview strong,.seller-preview small{display:block}.seller-preview strong{font-size:12px}.seller-preview small{font-size:10px;color:#8d7eaa}.seller-preview>.material-symbols-outlined{font-size:17px;color:#9781af}.status{background:#123b3b;color:#65d7bf}.status.sold,.status.withdrawn,.status.blocked{background:#4a2942;color:#ebb4ce}
.preview-flow{padding-bottom:20px}.preview-top{display:flex;align-items:center;gap:8px;min-height:27px}.preview-top .back{margin:0;flex:1}.preview-top>span:nth-child(2){font-size:11px;color:#cbbce1}.preview-lock{flex:1;text-align:right;color:#b28ad6}.preview-lock .material-symbols-outlined{font-size:16px}.preview-disclaimer{border:1px solid #63416f;background:#2b173a;color:#d9badb;border-radius:6px;padding:8px 10px;margin:12px 0 17px;text-align:center;font-size:10px}.preview-title{font-size:20px;font-weight:600;margin:14px 0 7px}.preview-title.centered{text-align:center}.preview-subtitle{font-size:12px;color:#a394b6;line-height:1.4;margin:5px 0 16px}.preview-subtitle.centered{text-align:center}.preview-price{text-align:center;background:#1c1938;border:1px solid #373054;border-radius:8px;padding:17px;margin:10px 0}.preview-price small,.preview-price strong,.preview-price span{display:block}.preview-price small{font-size:9px;color:#9e8bae;letter-spacing:.05em}.preview-price strong{font-size:28px;font-weight:500;margin:5px 0;color:#f4f0ff}.preview-price span{font-size:10px;color:#8e7eaa}.preview-price.payment{background:#071d2e;border-color:#11485e}.preview-parties{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0}.preview-parties>div{text-align:center;background:#281447;border:1px solid #4c2766;border-radius:8px;padding:10px 4px}.preview-parties>div:nth-child(2){background:#2b162c;border-color:#643844}.preview-parties>div:nth-child(3){background:#09283d;border-color:#15536a}.party-avatar{width:30px;height:30px;border-radius:50%;background:#672bb5;color:#fff;display:grid;place-items:center;margin:0 auto 7px}.party-avatar.seller{background:#8c3d54}.party-avatar.lootory{background:#096f8b}.party-avatar .material-symbols-outlined{font-size:18px}.preview-parties strong,.preview-parties small{display:block}.preview-parties strong{font-size:11px;font-weight:600}.preview-parties small{font-size:9px;color:#a58bb5;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-step{display:flex;align-items:flex-start;gap:9px;padding:10px 1px;border-top:1px solid #35284f}.preview-step:first-of-type{border-top:0}.preview-step>span{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;border:1px solid #5b476b;color:#a08bb3;font-size:10px;flex:none}.preview-step.done>span{color:#37d89d;border-color:#37d89d}.preview-step .material-symbols-outlined{font-size:17px}.preview-step strong,.preview-step small{display:block}.preview-step strong{font-size:11px;font-weight:500}.preview-step small{font-size:9px;color:#8f82a5;margin-top:2px}.preview-actions{display:grid;gap:8px;margin-top:15px}.preview-methods{display:grid;gap:8px;margin:17px 0}.method-card{width:100%;display:flex;align-items:center;gap:10px;color:#f2eaff;text-align:left;padding:14px 12px;background:#1c1835;border:1px solid #45345c;border-radius:8px}.method-card.active{border-color:#9a51e6;background:#321b55}.method-card>.material-symbols-outlined:first-child{color:#b387e6}.method-card span{flex:1}.method-card strong,.method-card small{display:block}.method-card strong{font-size:13px}.method-card small{font-size:10px;color:#9c8db0;margin-top:3px}.method-card>.material-symbols-outlined:last-child{font-size:18px;color:#6f627e}.method-card.active>.material-symbols-outlined:last-child{color:#37d89d}.preview-payment-card{text-align:center;padding:25px 15px;margin:13px 0}.payment-symbol{width:100px;height:100px;border-radius:14px;display:grid;place-items:center;margin:0 auto;background:#11283c;color:#79d2e8}.payment-symbol .material-symbols-outlined{font-size:60px}.preview-payment-card h2{font-size:15px;font-weight:500;margin:18px 0 6px}.preview-payment-card p{font-size:11px;color:#a496ba;line-height:1.5;margin:0}.verification-symbol{background:#14214b;color:#9ac8ff}.verification-symbol.green{background:#083a39;color:#49dbab}.preview-section-title{font-size:13px;font-weight:600;margin:18px 0 9px}.preview-status-head{display:flex;justify-content:space-between;margin-top:16px;font-size:10px}.preview-status-head small{font-size:10px}.preview-status-head span{color:#c99aec;background:#4e147f;padding:4px 8px;border-radius:4px}.signature-bar{height:28px;background:#202044;border-radius:5px;margin:14px 0 18px;display:grid;place-items:center}.signature-bar span{width:54px;height:20px;background:#35ce95;border-radius:99px}.signature-title{display:flex;align-items:center;gap:5px;font-size:12px}.signature-title .material-symbols-outlined{font-size:15px;color:#0bbfdd}.signature-title strong{margin-left:auto;color:#0bbfdd;font-size:10px;font-weight:500}.signature-progress{height:8px;background:#f0ebf7;border-radius:99px;margin:12px 0 15px;overflow:hidden}.signature-progress span{display:block;width:50%;height:100%;background:#21be8c}.signatures>div{min-height:87px}.preview-flow .card.detail-section{margin-top:11px}
.status-flow .card.detail-section{background:#121d4b;border-color:#1b2853}.status-flow .card.detail-section h3{color:#e3ddf4}.status-flow .preview-parties strong{color:#ffcc34}.status-flow .preview-parties small{color:#948aaa}.signature-bar span{color:white}.signature-bar span .material-symbols-outlined{font-size:12px}
.trades-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}.trades-summary>div{display:grid;grid-template-columns:25px 1fr;gap:1px 5px;align-items:center;background:#1d1937;border:1px solid #382b55;border-radius:8px;padding:12px}.trades-summary .material-symbols-outlined{grid-row:1/3;color:#11bcd5}.trades-summary strong{font-size:16px;font-weight:600}.trades-summary small{font-size:9px;color:#9688a9}.trade-conversation,.profile-listing{display:flex;align-items:center;gap:9px}.trade-conversation>span:nth-child(2),.profile-listing>span:nth-child(2){flex:1;min-width:0}.trade-conversation>.material-symbols-outlined{color:#9f88b3;font-size:17px}.conversation-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;background:#321e56;color:#b895e5;flex:none}.conversation-icon .material-symbols-outlined{font-size:19px}.profile-hero{text-align:center;padding:20px 0 11px}.profile-avatar{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 10px;border-radius:50%;background:#08607f;color:#bcefff;font-size:27px;border:2px solid #1688a5}.profile-hero h1{font-size:20px;font-weight:600;margin:0}.profile-hero p{font-size:11px;color:#9a8bb0;margin:4px 0 10px}.profile-hero .tag{display:inline-flex;align-items:center;gap:3px}.profile-stats{display:flex;gap:8px;margin:7px 0 20px}.profile-stats>div{flex:1;text-align:center;border-radius:7px;background:#1b1937;border:1px solid #372c50;padding:13px 5px}.profile-stats strong,.profile-stats small{display:block}.profile-stats strong{font-size:17px;color:#16c8c8;font-weight:600}.profile-stats small{font-size:9px;color:#9e90b2;margin-top:3px}.profile-section{align-items:center;margin:0 0 10px}.profile-section h2{font-size:16px;margin:3px 0}.profile-listing strong{font-size:11px;white-space:nowrap}.profile-actions{display:grid;gap:8px;margin-top:19px}.profile-actions .btn{display:flex;align-items:center;justify-content:center;gap:7px}.wallet-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:180px;margin:17px 0;border-radius:8px;background:linear-gradient(145deg,#112345,#1b1545);border:1px solid #26375a}.wallet-preview>span{color:#1ec5db}.wallet-preview>span .material-symbols-outlined{font-size:31px}.wallet-preview small{font-size:9px;color:#9e8eb7;margin:9px 0 2px}.wallet-preview strong{font-size:35px;font-weight:400}.wallet-preview p{font-size:11px;color:#8e80aa;margin:3px 0}
.status-flow .preview-parties>div.selected{border-color:#8724b6;background:#471078}.status-explainer{font-size:10px;color:#c8bedb;line-height:1.5;margin:12px 0}.review-example{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#14204f!important}.review-example>.material-symbols-outlined{font-size:54px;color:#9eafff}.review-example p{font-size:14px;margin:15px 0 2px}.review-example small{font-size:9px;color:#aeb7df}
.review-example img{width:135px;height:135px;object-fit:contain;display:block;margin:0 auto}.review-example p{margin-top:5px}
.header-logo img,.header-brand img{filter:brightness(0) invert(1) drop-shadow(0 0 4px #c888ec)}

/* Screenshot alignment: compact header, dense marketplace, and portal details. */
.topbar{position:relative;height:52px;background:#3b0060}
.header-context{position:absolute;left:50%;transform:translateX(-50%);color:#d7c4ec;font-size:10px;white-space:nowrap;pointer-events:none}
.content{padding:15px 17px 38px}
.home-content{padding:11px 13px 52px;gap:11px;background:radial-gradient(circle at 50% 85%,#280943 0,transparent 30%),#190428}
.portal-card{min-height:250px;padding:17px 18px 17px;border-radius:18px}
.portal-heading{margin:13px 0 11px;gap:11px}
.portal-heading strong{font-size:19px}
.portal-heading small{font-size:10px}
.portal-icon{width:45px;height:45px}
.portal-chips{gap:4px}
.portal-chips>span{font-size:9px;padding:4px 7px}
.portal-stats{margin-top:16px}
.portal-stats>span{width:74px;min-height:49px}
.market-card .portal-stats>span:nth-child(2) b{color:#f1b933}
.market-card .portal-stats>span:nth-child(3) b{color:#50e4b7}
.market-head{margin:1px 0 11px;align-items:flex-start}
.market-head h1{font-size:22px;margin:0 0 3px;line-height:1.05}
.market-head p{display:flex;align-items:center;gap:3px;font-size:10px;color:#00bfd6;white-space:nowrap}
.market-head p .material-symbols-outlined{font-size:12px}
.market-head-actions{display:flex;align-items:center;gap:5px}
.market-head .btn{padding:5px 7px;min-height:24px;font-size:10px}
.market-head .btn .material-symbols-outlined{font-size:12px}
.points-button{border:1px solid #4a2a67;background:#2b1a45;color:#bea5d5;border-radius:5px;padding:5px 7px;white-space:nowrap;font-size:10px}
.search-wrap .search{min-height:38px;padding:9px 38px 9px 34px;font-size:11px}
.search-wrap>.material-symbols-outlined{left:10px;font-size:16px}
.filters{padding:10px 0 6px;gap:5px}
.chip{padding:5px 9px;font-size:10px}
.controls{margin:3px 0 7px}
.controls span{font-size:10px;color:#8f7ca7;font-weight:400}
.small-select{font-size:9px;padding:4px 5px}
.listing-list{gap:7px}
.listing{padding:11px 10px 7px;border-radius:7px;background:#1c1835}
.listing-main{gap:8px}
.thumb{width:48px;height:48px;border-radius:7px}
.thumb .material-symbols-outlined{font-size:28px}
.listing h3{font-size:11px;margin:1px 0 3px;font-weight:600}
.listing-sub{font-size:9px}
.price{font-size:12px;font-weight:600}
.price small{font-size:8px}
.listing-seller{display:flex;align-items:center;gap:5px;margin:8px 0 0 1px;min-height:26px}
.listing-seller>span:nth-child(2){flex:1;min-width:0}
.listing-seller strong,.listing-seller small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.listing-seller strong{font-size:9px;color:#cbbce5;font-weight:500}
.listing-seller small{font-size:8px;color:#8a779e;margin-top:1px}
.mini-avatar{width:17px;height:17px;display:grid;place-items:center;flex:none;border-radius:50%;background:#7131bd;color:#fff;font-size:9px}
.listing-seller .tag{padding:3px 5px;font-size:8px}
.tag.green{color:#3bdb9f;background:#153b37;border-color:#255e4d}
.listing-foot{margin-top:7px;padding-top:6px;font-size:8px}
.listing-open{border:0;background:#8e40e7;border-radius:4px;padding:5px 10px;font-size:9px;color:#fff}
.listing-foot .material-symbols-outlined{font-size:11px}
@media(max-width:360px){.content{padding-left:11px;padding-right:11px}.market-head h1{font-size:19px}.market-head p{font-size:9px}.points-button{font-size:9px;padding:4px}.listing{padding:9px 8px 6px}.thumb{width:41px;height:41px}}

.detail-filter-row{display:flex;gap:5px;margin:-5px 0 12px;justify-content:center}
.detail-filter-row span{font-size:9px;color:#a791c5;background:#29163e;border:1px solid #43265e;border-radius:99px;padding:4px 8px}
.detail-filter-row span:first-child{background:#7034c3;color:white}
.detail-hero{padding:0 0 2px}
.detail-hero .detail-media{width:94px;height:94px;margin:8px auto 11px;background:radial-gradient(circle at 50% 50%,#422157,#21152e);border-color:#4b2d62}
.detail-hero .detail-title{font-size:18px;font-weight:500}
.detail-price-card{display:block;padding:12px;margin:9px 0;background:#1d1936}
.detail-price-top{display:flex;justify-content:space-between;align-items:end;padding:0 0 10px;border-bottom:1px solid #352949}
.detail-price-top small{font-size:9px;color:#9c89b4}
.detail-price-top strong{font-size:22px;font-weight:500;margin:1px 0 0}
.detail-price-top>span{font-size:10px;color:#aa99be}
.detail-price-fields>div{display:flex;justify-content:space-between;gap:10px;margin-top:7px;font-size:10px;color:#9b8bab}
.detail-price-fields strong{color:#e0d5eb;font-weight:400;text-align:right;font-size:10px;margin:0}
.description-card{margin-top:8px;padding:12px;background:#2d1444}
.description-card h3{font-size:10px;color:#ad75d5}
.description-card p{font-size:11px}
.seller-preview{margin:8px 0 9px;padding:10px}
.detail-contact{margin-top:7px}
.detail-contact .btn{font-size:11px}
.detail-contact+.market-notice{margin:9px 0 13px;font-size:9px}

.header-back{display:inline-flex;align-items:center;gap:3px;padding:0;border:0;background:transparent;color:#e6d7f3;font-size:11px;z-index:1}
.header-back .material-symbols-outlined{font-size:14px}
#app[data-view="listing"] .content>.back{display:none}
.preview-flow{padding-bottom:20px}
.preview-flow .preview-title{margin-top:5px}
.preview-flow .preview-actions{margin-top:10px}
.status-flow .preview-status-head{margin-top:1px}
.status-flow .signature-bar{margin-top:22px;margin-bottom:24px;height:39px}
.status-flow .signature-bar span{height:23px}
.status-flow .signature-progress{margin:15px 0 16px;height:10px}
.status-flow .preview-parties{margin-top:15px}
.status-flow .preview-parties>div{min-height:100px}
.status-flow .status-explainer{margin:17px 0 14px}
.dispute-info{display:flex;gap:9px;align-items:start;background:#34172c;border:1px solid #4b263d;border-radius:5px;padding:12px;margin:12px 0;color:#d7cade}
.dispute-info>.material-symbols-outlined{font-size:17px;color:white}
.dispute-info strong{font-size:12px;font-weight:500;color:white}
.dispute-info p{font-size:10px;line-height:1.5;margin:5px 0 0}
.status-flow .card.detail-section{padding:15px 17px;margin-top:12px}
.status-flow .card.detail-section h3{font-size:10px;font-weight:500}
.status-flow .kv{padding:8px 0;font-size:10px;border:0}
.status-flow .preview-step{padding:11px 1px;border-top:0;position:relative}
.status-flow .preview-step:not(:last-child):before{content:"";position:absolute;left:9px;top:29px;bottom:-5px;width:2px;background:#1b846d}
.status-flow .preview-step strong{font-size:10px}
.status-flow .preview-step small{font-size:8px}
.status-primary{background:#b326a5}
.demo-art{font-size:27px;line-height:1;filter:drop-shadow(0 2px 4px #0009)}
.detail-media .demo-art{font-size:55px}
.home-content{padding-left:10px;padding-right:10px}
.portal-card{padding:14px 15px 14px;min-height:212px}
.market-card{min-height:220px}
.portal-heading{margin:10px 0 8px}
.portal-stats{margin-top:15px}
.portal-stats>span{width:67px;min-height:45px}
.portal-chips>span{padding:3px 6px;font-size:8px}
.trade-id-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:2px 0 9px;font-size:10px;color:#ddd0ed}
.trade-id-row span:last-child{font-size:9px;color:#d6b034;background:#452650;border-radius:4px;padding:5px 7px;white-space:nowrap}
.trade-security{display:flex;align-items:center;gap:5px;border:1px solid #165b65;background:#0a2837;color:#00c9dc;border-radius:6px;padding:9px 10px;font-size:10px}
.trade-security .material-symbols-outlined{font-size:16px}
.trade-security small{margin-left:auto;font-size:8px;color:#87a8b5}
.trade-chat-preview p{margin-bottom:11px!important}
.trade-chat-preview .btn{font-size:11px}
.preview-payment-card .payment-symbol{width:122px;height:122px;background:#eee9f5;color:#160a2c}
.preview-payment-card .payment-symbol .material-symbols-outlined{font-size:107px}
.profile-hero{padding:21px 0 14px}
.profile-avatar{width:61px;height:61px;font-size:21px;background:#087b96}
.profile-hero h1{font-size:17px}
.profile-menu{margin:12px 0 18px;background:#0d1d2c;border:1px solid #20344d;border-radius:8px;overflow:hidden}
.profile-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:10px 12px;color:#c6bfd7;background:transparent;border:0;border-bottom:1px solid #1b2a3e;text-align:left;font-size:11px}
.profile-menu button:last-child{border-bottom:0}
.profile-menu button>span:nth-child(2){flex:1}
.profile-menu .material-symbols-outlined{font-size:16px;color:#7f9fba}
.profile-menu button:hover{background:#172944}
.profile-section h2 small{font-size:9px;color:#8e7ea7;font-weight:400}
.profile-panel{text-align:center;padding:30px 0}
.profile-panel h1{font-size:20px;font-weight:500}
.profile-panel p{font-size:12px;color:#a796b9;line-height:1.5;margin:10px 0 23px}
.panel-profile{padding-bottom:6px}
.profile-panel-body{display:grid;gap:10px}
.profile-panel-body>.btn{margin-top:8px}
.reputation-score{text-align:center;padding:15px;background:#0b1b2b;border-color:#1a3851}
.reputation-score small{font-size:9px;color:#89abc2}
.reputation-score strong{display:block;margin:9px 0;font-size:31px;font-weight:400;color:#4de4b4}
.reputation-score strong span{font-size:13px;color:#8da5ae}
.reputation-score p,.verification-card p{font-size:10px;color:#a1a9bd;line-height:1.45;margin:10px 0 0}
.score-bars{display:flex;align-items:end;justify-content:center;gap:5px;height:46px}
.score-bars i{display:block;width:16%;height:34%;background:#088997;border-radius:2px}
.score-bars i:nth-child(2){height:48%}.score-bars i:nth-child(3){height:67%}.score-bars i:nth-child(4){height:82%}.score-bars i:nth-child(5){height:100%;background:#10c6d5}
.verification-card{padding:15px;background:#171e3c}
.verification-card h2{font-size:13px;margin:0 0 10px;font-weight:500}
.verification-progress{height:8px;border-radius:20px;background:#382752;overflow:hidden}
.verification-progress span{display:block;width:24%;height:100%;background:#12c6d4}
.verification-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-top:1px solid #302747;font-size:11px}
.verification-row .material-symbols-outlined{font-size:17px;color:#39d69e}
.verification-row span:last-child{margin-left:auto;color:#8d82a3;font-size:9px}
.security-state{display:flex;align-items:center;gap:8px;color:#4de4b4;font-size:12px}
.security-state .material-symbols-outlined{font-size:18px}
.room-summary{margin-top:11px}
.room-check{display:flex;align-items:center;gap:7px;padding:7px 0;color:#cfc3df;font-size:10px}
.room-check .material-symbols-outlined{font-size:15px;color:#35d3a1}
.dispute-alert{display:flex;align-items:center;gap:6px;background:#321329;border:1px solid #6c284c;border-radius:5px;color:#ee97ba;padding:10px;margin:2px 0 12px;font-size:11px}
.dispute-alert .material-symbols-outlined{font-size:17px}
.dispute-form fieldset{margin:0 0 13px;padding:0;border:0}
.dispute-form legend{font-size:10px;color:#bfaed1;margin-bottom:7px}
.reason-option{display:flex;align-items:center;gap:8px;min-height:35px;margin:4px 0;padding:6px 9px;border:1px solid #542847;border-radius:5px;background:#27102e;color:#cfbfd6;font-size:11px}
.reason-option:has(input:checked){border-color:#a33b65;background:#3a1635;color:#fff}
.reason-option input{accent-color:#c1268e;margin:0}
.dispute-form>.field-group{margin:13px 0}
.dispute-form>.btn{margin-top:12px;background:#c91d3e}
.sprite-art{display:block;width:100%;height:100%;background-image:url('/demo-items-v1.png');background-size:200% 200%;background-repeat:no-repeat}
.sprite-art.art-karambit{background-position:0 0}
.sprite-art.art-sword{background-position:100% 0}
.sprite-art.art-axe{background-position:0 100%}
.sprite-art.art-coins{background-position:100% 100%}

/* Buyer and seller trade routes. All states are visual previews until a provider exists. */
.trade-entry{padding:11px;margin:11px 0 9px;background:#111e35;border-color:#254061}
.trade-entry-head{display:flex;align-items:center;gap:8px}
.trade-entry-head>span{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#0c657b;color:#7be8f3}
.trade-entry-head .material-symbols-outlined{font-size:19px}
.trade-entry-head strong,.trade-entry-head small{display:block}
.trade-entry-head strong{font-size:11px;font-weight:600}
.trade-entry-head small{font-size:9px;color:#8faabc;margin-top:2px}
.trade-entry-links,.chat-trade-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}
.trade-entry-links button,.chat-trade-pages button{border:1px solid #246078;background:#0d3346;color:#66d8eb;border-radius:5px;padding:8px 3px;font-size:10px}
.trade-entry-links button:hover,.chat-trade-pages button:hover{background:#15506a}
.trade-conversation-wrap{background:#1c1835;border:1px solid #342650;border-radius:8px;overflow:hidden}
.trade-conversation-wrap .trade-conversation{border:0}
.trade-conversation-pages{display:block;width:100%;border:0;border-top:1px solid #342650;background:#21113b;color:#cba9e6;text-align:left;padding:8px 12px;font-size:10px}
.chat-trade-pages{margin:12px 0}
.trade-page-lead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:1px 0 10px}
.trade-role-tag,.trade-demo-tag{display:inline-flex;align-items:center;gap:3px;border-radius:5px;padding:5px 7px;font-size:9px;white-space:nowrap}
.trade-role-tag{background:#0d3849;color:#4fdbed;border:1px solid #125d75}
.trade-page.seller .trade-role-tag{background:#38202c;border-color:#673b43;color:#f5bd69}
.trade-role-tag .material-symbols-outlined{font-size:12px}
.trade-demo-tag{background:#2e193e;color:#bc99d3}
.trade-page-title{font-size:21px;line-height:1.1;font-weight:600;margin:0 0 4px}
.trade-page-sub{font-size:11px;color:#a593ba;line-height:1.45;margin:0 0 12px}
.trade-page-tabs{display:flex;gap:5px;margin:12px 0 15px}
.trade-page-tabs button{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:3px;padding:8px 4px;border-radius:5px;border:1px solid #402b59;background:#27163b;color:#ad96c8;font-size:10px}
.trade-page-tabs button.active{background:#7235c3;border-color:#9052df;color:#fff}
.trade-page-tabs .material-symbols-outlined{font-size:14px}
.trade-state-line{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#c2b2d0;margin:7px 0 15px}
.trade-state-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trade-state-line strong{flex:none;border-radius:4px;background:#41116b;color:#dfb9fb;padding:5px 8px;font-size:9px;font-weight:500}
.trade-lock{height:38px;margin:0 0 19px}
.trade-lock span{height:23px;display:grid;place-items:center}
.trade-lock span .material-symbols-outlined{font-size:13px}
.trade-progress-empty span{width:0}
.trade-actors{margin-top:16px}
.trade-actors>div{min-height:92px}
.escrow-balance,.multisig-summary{background:#0e2039;border-color:#24506b;text-align:center;padding:19px 10px;margin-bottom:10px}
.escrow-balance>span{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 7px;background:#096d82;border-radius:50%;color:#85f2fa}
.escrow-balance>span .material-symbols-outlined{font-size:20px}
.escrow-balance small,.multisig-summary small{display:block;color:#62bed3;font-size:9px;letter-spacing:.08em}
.escrow-balance strong,.multisig-summary strong{display:block;color:#f4f0ff;font-size:27px;font-weight:500;margin:4px 0}
.escrow-balance p,.multisig-summary p{color:#7eb9c9;font-size:10px;margin:2px 0 0}
.trade-status-banner{display:flex;gap:6px;align-items:center;border:1px solid #5a344f;background:#30152f;color:#dfa9c8;padding:9px;border-radius:5px;font-size:10px;line-height:1.35}
.trade-status-banner .material-symbols-outlined{font-size:16px;flex:none}
.trade-page-card{padding:13px;margin:11px 0;background:#151e3d;border-color:#28345a}
.trade-page-card h2{font-size:10px;font-weight:600;letter-spacing:.05em;color:#c6bdd9;margin:0 0 10px}
.trade-page-card .kv{font-size:10px;padding:7px 0;border:0}
.trade-page-card p{font-size:10px;line-height:1.45;color:#a89bbc;margin:0}
.trade-page-card .preview-step{padding:8px 0}
.trade-page-card .preview-step strong{font-size:10px}
.trade-page-card .preview-step small{font-size:9px}
.trade-page-actions{display:grid;gap:7px;margin:14px 0 24px}
.trade-page-actions .btn{font-size:11px}
.multisig-lock{display:grid;place-items:center;width:45px;height:45px;margin:0 auto 9px;border-radius:50%;background:#174659;color:#62dce2}
.multisig-lock .material-symbols-outlined{font-size:24px}
.multisig-summary strong{font-size:19px}
.multisig-actors{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}
.multisig-actors>div{text-align:center;border:1px solid #4d2c62;background:#28143c;border-radius:7px;padding:10px 3px}
.multisig-actors>div:nth-child(2){background:#341b2d;border-color:#693840}
.multisig-actors>div:nth-child(3){background:#0c283b;border-color:#215069}
.multisig-actors span{display:grid;place-items:center;width:25px;height:25px;margin:0 auto 5px;border-radius:50%;background:#7132ba;color:#fff}
.multisig-actors>div:nth-child(2) span{background:#a04d55}
.multisig-actors>div:nth-child(3) span{background:#07839a}
.multisig-actors .material-symbols-outlined{font-size:15px}
.multisig-actors strong,.multisig-actors small{display:block}
.multisig-actors strong{font-size:10px;color:#f4c73a}
.multisig-actors small{font-size:8px;color:#a793ae;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trade-page .dispute-form .trade-page-card{margin:10px 0}
.trade-page .dispute-form>.btn{margin:12px 0 0}
.dispute-preview-result{text-align:center;padding:20px 14px;margin:12px 0}
.dispute-preview-result>.material-symbols-outlined{font-size:36px;color:#36d59f}
.dispute-preview-result h2{font-size:16px;margin:8px 0}
.dispute-preview-result p{font-size:11px;color:#b8a6c4;line-height:1.5;margin-bottom:15px}
.trade-page .trade-state-line{margin:16px 1px 23px;color:#f0e8fa}
.trade-page .trade-state-line strong{background:#4a0e76;color:#e7bafb;border-radius:3px}
.trade-page .trade-lock{margin-bottom:23px}
.trade-page .signature-title{margin:0 3px}
.trade-page .signature-title strong{border:1px solid #084a70;background:#121c3a;border-radius:99px;padding:2px 7px}
.trade-page .signature-progress{margin:13px 4px 15px}
.trade-page .trade-actors{gap:9px;margin:13px 0 15px}
.trade-page .trade-actors>div{position:relative;min-height:82px;padding:9px 8px;text-align:left}
.trade-page .trade-actors strong{color:#ffc92c;font-size:11px;margin:0 0 18px}
.trade-page .trade-actors .party-avatar{position:absolute;top:8px;right:8px;width:25px;height:25px;margin:0;background:#4c2253;border:1px solid #70445a}
.trade-page .trade-actors>div:nth-child(2) .party-avatar{background:#502530}
.trade-page .trade-actors>div:nth-child(3) .party-avatar{background:#3b263d}
.trade-page .trade-actors .party-avatar .material-symbols-outlined{font-size:14px}
.trade-page .trade-actors small{margin-top:2px;font-size:9px}
.trade-page .status-explainer{margin:13px 1px 12px}
.trade-page .dispute-info{margin:10px 1px 13px}
.trade-page .trade-contract-card,.trade-page .trade-progress-card{background:#141e4b;border-color:#141e4b;padding:17px;margin:11px 0}
.trade-page .trade-contract-card h2,.trade-page .trade-progress-card h2{font-size:11px;margin:0 0 12px}
.trade-page .trade-contract-card .kv{padding:5px 0;font-size:10px}
.trade-page .trade-progress-card .preview-step{border:0;position:relative;padding:10px 0 10px 2px}
.trade-page .trade-progress-card .preview-step:not(:last-child):before{content:'';position:absolute;left:10px;top:29px;bottom:-10px;width:2px;background:#264978}
.trade-page .trade-progress-card .preview-step.done:before{background:#35c990}
.trade-page .trade-progress-card .preview-step>span{border:2px solid #264978;color:#6d87b0}
.trade-page .trade-progress-card .preview-step.done>span{border-color:#37d99e;color:#37d99e}
.trade-page .trade-progress-card .preview-step small{color:#8e9cc3}
.trade-page .trade-page-actions{margin:10px 0 0}
.trade-page .reason-option{min-height:31px;margin:3px 0;border-radius:2px;background:#290d2b}
.trade-page .reason-option:has(input:checked){background:#3b1234}
.trade-page .dispute-evidence{background:#280e2d;border-color:#4a2645}
.evidence-row{display:flex;align-items:center;gap:8px;position:relative;min-height:32px;border:1px solid #513051;background:#301734;padding:6px 8px;margin:4px 0;border-radius:3px;font-size:10px;color:#d6c3dc;cursor:pointer}
.evidence-row>span:not(.material-symbols-outlined){flex:1}
.evidence-row>.material-symbols-outlined{font-size:15px;color:#c9aed3}
.evidence-row input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.evidence-row:has(input:focus-visible){outline:2px solid #b65deb}
.listing-list .listing{display:flex;flex-direction:column;justify-content:space-between;min-height:164px;padding:12px 11px 9px}
.listing-list .listing-main{gap:9px}
.listing-list .thumb{width:53px;height:53px}
.listing-list .listing h3{font-size:13px}
.listing-list .listing-sub{font-size:10px}
.listing-list .listing-seller{margin-top:12px;min-height:32px}
.listing-list .listing-seller strong{font-size:10px}
.listing-list .listing-seller small{font-size:9px}
.listing-list .listing-foot{margin-top:10px;padding-top:8px;font-size:9px}
.listing-list .listing-open{padding:6px 9px}
.detail-filter-row{justify-content:flex-start;overflow:auto;scrollbar-width:none;white-space:nowrap;margin:0 -3px 13px;min-height:31px}
.detail-filter-row::-webkit-scrollbar{display:none}
.detail-filter-row .chip{font-size:10px;padding:5px 10px}
.detail-hero{min-height:250px;padding:18px 0 17px;background:radial-gradient(circle at 50% 65%,#2d0e48 0,transparent 54%);text-align:center}
.detail-hero .detail-media{margin:10px auto 16px}
.detail-hero .detail-title{font-size:20px;margin:0 0 7px}
.detail-hero p{font-size:11px;color:#a694b8;margin:0}
.detail-hero .detail-meta{justify-content:center;margin:15px 0 0}
.detail-price-card{min-height:178px;padding:17px 16px;margin:10px 0 9px}
.detail-price-top{padding-bottom:15px}
.detail-price-top strong{font-size:28px}
.detail-price-fields>div{font-size:12px;margin-top:11px}
.detail-price-fields strong{font-size:12px}
.description-card{min-height:128px;padding:17px;margin-top:10px}
.description-card h3{font-size:11px;margin-bottom:12px}
.description-card p{font-size:13px;line-height:1.5}
.seller-preview{display:flex;flex-wrap:wrap;min-height:110px;margin:10px 0;padding:14px}
.seller-preview .seller-demo-stats{display:grid;width:100%;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}
.seller-demo-stats>span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:38px;border-radius:5px;background:#292148}
.seller-demo-stats b{font-size:11px;color:#2edbc3;font-weight:600}
.seller-demo-stats>span:nth-child(2) b{color:#f2b93b}
.seller-demo-stats>span:nth-child(3) b{color:#a39cdd}
.seller-demo-stats small{font-size:8px;color:#8d84aa;margin-top:2px}
.listing-primary-actions{padding:12px 13px 14px;background:#21102f;margin:10px -3px}
.listing-primary-actions>.btn{font-size:12px;min-height:40px}
.listing-primary-actions .detail-contact{margin-top:7px}
.listing-primary-actions .detail-contact .btn{min-height:36px}
@media(max-width:360px){.listing-list .listing{min-height:147px}.listing-list .thumb{width:46px;height:46px}.detail-price-card{min-height:164px}.detail-hero{min-height:230px}}
.preview-flow .payment-qr-card{background:#1b1b37;border-color:#373052;padding:14px;margin:12px 0 9px}
.payment-qr-card h2{font-size:11px;color:#c9c0dd;font-weight:500;margin:0 0 12px}
.payment-qr-card>img{display:block;width:168px;height:168px;object-fit:cover;margin:0 auto 14px;background:#fff;border:6px solid #fff}
.payment-preview-address{text-align:left;border:1px solid #393052;border-radius:5px;background:#252143;padding:9px 10px}
.payment-preview-address small,.payment-preview-address span{display:block}
.payment-preview-address small{font-size:9px;color:#a69ac0;letter-spacing:.04em}
.payment-preview-address span{font-size:11px;color:#d7cbe8;margin-top:4px}
.payment-safety{margin:10px 0;background:#0d3042;border-color:#175b70}
.verification-preview-card{text-align:center;background:#271244;border-color:#3e1c63;padding:23px 18px;margin:12px 0}
.verification-preview-card>img{display:block;width:118px;height:118px;object-fit:contain;margin:0 auto 10px}
.verification-preview-card h1{font-size:18px;font-weight:500;margin:2px 0 8px}
.verification-preview-card p{font-size:11px;line-height:1.45;color:#b9a5cc;margin:0 0 18px}
.verification-confirmations{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;text-align:left;font-size:10px;color:#a792bf}
.verification-confirmations strong{color:#8d5adc}
.verification-confirmations i{display:block;width:100%;height:7px;border:1px solid #6b2f94;border-radius:99px;background:#2e164f}
.thumb img.demo-karambit,.detail-media img.demo-karambit{object-fit:contain;background:#301729;padding:4px}
.thumb img.demo-item,.detail-media img.demo-item{object-fit:contain;background:#271b3c;padding:3px}
#app[data-view="listing"] .detail-filter-row{margin-top:12px;margin-bottom:23px}
#app[data-view="listing"] .detail-hero{min-height:300px;padding-top:45px}
#app[data-view="listing"] .detail-price-card{min-height:210px}
#app[data-view="listing"] .detail-price-top strong{font-size:31px}
#app[data-view="listing"] .detail-price-fields>div,#app[data-view="listing"] .detail-price-fields strong{font-size:13px}
.market-head{margin-bottom:20px}
.market-head h1{font-size:29px}
.market-head p{font-size:12px}
.search-wrap .search{min-height:48px;font-size:13px}
.search-wrap button{width:40px;height:40px}
.filters{padding:17px 0 12px}
.filters .chip{padding:8px 13px}
.controls{margin:24px 0 14px}
.listing-list .listing-seller small{color:#dca03b}
.listing-list{gap:11px}
.listing-list .listing{min-height:206px}
@media(max-width:360px){.listing-list .listing{min-height:159px}}
#app[data-view="market"] .content{padding-left:30px;padding-right:30px}
@media(max-width:360px){#app[data-view="market"] .content{padding-left:18px;padding-right:18px}}
.moderator-role{padding:12px;margin:4px 0 16px;background:#10223a;border-color:#176078}
.moderator-role strong{display:block;color:#5cdef0;font-size:12px}
.moderator-role p{margin:5px 0 10px;color:#a8c5d1;font-size:10px;line-height:1.4}
.moderator-role-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.moderator-role-buttons button{min-height:34px;border:1px solid #286580;border-radius:5px;background:#101c34;color:#b0ccdc;font-size:11px;cursor:pointer}
.moderator-role-buttons button.active{background:#0c829b;border-color:#1fbbd1;color:#fff}
.telegram-id{margin:10px 0 0!important;color:#8fc8d6!important;font-size:10px!important}
.moderator-test-note{color:#9ac3cf;font-size:10px;line-height:1.45;margin:10px 2px}