:root{--bg:#f5f6fb;--surface:#fff;--surface2:#f0f2f7;--text:#171923;--muted:#707786;--line:#e3e6ef;--brand:#6257ff;--brand-dark:#4f43e9;--brand2:#12b8a6;--accent:#ff9f43;--danger:#e5484d;--success:#10a36a;--warning:#d77b19;--shadow:0 18px 60px rgba(31,34,51,.11);--shadow-sm:0 8px 28px rgba(31,34,51,.08);--radius:22px;--header:76px;--nav:76px;--max:1260px}
html[data-theme=dark]{--bg:#0d1017;--surface:#151923;--surface2:#1d2330;--text:#f7f8fb;--muted:#9ea7b8;--line:#293143;--brand:#8178ff;--brand-dark:#6e62ff;--brand2:#24d0bd;--accent:#ffb665;--danger:#ff696e;--success:#3bd29a;--warning:#ffb45c;--shadow:0 18px 60px rgba(0,0,0,.36);--shadow-sm:0 8px 28px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--brand) var(--surface2);scrollbar-width:thin}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}body.modal-open{overflow:hidden}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--surface2);border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(var(--brand),var(--brand2));border:2px solid var(--surface2);border-radius:999px}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.hidden{display:none!important}.wrap{width:min(var(--max),calc(100% - 28px));margin:auto}.app-shell{min-height:100vh}.muted{color:var(--muted)}.danger{color:var(--danger)}.success{color:var(--success)}.stack{display:grid;gap:13px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.span-2{grid-column:1/-1}.section{padding:24px 0}.view{padding-bottom:100px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px 0 15px}.page-head h1{font-size:31px;letter-spacing:-1px;margin:0}.page-head p{margin:6px 0 0;color:var(--muted)}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.section-title h2{margin:0;font-size:24px;letter-spacing:-.6px}.section-title p{margin:4px 0 0;color:var(--muted);font-size:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.soft-card{background:var(--surface2);border-radius:17px;padding:15px}.empty{padding:40px;text-align:center}.empty-icon{font-size:45px;margin-bottom:10px}.skeleton{background:linear-gradient(90deg,var(--surface2),color-mix(in srgb,var(--surface2) 60%,var(--surface)),var(--surface2));background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:14px}@keyframes shimmer{to{background-position:-200% 0}}
.logo{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:950;letter-spacing:-.9px}.logo small{display:block;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:0;margin-top:-2px}.logo-mark{position:relative;width:39px;height:39px;flex:none;border-radius:14px;background:linear-gradient(145deg,var(--brand),#9275ff);box-shadow:0 10px 25px rgba(98,87,255,.3)}.logo-mark:before,.logo-mark:after{content:"";position:absolute;width:15px;height:11px;border:3px solid white;border-radius:7px;transform:rotate(-11deg)}.logo-mark:before{left:6px;top:8px;border-right-color:transparent}.logo-mark:after{right:5px;bottom:7px;border-left-color:transparent}.mini-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--brand),#8d74ff);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:900}.brand-button{border:0;background:transparent;color:inherit;padding:0}.eyebrow{display:inline-flex;padding:8px 12px;border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));border-radius:999px;color:var(--brand);font-size:12px;font-weight:900;letter-spacing:.5px;background:color-mix(in srgb,var(--brand) 8%,var(--surface))}
.btn{border:0;border-radius:14px;padding:12px 17px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s,box-shadow .18s,background .18s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--brand),#775dff);color:#fff;box-shadow:0 10px 25px rgba(98,87,255,.25)}.btn-primary:hover{box-shadow:0 13px 30px rgba(98,87,255,.34)}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--line)}.btn-ghost{background:transparent;color:var(--text)}.btn-danger{background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 20%,var(--line))}.btn-success{background:color-mix(in srgb,var(--success) 14%,var(--surface));color:var(--success);border:1px solid color-mix(in srgb,var(--success) 22%,var(--line))}.btn-wide{width:100%}.btn-sm{padding:9px 12px;border-radius:11px;font-size:13px}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--text);position:relative}.icon-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.text-button{border:0;background:transparent;color:var(--brand);font-size:13px;font-weight:800}.badge-dot{position:absolute;right:8px;top:7px;width:8px;height:8px;border-radius:50%;background:var(--danger);border:2px solid var(--surface)}
.field{display:grid;gap:7px}.field>span,.field>label{font-size:13px;font-weight:820;color:var(--muted)}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px;padding:13px 14px;outline:none;transition:border .18s,box-shadow .18s}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(98,87,255,.12)}.textarea{min-height:120px;resize:vertical}.password-wrap{position:relative}.password-wrap .input{padding-right:70px}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:var(--surface2);color:var(--muted);border-radius:9px;padding:7px;font-size:11px;font-weight:800}.check{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--surface);padding:11px 12px;border-radius:13px;font-size:13px}.check input{accent-color:var(--brand)}.chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:9px 13px;font-size:13px;font-weight:820;white-space:nowrap}.chip.active{background:var(--brand);border-color:var(--brand);color:#fff}.pill{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900}.pill-purple{background:rgba(98,87,255,.12);color:var(--brand)}.pill-green{background:rgba(16,163,106,.13);color:var(--success)}.pill-orange{background:rgba(255,159,67,.14);color:var(--warning)}.pill-red{background:rgba(229,72,77,.12);color:var(--danger)}.pill-gray{background:var(--surface2);color:var(--muted)}
.splash{position:fixed;inset:0;background:var(--bg);display:grid;place-items:center;z-index:999}.splash .logo{animation:pulse 1.1s ease-in-out infinite alternate}@keyframes pulse{to{transform:scale(1.03);opacity:.8}}
#welcomeView{min-height:100vh;background:radial-gradient(circle at 12% 12%,rgba(98,87,255,.22),transparent 31%),radial-gradient(circle at 88% 28%,rgba(18,184,166,.18),transparent 34%),var(--bg)}.welcome-grid{min-height:100vh;display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center;padding:42px 0}.welcome-copy{padding:18px}.welcome-copy .eyebrow{margin-top:40px}.welcome-copy h1{font-size:clamp(48px,7vw,88px);line-height:.94;letter-spacing:-4.4px;margin:18px 0}.welcome-copy h1 span{background:linear-gradient(135deg,var(--brand),var(--brand2));background-clip:text;-webkit-background-clip:text;color:transparent}.welcome-copy>p{font-size:19px;line-height:1.7;color:var(--muted);max-width:700px}.welcome-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:28px}.welcome-stats>div{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 72%,transparent);backdrop-filter:blur(12px);padding:15px;border-radius:18px}.welcome-stats strong{display:block;font-size:17px}.welcome-stats span{font-size:12px;color:var(--muted)}.auth-card{padding:24px;max-width:470px;width:100%;justify-self:end}.auth-heading{display:flex;align-items:center;gap:12px}.auth-heading h2{margin:0}.auth-heading p{margin:3px 0 0;color:var(--muted);font-size:13px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--surface2);padding:5px;border-radius:14px;margin:20px 0}.auth-tab{border:0;background:transparent;color:var(--muted);padding:10px;border-radius:10px;font-weight:900}.auth-tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;margin:16px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.auth-note{font-size:12px;line-height:1.5;color:var(--muted);text-align:center;margin-bottom:0}.mode-toggle{position:fixed;right:18px;top:18px;z-index:20}
.topbar{height:var(--header);position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--bg) 87%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.topbar-inner{height:100%;display:flex;align-items:center;gap:18px}.global-search{position:relative;flex:1;max-width:580px}.global-search .input{padding-left:44px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:24px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.user-mini{border:0;background:transparent;color:var(--text);display:flex;align-items:center;gap:9px;padding:4px}.user-mini>span:last-child{font-size:13px;font-weight:850;text-align:left}.user-mini small{display:block;font-size:11px;color:var(--muted);margin-top:2px}.avatar{width:39px;height:39px;border-radius:13px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;display:grid;place-items:center;font-weight:900;object-fit:cover;flex:none}.avatar.lg{width:78px;height:78px;border-radius:24px;font-size:24px}.profile-menu{position:fixed;right:18px;top:70px;width:285px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow);z-index:150}.profile-menu-header{padding:12px;border-bottom:1px solid var(--line);margin-bottom:5px}.profile-menu button,.profile-menu a{width:100%;border:0;background:transparent;color:var(--text);padding:12px;border-radius:11px;text-align:left;font-weight:760;display:flex;gap:10px;align-items:center}.profile-menu button:hover,.profile-menu a:hover{background:var(--surface2)}
.hero{margin-top:22px;border-radius:31px;padding:30px;position:relative;overflow:hidden;background:linear-gradient(135deg,#6b62ff,#5144e9);color:white;box-shadow:0 25px 70px rgba(98,87,255,.28)}.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:110px solid rgba(255,255,255,.055);right:-190px;top:-250px}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px}.hero h1{font-size:clamp(36px,5vw,60px);line-height:1;letter-spacing:-2.7px;margin:9px 0 14px}.hero p{max-width:660px;font-size:17px;line-height:1.6;opacity:.86}.hero-search-shell{margin-top:24px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.19);border-radius:22px;padding:9px;display:grid;grid-template-columns:1fr auto;gap:8px;backdrop-filter:blur(10px);max-width:720px}.hero-search-input{position:relative}.hero-search-input svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:22px;stroke:#656b78;fill:none}.hero-search-input input{width:100%;height:52px;border:0;border-radius:15px;padding:0 17px 0 47px;font-size:16px;outline:none;color:#191b24;background:white}.hero-search-shell .btn{min-width:150px;border-radius:15px;background:#fff;color:var(--brand);box-shadow:none}.hero-suggestions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.hero-suggestions button{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.11);color:#fff;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800}.hero-art{display:grid;grid-template-columns:1fr 1fr;gap:12px;transform:rotate(-2deg)}.swap-tile{padding:17px;border-radius:22px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px)}.swap-tile:nth-child(2){transform:translateY(27px)}.swap-tile b{display:block;margin-top:8px}.swap-tile span{font-size:37px}.install-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:16px}.install-card strong{display:block}.install-card p{margin:3px 0 0;color:var(--muted);font-size:12px}.category-row{display:flex;gap:10px;overflow:auto;padding:4px 0 9px;scrollbar-width:none}.category-row::-webkit-scrollbar{display:none}.match-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(285px,360px);gap:14px;overflow:auto;padding:3px 0 14px;scrollbar-width:none}.match-row::-webkit-scrollbar{display:none}.match-card{padding:17px;position:relative;cursor:pointer}.match-score{position:absolute;right:14px;top:14px;width:56px;height:56px;border-radius:50%;background:conic-gradient(var(--brand) calc(var(--score)*1%),var(--surface2) 0);display:grid;place-items:center}.match-score:after{content:"";position:absolute;width:44px;height:44px;background:var(--surface);border-radius:50%}.match-score span{position:relative;z-index:1;font-size:11px;font-weight:950}.match-users{display:flex;margin-bottom:13px}.match-users .avatar{border:3px solid var(--surface)}.match-users .avatar+.avatar{margin-left:-10px}.match-card h3{margin:0 65px 8px 0;font-size:16px}.match-card p{font-size:13px;color:var(--muted);line-height:1.5;margin:0}.circular-card{padding:22px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--brand) 8%,var(--surface)))}.circular-card h2{margin:9px 0 6px}.cycle{display:flex;align-items:center;gap:8px;font-size:23px}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 18px}.toolbar-group{display:flex;align-items:center;gap:9px}.listings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.listings-grid.list-mode{grid-template-columns:1fr}.listing-card{overflow:hidden;position:relative;cursor:pointer;transition:transform .18s,box-shadow .18s}.listing-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.listings-grid.list-mode .listing-card{display:grid;grid-template-columns:250px 1fr}.listing-media{position:relative;overflow:hidden;background:var(--surface2)}.listing-img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .3s}.listing-card:hover .listing-img{transform:scale(1.025)}.listing-type{position:absolute;left:11px;bottom:11px;background:rgba(14,16,23,.78);color:#fff;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;backdrop-filter:blur(8px)}.favorite-btn{position:absolute;right:10px;top:10px;width:39px;height:39px;border-radius:13px;border:0;background:rgba(255,255,255,.92);color:#242630;display:grid;place-items:center;font-size:21px;box-shadow:0 5px 15px rgba(0,0,0,.1)}.favorite-btn.active{color:var(--danger)}.listing-body{padding:14px}.listing-body h3{font-size:15px;line-height:1.35;margin:7px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.listing-price{font-size:19px;font-weight:950;letter-spacing:-.4px}.listing-seek{display:flex;gap:8px;align-items:flex-start;background:var(--surface2);border-radius:12px;padding:9px;margin-top:10px;font-size:12px;line-height:1.45}.seller-row{display:flex;align-items:center;gap:7px;margin-top:11px;font-size:12px}.seller-row .avatar{width:29px;height:29px;border-radius:9px;font-size:10px}.listing-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;margin-top:10px}.verified{color:var(--brand);font-weight:850}.featured-ring{box-shadow:0 0 0 2px var(--brand),var(--shadow-sm)}
.filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px;margin-top:14px}.filter-actions{display:flex;align-items:flex-end;gap:8px}.filter-actions .btn{height:47px}.pagination{display:flex;justify-content:center;gap:7px;margin-top:22px}.pagination button{width:41px;height:41px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-weight:850}.pagination button.active{background:var(--brand);color:white;border-color:var(--brand)}
.create-layout{display:grid;grid-template-columns:1fr 360px;gap:22px}.form-card{padding:22px}.form-section{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.form-section:last-child{border:0;margin:0;padding:0}.form-section h3{margin:0 0 14px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.choice{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px;padding:13px;text-align:left}.choice.active{border-color:var(--brand);box-shadow:0 0 0 3px rgba(98,87,255,.11)}.choice small{display:block;color:var(--muted);margin-top:5px}.upload-zone{border:1.5px dashed var(--line);background:var(--surface2);border-radius:16px;padding:22px;text-align:center}.upload-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.upload-thumb{aspect-ratio:1;border-radius:12px;object-fit:cover}.preview-card{position:sticky;top:98px;padding:17px;height:max-content}.preview-image{height:190px;border-radius:16px;background:var(--surface2);display:grid;place-items:center;font-size:37px;margin:13px 0;overflow:hidden}.preview-image img{width:100%;height:100%;object-fit:cover}
.modal-overlay{position:fixed;inset:0;background:rgba(8,10,17,.58);backdrop-filter:blur(7px);display:flex;align-items:flex-start;justify-content:center;padding:30px 18px;z-index:250;overflow:auto}.modal{width:min(760px,100%);max-height:calc(100dvh - 60px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.modal.wide{width:min(1040px,100%)}.modal-sticky-head{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 19px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(16px);border-radius:26px 26px 0 0}.modal-content{padding:20px}.modal-title{margin:0;font-size:22px}.modal-close{width:43px;height:43px;border:0;border-radius:14px;background:var(--surface2);color:var(--text);font-size:25px;display:grid;place-items:center}.detail-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:22px}.detail-gallery{display:grid;gap:8px}.detail-main-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px;background:var(--surface2)}.detail-thumbs{display:flex;gap:7px;overflow:auto}.detail-thumbs img{width:70px;height:58px;object-fit:cover;border-radius:10px;border:2px solid transparent}.detail-thumbs img.active{border-color:var(--brand)}.detail-side h1{font-size:28px;line-height:1.14;letter-spacing:-.7px;margin:10px 0}.detail-box{padding:15px;border-radius:16px;background:var(--surface2);margin:13px 0}.detail-box p{line-height:1.6}.report-button{width:100%;margin-top:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--danger) 12%,var(--surface)),color-mix(in srgb,var(--accent) 10%,var(--surface)));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 25%,var(--line));font-weight:900}.contact-lock{padding:13px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--muted);font-size:13px}.seller-panel{display:flex;align-items:center;gap:10px}.seller-panel .avatar{width:49px;height:49px;border-radius:16px}.seller-panel small{display:block;color:var(--muted);margin-top:3px}.offer-picker{display:grid;gap:9px;max-height:320px;overflow:auto}.offer-item-choice{display:grid;grid-template-columns:auto 60px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:14px}.offer-item-choice:has(input:checked){border-color:var(--brand);background:color-mix(in srgb,var(--brand) 7%,var(--surface))}.offer-item-choice img{width:60px;height:50px;object-fit:cover;border-radius:10px}.offer-summary{padding:15px;background:var(--surface2);border-radius:16px}.modal-actions{display:flex;gap:9px;margin-top:15px}.modal-actions .btn{flex:1}
.messages-wrap{padding-top:20px}.messages-layout{height:calc(100dvh - 118px);display:grid;grid-template-columns:350px 1fr;overflow:hidden}.conversation-list{border-right:1px solid var(--line);overflow:auto;min-height:0}.conversation-head{padding:17px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:3}.conversation-item-wrap{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.conversation-delete{position:absolute;right:0;top:0;bottom:0;width:90px;border:0;background:var(--danger);color:white;font-weight:900}.conversation-item{position:relative;z-index:1;display:flex;gap:11px;padding:14px 16px;background:var(--surface);cursor:pointer;transition:transform .18s,background .18s}.conversation-item.active{background:color-mix(in srgb,var(--brand) 8%,var(--surface))}.conversation-item h4{margin:0 0 4px;font-size:14px}.conversation-item p{margin:0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.unread-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--brand);color:white;font-size:10px;display:grid;place-items:center;font-weight:900}.chat-pane{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-head{display:flex;align-items:center;gap:11px;padding:12px 16px;border-bottom:1px solid var(--line);flex:none;background:var(--surface)}.chat-head h3{margin:0;font-size:15px}.chat-head small{color:var(--muted)}.chat-listing{margin:12px 16px 0;padding:10px;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:15px;background:var(--surface);cursor:pointer;flex:none}.chat-listing img{width:64px;height:52px;object-fit:cover;border-radius:10px}.chat-listing h4{margin:0;font-size:13px}.chat-listing p{margin:3px 0 0;color:var(--muted);font-size:12px}.chat-messages{flex:1;min-height:0;overflow:auto;padding:18px;background:linear-gradient(180deg,var(--surface2),var(--surface))}.bubble{max-width:72%;padding:11px 13px;border-radius:17px;margin:8px 0;font-size:13px;line-height:1.5;word-break:break-word}.bubble.them{background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:5px}.bubble.me{margin-left:auto;background:linear-gradient(135deg,var(--brand),#765cff);color:white;border-bottom-right-radius:5px}.bubble.system{max-width:80%;margin:12px auto;background:var(--surface);border:1px solid var(--line);text-align:center;font-weight:800}.bubble-time{font-size:10px;opacity:.68;margin-top:4px}.attachment-card{display:flex;align-items:center;gap:9px;padding:9px;border-radius:12px;background:rgba(255,255,255,.15);margin-top:6px}.bubble.them .attachment-card{background:var(--surface2)}.chat-compose{flex:none;position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:12px;border-top:1px solid var(--line);background:var(--surface);padding-bottom:max(12px,env(safe-area-inset-bottom))}.chat-compose .input{height:47px}.chat-file-name{position:absolute;left:60px;bottom:66px;background:var(--surface);border:1px solid var(--line);padding:7px 10px;border-radius:10px;font-size:11px;box-shadow:var(--shadow-sm)}
.profile-hero{padding:23px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.profile-hero h2{margin:0}.profile-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.profile-tabs{display:flex;gap:8px;overflow:auto;padding:14px 0;scrollbar-width:none}.profile-grid{display:grid;grid-template-columns:1fr 370px;gap:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{padding:17px}.stat-card strong{font-size:25px;display:block}.stat-card span{font-size:12px;color:var(--muted)}.progress{height:8px;background:var(--surface2);border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand2));border-radius:999px}.dashboard-list{display:grid;gap:10px}.dashboard-row{padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-row h4{margin:0 0 4px}.dashboard-row p{margin:0;color:var(--muted);font-size:12px}.settings-list{display:grid;gap:10px}.settings-row{padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-row small{display:block;color:var(--muted);margin-top:3px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.plan-card{padding:20px;position:relative}.plan-card.popular{border:2px solid var(--brand);transform:translateY(-5px)}.plan-price{font-size:35px;font-weight:950;margin:14px 0}.plan-price small{font-size:13px}.future-price{font-size:12px;color:var(--muted)}.plan-card ul{list-style:none;padding:0;display:grid;gap:9px;color:var(--muted);font-size:13px}.promo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.promo-card{padding:16px}.promo-card p{color:var(--muted);font-size:12px}.status-pending{color:var(--warning)}.status-approved{color:var(--success)}.status-rejected,.status-suspended{color:var(--danger)}
.notification-panel{position:fixed;right:18px;top:70px;width:min(400px,calc(100% - 30px));max-height:75dvh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);z-index:155;padding:9px}.notification-header{padding:10px;display:flex;align-items:center;justify-content:space-between}.notification-item{display:flex;gap:10px;padding:12px;border-radius:13px;cursor:pointer}.notification-item:hover{background:var(--surface2)}.notification-item.unread{background:color-mix(in srgb,var(--brand) 7%,var(--surface))}.notification-item p{margin:0;font-size:13px;line-height:1.45}.notification-item small{color:var(--muted)}.toast-root{position:fixed;right:18px;bottom:95px;z-index:500;display:grid;gap:9px}.toast{min-width:280px;max-width:420px;padding:13px 15px;border-radius:14px;background:var(--text);color:var(--bg);box-shadow:var(--shadow);font-size:13px;font-weight:800;display:flex;align-items:center;gap:10px;animation:toastIn .25s ease}.toast.error{background:var(--danger);color:white}.toast.success{background:var(--success);color:white}@keyframes toastIn{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
.bottom-nav{display:none}.nav-dot{position:absolute;width:7px;height:7px;background:var(--danger);border-radius:50%;right:21px;top:9px}.legal-page{padding:22px;line-height:1.7}.legal-page h2{margin-top:28px}.footer{padding:35px 0 115px;color:var(--muted);font-size:13px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:25px}.footer-links{display:flex;gap:13px;flex-wrap:wrap}
@media(max-width:1080px){.listings-grid{grid-template-columns:repeat(3,1fr)}.welcome-grid{grid-template-columns:1fr 430px;gap:22px}.hero-art{display:none}.hero-grid{grid-template-columns:1fr}.create-layout,.profile-grid{grid-template-columns:1fr}.preview-card{position:static}.filter-grid{grid-template-columns:1fr 1fr}.plan-grid{grid-template-columns:1fr}.plan-card.popular{transform:none}.promo-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){:root{--header:66px;--nav:74px}.wrap{width:min(var(--max),calc(100% - 22px))}.welcome-grid{grid-template-columns:1fr;padding:75px 0 28px}.welcome-copy{padding:0 4px}.welcome-copy .eyebrow{margin-top:26px}.welcome-copy h1{font-size:49px;letter-spacing:-2.9px}.welcome-copy>p{font-size:16px}.auth-card{max-width:none;justify-self:stretch;padding:18px}.welcome-stats>div{padding:12px}.topbar .logo small,.global-search,.desktop-only,.desktop-publish,.user-mini>span:last-child{display:none}.topbar-inner{gap:8px}.topbar .logo{font-size:21px}.logo-mark{width:36px;height:36px}.top-actions{gap:6px}.hero{padding:23px;border-radius:25px}.hero h1{font-size:39px}.hero p{font-size:15px}.hero-search-shell{grid-template-columns:1fr;padding:8px}.hero-search-shell .btn{height:48px}.hero-suggestions{margin-top:10px}.install-card{padding:14px}.listings-grid{grid-template-columns:repeat(2,1fr);gap:11px}.listings-grid.list-mode .listing-card{grid-template-columns:135px 1fr}.listing-body{padding:11px}.listing-body h3{font-size:13px}.listing-price{font-size:16px}.listing-seek{font-size:11px}.seller-row{display:none}.section{padding:18px 0}.section-title h2{font-size:21px}.circular-card{grid-template-columns:1fr}.cycle{justify-content:center}.filter-grid{grid-template-columns:1fr;padding:12px}.filter-actions{align-items:stretch}.page-head{padding:20px 0 10px}.page-head h1{font-size:26px}.create-layout{display:block}.preview-card{margin-top:14px}.choice-grid{grid-template-columns:1fr}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.span-2{grid-column:auto}.upload-preview{grid-template-columns:repeat(3,1fr)}.modal-overlay{padding:0;align-items:flex-end}.modal,.modal.wide{width:100%;max-height:94dvh;border-radius:25px 25px 0 0}.modal-sticky-head{border-radius:25px 25px 0 0}.detail-grid{grid-template-columns:1fr}.detail-side h1{font-size:24px}.messages-wrap{padding-top:10px}.messages-layout{height:calc(100dvh - var(--header) - var(--nav) - 10px);grid-template-columns:1fr;border-radius:20px}.conversation-list{border:0}.chat-pane{display:none}.messages-layout.chat-open .conversation-list{display:none}.messages-layout.chat-open .chat-pane{display:flex}.chat-head .chat-back{display:grid!important}.chat-listing{margin:9px 11px 0}.chat-messages{padding:14px}.bubble{max-width:82%}.chat-compose{padding:9px}.profile-hero{grid-template-columns:auto 1fr}.profile-hero>.btn{grid-column:1/-1}.stats-grid{grid-template-columns:1fr 1fr}.promo-grid{grid-template-columns:1fr 1fr}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:100;height:calc(var(--nav) + env(safe-area-inset-bottom));padding:7px 8px max(7px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(18px);border-top:1px solid var(--line)}.bottom-nav button{position:relative;border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:16px;font-size:10px;font-weight:850;min-width:0}.bottom-nav button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bottom-nav button.active{color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,var(--surface))}.bottom-nav button.active:before{content:"";position:absolute;top:2px;width:34px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand2))}.bottom-nav .publish-nav{border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));background:color-mix(in srgb,var(--brand) 7%,var(--surface));color:var(--brand)}.bottom-nav .publish-nav svg{background:var(--brand);color:#fff;width:42px;height:42px;padding:10px;border-radius:13px;margin-top:-6px}.view{padding-bottom:calc(var(--nav) + 20px)}.footer{padding-bottom:110px}.notification-panel{right:10px;top:62px;width:calc(100% - 20px)}.toast-root{left:11px;right:11px;bottom:calc(var(--nav) + 12px)}.toast{min-width:0;max-width:none}.footer-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:480px){.welcome-stats{grid-template-columns:1fr 1fr}.welcome-stats>div:nth-child(3){display:none}.welcome-copy h1{font-size:45px}.hero h1{font-size:35px}.hero-search-input input{font-size:14px}.listing-meta span:last-child{display:none}.toolbar{align-items:stretch}.toolbar .toolbar-group:first-child{display:none}.toolbar .toolbar-group:last-child{width:100%;justify-content:space-between}.modal-content{padding:16px}.modal-actions{flex-direction:column}.offer-item-choice{grid-template-columns:auto 50px 1fr}.offer-item-choice img{width:50px;height:44px}.profile-hero{grid-template-columns:1fr;text-align:center}.profile-hero .avatar{margin:auto}.profile-badges{justify-content:center}.promo-grid{grid-template-columns:1fr}.chat-compose .btn{padding:12px}.footer-links{display:grid}}
.bubble{position:relative}.message-more{position:absolute;right:-30px;top:4px;width:25px;height:25px;border:0;border-radius:8px;background:var(--surface2);color:var(--muted);display:grid;place-items:center}.bubble.me .message-more{left:-30px;right:auto}


.profile-menu button svg,
.profile-menu a svg {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}