/* Member visual system. Existing controls, form attributes and admin layout are preserved. */
body.member-surface{--member-paper:#f5f3ef;--member-surface:#fffefb;--member-ink:#29261f;--member-muted:#797367;--member-line:#e5dfd5;--member-dark:#27261f;--member-tint:#fff0e2;--accent:#c64d11;--accent-bright:#ff782a;--accent-hover:#b8420b;--accent-soft:var(--member-tint);--accent-line:#ead6c5;--blue:var(--accent);--muted:var(--member-muted);--line:var(--member-line);font-family:Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif;background:#eae6de;color:var(--member-ink);font-size:15px}
.member-surface .mobile{background:var(--member-paper);padding-bottom:calc(94px + env(safe-area-inset-bottom));box-shadow:0 0 55px #3d2d1210}
.member-surface .mobile [hidden],.member-surface .member-message-badge[hidden]{display:none!important}
.member-surface :is(button,a,input,textarea,select){touch-action:manipulation}
.member-surface :is(h1,h2,h3){color:var(--member-ink);letter-spacing:-.45px;font-weight:600;overflow-wrap:anywhere}
.member-surface :is(input,textarea,select){background:var(--member-surface);border-color:var(--member-line);border-radius:10px;color:var(--member-ink);font-size:16px}
.member-surface :is(input,textarea,select):focus{outline:2px solid #e89e65;outline-offset:2px}
.member-surface :is(a,button):focus-visible{outline:3px solid #e89e65;outline-offset:3px}
.member-surface :is(.primary,.teal){border-radius:12px;min-height:48px;padding:13px 17px;font-size:14px;font-weight:500;background:var(--accent);color:#fff8ee;box-shadow:0 4px 14px #b3461217;transition:transform .18s,background .18s,box-shadow .18s;white-space:normal;overflow-wrap:anywhere}
.member-surface :is(.primary,.teal):hover{background:var(--accent-hover);box-shadow:0 7px 18px #b3461225}
.member-surface .outline{border:1px solid var(--member-line);background:var(--member-surface);color:var(--member-ink);border-radius:10px;font-size:13px}
.member-surface .positive,.member-surface .reward{color:var(--accent)}
.member-surface .home-content,.member-surface .page-content{padding:0 24px 24px}
.member-surface .brand-header{height:auto;min-height:82px;justify-content:flex-start;padding:23px 24px 19px;background:transparent;border:0;gap:10px}
.member-surface .brand-header h1{color:var(--member-ink);font-size:23px;letter-spacing:-.8px}
.member-surface .brand-header img{width:34px;height:34px;flex-basis:34px;border-radius:10px}
.member-surface .page-header{height:auto;min-height:92px;padding:27px 24px 22px;justify-content:flex-start;background:transparent;gap:12px}
.member-surface .page-header h1{font-size:29px;line-height:1.25;letter-spacing:-1px;margin:0;min-width:0}
.member-surface .page-header h1:after{content:".";color:var(--accent-bright)}
.member-surface .back-link{position:static;display:flex;align-items:center;justify-content:center;width:33px;height:38px;flex-shrink:0;color:var(--member-muted)}
.member-surface .income-bar{background:transparent;color:var(--member-ink);height:auto;min-height:83px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:0 0 20px}
.member-surface .income-bar>span{font-size:12px;color:var(--member-muted);letter-spacing:.3px}
.member-surface .income-bar strong{font-size:35px;font-weight:500;letter-spacing:-1.3px;gap:7px;flex-wrap:wrap}
.member-surface .income-bar strong .lucide{display:none}
.member-surface .income-bar small{color:var(--member-muted);font-size:11px;letter-spacing:.7px}
.member-surface .mobile .home-carousel{max-width:none;margin:0 0 12px;border-radius:20px;background:var(--member-dark);padding:12px 12px 8px;border:1px solid #76604825;box-shadow:0 8px 24px #4c361514;overflow:hidden}
.member-surface .mobile .carousel-viewport{border-radius:12px;aspect-ratio:3/1;background:#fff}
.member-surface .mobile .carousel-slide img{width:100%;height:100%;object-fit:contain}
.member-surface .mobile .carousel-controls{position:relative;display:flex;justify-content:center;align-items:center;height:34px;gap:4px;padding:4px 0 0}
.member-surface .mobile .carousel-controls>.icon-button{position:static;opacity:1;border:1px solid #fff2d32c;background:transparent;color:#fff0df;width:27px;height:27px;transform:none}
.member-surface .mobile .carousel-controls>.icon-button:first-child{margin-inline-end:auto}
.member-surface .mobile .carousel-controls>.icon-button:last-child{margin-inline-start:0}
.member-surface .mobile .carousel-controls>[data-action=pause-carousel]{margin-inline-start:auto}
.member-surface .mobile .carousel-dots button{width:22px;height:28px}
.member-surface .mobile .carousel-dots span{background:#b8a895;transition:width .3s,background .3s}
.member-surface .mobile .carousel-dots [aria-current=true] span{width:19px;border-radius:6px;background:#ff974f}
.member-surface .announcement{height:auto;min-height:45px;border-radius:0;background:transparent;border-bottom:1px solid var(--member-line);font-size:12px;color:var(--member-muted);padding:8px 0;gap:9px;margin:0 0 22px}
.member-surface .announcement>.lucide{color:var(--accent);width:17px;flex-shrink:0}
.member-surface .notice-window{flex:1;min-width:0}
.member-surface .home-content>h2{font-size:17px;font-weight:500;margin:24px 0 14px}
.member-surface .services{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:10px}
.member-surface .mobile .service{position:relative;grid-column:auto;grid-row:auto;min-height:98px;border:1px solid var(--member-line);border-radius:15px;padding:17px 12px;display:flex;flex-direction:column-reverse;align-items:flex-start;justify-content:space-between;gap:15px;background:var(--member-surface);background-image:none;color:var(--member-ink);overflow:visible;transition:transform .2s,box-shadow .2s}
.member-surface .mobile .service strong{font-size:13px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}
.member-surface .mobile .service .lucide{position:static;width:23px;height:23px;opacity:1;color:var(--accent)}
.member-surface .mobile .service:hover{transform:translateY(-3px);box-shadow:0 6px 18px #3a2b1010}
.member-surface .partner-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--member-line);border-inline-start:1px solid var(--member-line)}
.member-surface .partner-grid a{min-height:66px;aspect-ratio:1.7;display:grid;place-items:center;background:var(--member-surface);border-bottom:1px solid var(--member-line);border-inline-end:1px solid var(--member-line);padding:12px;transition:background .2s}
.member-surface .partner-grid img{max-width:100%;max-height:45px;object-fit:contain;border-radius:0}
.member-surface .partner-grid a:hover{background:var(--member-tint)}
.member-surface .balance-blue,.member-surface .mobile .wallet,.member-surface .mobile .team-banner{position:relative;overflow:hidden;isolation:isolate;border:1px solid #b4895822;border-radius:21px;background:radial-gradient(ellipse at 100% 0,#b47d3833,transparent 56%),var(--member-dark);color:#fff3e0;box-shadow:0 7px 20px #39290e13;padding:23px}
.member-surface .balance-blue{gap:15px;min-height:151px;margin:0 0 26px}
.member-surface .balance-blue:after,.member-surface .wallet:after{content:"";position:absolute;width:170px;height:170px;border:1px solid #f8c08912;border-radius:50%;inset-inline-end:-78px;bottom:-90px;box-shadow:0 0 0 21px #f8c08907,0 0 0 42px #f8c08904;pointer-events:none;z-index:-1}
.member-surface .balance-blue>span{color:#d5c8b5;font-size:13px}
.member-surface .balance-blue strong{font-size:37px;line-height:1.25;letter-spacing:-1.3px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;unicode-bidi:isolate}
.member-surface .balance-blue strong small{color:#cabbab;font-size:11px;font-weight:400;letter-spacing:.8px}
.member-surface .trade-panel{padding:0;background:transparent;box-shadow:none;border:0;border-radius:0}
.member-surface .trade-position{margin:0 0 16px;color:var(--member-ink);font-size:13px}
.member-surface .member-group-progress{display:block;width:100%;height:5px;margin:0 0 19px;border:0;border-radius:5px;overflow:hidden;appearance:none;background:#e6e0d6}
.member-surface .member-group-progress::-webkit-progress-bar{background:#e6e0d6;border-radius:5px}
.member-surface .member-group-progress::-webkit-progress-value{background:linear-gradient(90deg,#b64a14,#ff9950);border-radius:5px}
.member-surface .member-group-progress::-moz-progress-bar{background:#e87833;border-radius:5px}
.member-surface .trade-stats{padding:0 0 21px;text-align:start;gap:8px}
.member-surface .group-task-stats>div{padding:0;gap:6px}
.member-surface .group-task-stats>div+div{border-left:0;border-inline-start:1px solid var(--member-line);padding-inline-start:15px}
.member-surface .trade-stats strong{color:var(--member-ink);font-size:25px;font-weight:500;letter-spacing:-.7px;unicode-bidi:isolate}
.member-surface .trade-stats span{font-size:11px;color:var(--member-muted);line-height:1.55;hyphens:auto}
.member-surface .match-button{width:100%;margin:0 0 23px;min-height:51px}
.member-surface .group-earnings{border-top:1px solid var(--member-line);padding-top:14px}
.member-surface .return-row{flex-wrap:nowrap;align-items:baseline;font-size:12px;gap:12px;margin:10px 0;color:var(--member-muted);line-height:1.6}
.member-surface .return-row>span{min-width:0;overflow-wrap:anywhere}
.member-surface .return-row strong{color:var(--member-ink);font-size:13px;font-weight:500;white-space:nowrap;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
.member-surface .return-row small{font-size:10px;color:var(--member-muted)}
.member-surface .return-row:has([data-group-estimate]){padding:12px 0;border-block:1px dashed var(--member-line);margin:13px 0}
.member-surface [data-group-estimate]{font-size:25px!important;color:var(--accent)!important;letter-spacing:-.7px}
.member-surface .current-task{padding-top:18px}
.member-surface .current-task>h2{font-size:15px;font-weight:500;color:var(--member-muted);margin-bottom:12px}
.member-surface :is(.task-item,.order-item){padding:17px;background:var(--member-surface);border:1px solid var(--member-line);border-radius:18px;box-shadow:none;margin-bottom:17px}
.member-surface .product-row{gap:14px;padding:18px 0;align-items:center}
.member-surface .product-row h2{font-size:16px;font-weight:500;line-height:1.4;margin:5px 0 7px;letter-spacing:-.25px}
.member-surface .product-row .muted{font-size:12px;line-height:1.5;display:block}
.member-surface .product-row p{font-size:14px}
.member-surface .product-icon{width:88px;height:92px;border-radius:12px;padding:6px;background:#fff;border:1px solid #eee9e0}
.member-surface .product-icon img{border-radius:7px}
.member-surface .order-item .row>small{font-size:11px;color:var(--member-muted)}
.member-surface .order-item>.row:last-child{border-top:1px solid var(--member-line);padding-top:14px;flex-wrap:wrap;gap:12px}
.member-surface .order-item .reward{font-size:17px;font-weight:500}
.member-surface .badge{border-radius:6px;font-size:11px;padding:5px 8px;white-space:normal;overflow-wrap:anywhere}
.member-surface .badge.pending,.member-surface .badge.submitted{color:#a25616;background:var(--member-tint)}
.member-surface .badge.completed{color:#47735c;background:#e9f0e8}
.member-surface .segments{gap:4px;background:#e9e4da;border-radius:12px;padding:4px;margin-bottom:22px}
.member-surface .segments button{padding:10px 8px;background:transparent;color:var(--member-muted);font-size:13px;border-radius:9px;white-space:normal;overflow-wrap:anywhere;transition:background .25s,color .25s,box-shadow .25s}
.member-surface .segments button[aria-selected=true]{background:var(--member-surface);color:var(--member-ink);box-shadow:0 1px 5px #40311912}
.member-surface .mobile .user-top{background:transparent;color:var(--member-ink);padding:28px 24px 23px;min-height:0;align-items:center;gap:14px}
.member-surface .mobile .user-top>div:last-child{min-width:0}
.member-surface .mobile .user-top strong{color:var(--member-ink);font-size:23px;font-weight:500;line-height:1.35}
.member-surface .mobile .user-top span{color:var(--member-muted)}
.member-surface .mobile .avatar{height:59px;width:59px;background:var(--member-tint);border:1px solid var(--member-line);color:var(--accent);border-radius:20px}
.member-surface .mobile .avatar .lucide{height:29px;width:29px;stroke-width:1.3}
.member-surface .mobile .user-id .icon-button{color:var(--member-muted);height:27px;width:27px;padding:5px}
.member-surface .mobile .member-name-level{gap:8px;flex-wrap:wrap}
.member-surface .mobile .member-vip-badge{background:var(--member-dark);color:#ffc189;border:1px solid #ab7c3633;font-size:10px;border-radius:6px;padding:4px 8px;line-height:1.4}
.member-surface .mobile .user-top+.home-content{margin-top:0;padding-inline:24px}
.member-surface .mobile .wallet{gap:14px;margin-bottom:6px}
.member-surface .wallet .member-wallet-label{font-size:12px;color:#d4c5b3;margin:0}
.member-surface .mobile .wallet>strong{font-size:37px;letter-spacing:-1.2px;font-weight:500;line-height:1.3;flex-wrap:wrap;overflow-wrap:anywhere;unicode-bidi:isolate}
.member-surface .mobile .wallet>strong>.lucide{display:none}
.member-surface .mobile .wallet>strong small{color:#cabaac;font-size:11px;letter-spacing:.7px}
.member-surface .mobile .wallet-held{font-size:12px;color:#cabdad;margin-top:0;line-height:1.6;gap:12px}
.member-surface .mobile .wallet .two-columns{display:flex;justify-content:flex-end;gap:0}
.member-surface .mobile .wallet .two-columns a{background:#ffb477;color:#402a16;min-height:38px;font-size:12px;border-radius:9px;padding:9px 17px;max-width:100%}
.member-surface .mobile .invite-band{border:0;border-bottom:1px solid var(--member-line);border-radius:0;background:transparent;background-image:none;color:var(--member-ink);padding:20px 0;margin:0;min-height:87px;align-items:center;gap:10px}
.member-surface .mobile .invite-band strong{font-size:14px;font-weight:500;line-height:1.5}
.member-surface .mobile .invite-band p{font-size:12px;color:var(--member-muted);line-height:1.5}
.member-surface .mobile .invite-band .yellow-button{min-width:0;border:0;padding:8px;background:transparent;color:var(--accent);font-size:12px;border-radius:8px;max-width:44%;white-space:normal}
.member-surface .mobile .user-links{background:transparent;border:0;box-shadow:none;border-radius:0;margin:0}
.member-surface .mobile .user-links>a,.member-surface .mobile .user-links .list-button{padding:16px 0;font-size:13px;border-bottom:1px solid var(--member-line);border-top:0;min-height:55px;text-align:start;color:var(--member-ink)}
.member-surface .mobile .user-links .lucide{color:var(--member-muted);height:19px;width:19px}
.member-surface .mobile .logout{background:transparent;color:var(--member-muted);font-size:12px;margin-top:13px;min-height:45px}
.member-surface .form-surface,.member-surface .ticket,.member-surface .record,.member-surface .new-conversation,.member-surface .mobile .team-members{background:var(--member-surface);border:1px solid var(--member-line);border-radius:16px;box-shadow:none}
.member-surface .form-surface{padding:21px 18px}
.member-surface .record{margin-bottom:10px;border-radius:12px;align-items:flex-start}
.member-surface .record-right{text-align:end;max-width:45%}
.member-surface .field{font-size:13px;color:var(--member-muted);line-height:1.5}
.member-surface .article-list{padding:0 24px 24px}
.member-surface .article-list article{padding-bottom:22px;border-color:var(--member-line)}
.member-surface .article-list p{line-height:1.85;font-size:15px}
.member-surface .article-list h2{font-size:20px;line-height:1.5}
.member-surface .empty{color:var(--member-muted)}
.member-surface .service-directory{background:transparent}
.member-surface .contact-option{background:var(--member-surface);border-color:var(--member-line);box-shadow:none;border-radius:17px}
.member-surface .conversation-message{background:var(--member-tint);border-color:var(--member-line);border-radius:14px}
.member-surface .conversation-message.from-admin{background:#f0ede6}
.member-surface .mobile-footer{color:var(--member-muted);font-size:10px;line-height:1.6;letter-spacing:.4px;padding:14px 70px 18px;min-height:50px;overflow-wrap:anywhere}
.member-surface .bottom-nav{min-height:69px;height:auto;padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:var(--member-surface);border-top:1px solid var(--member-line);box-shadow:0 -4px 20px #3f301107;isolation:isolate}
.member-surface .bottom-nav a{font-size:11px;gap:5px;color:var(--member-muted);min-height:40px;padding-inline:3px;text-align:center;line-height:1.3;overflow-wrap:anywhere;hyphens:auto}
.member-surface .bottom-nav .lucide{width:21px;height:21px;stroke-width:1.55;transition:transform .25s}
.member-surface .bottom-nav a.active{color:var(--accent)}
.member-surface .bottom-nav a.active .lucide{transform:translateY(-2px)}
.member-surface .bottom-nav a.active:before{display:none}
.member-surface .bottom-nav:before{content:"";position:absolute;top:-1px;left:0;height:3px;width:var(--member-nav-width,25%);transform:translateX(var(--member-nav-x,0px));background:linear-gradient(90deg,transparent,#ff8237,transparent);transition:transform .4s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.member-surface .member-message-badge{background:var(--accent);font-size:10px;font-weight:500}
.member-surface dialog{background:var(--member-surface);color:var(--member-ink);border:1px solid var(--member-line);border-radius:24px;box-shadow:0 25px 90px #20170744;max-height:90dvh;overscroll-behavior:contain}
.member-surface dialog::backdrop{background:#17130e88;backdrop-filter:blur(5px)}
.member-surface .dialog-head{padding:20px 21px 17px;border-bottom:0;background:var(--member-surface);gap:12px;z-index:3}
.member-surface .dialog-head h2{font-size:23px;line-height:1.3;letter-spacing:-.6px;font-weight:500}
.member-surface .dialog-head>.icon-button{border:1px solid var(--member-line);border-radius:50%;color:var(--member-muted);width:35px;height:35px}
.member-surface .dialog-body{padding:0 21px 23px;font-size:13px;overflow-wrap:anywhere}
.member-surface .dialog-body>.row:first-child{font-size:11px;color:var(--member-muted);flex-wrap:wrap}
.member-surface .product-gallery{margin:17px 0}
.member-surface .gallery-main{height:205px;border:1px solid #eee9e0;border-radius:13px;background:#fff;padding:10px}
.member-surface .gallery-thumbnails button{border-color:var(--member-line);border-radius:9px}
.member-surface .dialog-body>h3{font-size:18px;line-height:1.45;font-weight:500;letter-spacing:-.3px;margin:15px 0}
.member-surface .product-description{border-top:1px solid var(--member-line);margin-top:16px;padding-top:13px}
.member-surface .product-description h3{font-size:13px;font-weight:500;margin:0 0 9px;color:var(--member-muted)}
.member-surface .product-description p{font-size:13px;line-height:1.8;color:var(--member-muted);margin:0 0 16px}
.member-surface .member-order-finances{border-top:1px solid var(--member-line);margin:17px 0 20px;padding-top:10px}
.member-surface .member-order-finances>.row{padding:9px 0;align-items:baseline;font-size:13px}
.member-surface .member-order-finances>.row>span{color:var(--member-muted);min-width:0}
.member-surface .member-order-finances strong{font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:isolate}
.member-surface .member-order-finances small{font-size:10px;color:var(--member-muted)}
.member-surface .member-order-finances>.member-order-reward{border-block:1px dashed var(--member-line);margin-top:11px;padding:14px 0}
.member-surface .member-order-reward>strong{font-size:28px;color:var(--accent);letter-spacing:-.8px}
.member-surface .feedback-composer textarea{height:104px;min-height:88px;background:var(--member-paper);border-radius:12px;font-size:16px}
.member-surface .feedback-tools{margin-top:7px}
.member-surface .auto-comment{background:transparent;color:var(--accent);padding:7px 0;font-size:12px;box-shadow:none;border:0}
.member-surface .auto-comment:hover{background:transparent;color:var(--accent-hover)}
.member-surface .order-balance-warning{background:var(--member-tint);border:1px solid #efd6c2;border-radius:12px;padding:14px;margin:18px 0;color:#995020;display:grid;gap:7px;font-size:12px}
.member-surface .order-balance-warning strong{font-size:13px}
.member-surface .order-balance-warning p{margin:0;font-size:12px;line-height:1.65}
.member-surface .task-detail-tags{font-size:11px;color:var(--member-muted);gap:7px}
.member-surface .task-kind{border-radius:6px;background:var(--member-tint);color:#a15620;padding:5px 8px;white-space:normal;line-height:1.4}
.member-surface .task-kind.golden{background:#f9eed6;color:#956517}
.member-surface .task-kind.shot{background:var(--member-dark);color:#f1b980;border:1px solid #ad7a393a;font-weight:500;box-shadow:none;animation:none;font-size:11px;padding:5px 8px}
.member-surface .task-kind.shot .lucide{width:13px;height:13px;stroke:currentColor}
.member-surface .task-item.premium-order,.member-surface .order-item.premium-order{background:var(--member-surface);border:1px solid #d8b388;border-radius:18px;box-shadow:0 5px 20px #7852230b}
.member-surface .premium-order-detail{background:transparent;border-top:0}
.member-surface .premium-order-detail>.task-detail-tags{padding:0;border:0}
.member-surface .premium-order-detail .task-kind.shot{font-size:11px;padding:5px 8px}
.member-surface .premium-order-detail .primary{background:var(--accent);box-shadow:0 4px 14px #b3461217}
.member-surface .golden-card,.member-surface .member-premium-card{position:relative;isolation:isolate;overflow:hidden;min-height:156px;background:linear-gradient(115deg,#423321,#241e16);border:1px solid #9a75334d;border-radius:17px;padding:22px;margin:16px 0;color:#ffedc1;display:block}
.member-surface .golden-card:before,.member-surface .member-premium-card:before{content:"";position:absolute;inset:8px;border:1px solid #f9d28618;border-radius:10px;pointer-events:none}
.member-surface .golden-card .member-gold-copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:6px;padding-inline-end:110px}
.member-surface .golden-card strong{font-family:Georgia,serif;font-size:53px;font-weight:400;line-height:1.1;letter-spacing:-2px;color:#ffdfa0;unicode-bidi:isolate}
.member-surface .golden-card span{font-size:11px;color:#e4cc9f;line-height:1.5;overflow-wrap:anywhere}
.member-surface .member-egg-stage{position:absolute;width:109px;height:133px;inset-inline-end:14px;top:15px;transform:rotate(10deg);pointer-events:none}
.member-surface .member-egg{position:absolute;right:19px;top:0;width:75px;height:102px;border-radius:50% 50% 48% 48% / 65% 65% 36% 36%;background:radial-gradient(ellipse at 31% 25%,#fff5ce 0%,#fbe6a1 12%,#edc060 33%,#b47519 63%,#6d420d 82%,#c89835 100%);box-shadow:inset -4px -6px 8px #6e390d60,inset 2px 2px 4px #fff6d56b,0 17px 24px #00000055}
.member-surface .member-egg:after{content:"";position:absolute;left:20px;top:14px;width:21px;height:42px;border-radius:50%;background:linear-gradient(135deg,#fff9dcaa,transparent);transform:rotate(22deg);filter:blur(2px)}
.member-surface .member-egg-base{position:absolute;width:100px;height:20px;background:linear-gradient(175deg,#946326,#2b2014);border-radius:50%;right:8px;bottom:10px;transform:rotate(-10deg);border-top:1px solid #eac77970;box-shadow:0 8px 9px #00000020}
.member-surface .member-metal-shine{position:absolute;inset:-50%;width:80%;background:linear-gradient(110deg,transparent,#fff5cb25,transparent);transform:translateX(-150%) rotate(18deg);pointer-events:none;z-index:4}
.member-surface .member-premium-card{background:radial-gradient(ellipse at 100% 70%,#b27b3230,transparent 65%),var(--member-dark);display:flex;align-items:center;min-height:143px;gap:12px}
.member-surface .member-premium-card h3{position:relative;z-index:2;color:#ffdbb8;font-size:26px;font-weight:500;line-height:1.3;margin:0;padding-inline-end:90px;letter-spacing:-.5px}
.member-surface .member-premium-seal{position:absolute;inset-inline-end:21px;top:28px;height:84px;width:84px;border:1px solid #c48a4855;border-radius:50%;display:grid;place-items:center;color:#e8a162;box-shadow:0 0 0 9px #b1783218,0 0 0 18px #b178320b}
.member-surface .member-premium-seal .lucide{height:31px;width:31px;stroke-width:1}
.member-surface .current-task .golden-card{margin-top:12px}
.member-surface .mobile.login-page{background:radial-gradient(ellipse at 100% 0,#ffdfbd77,transparent 47%),var(--member-paper);border-top:3px solid var(--accent-bright);padding:0 26px 30px;color:var(--member-ink)}
.member-surface .login-page .language-row{height:56px}
.member-surface .login-page .login-mark{padding:38px 0 25px;gap:15px}
.member-surface .login-page .login-mark img{height:89px;width:89px;border-radius:22px}
.member-surface .login-page .login-mark h1{color:var(--member-ink);font-size:27px;letter-spacing:-.7px}
.member-surface .login-page .login-box{background:var(--member-surface);border:1px solid var(--member-line);border-radius:22px;padding:25px 21px 21px;box-shadow:0 12px 38px #513b1210}
.member-surface .login-page .login-input{min-height:49px;border:1px solid var(--member-line);border-radius:11px;background:var(--member-paper)}
.member-surface .login-page .login-input input,.member-surface .login-page .login-country-code{background:transparent;font-size:16px;min-height:46px}
.member-surface .login-page .login-country-code{font-size:12px}
.member-surface .login-page .login-box .primary{min-height:49px;border-radius:12px;font-size:14px}
.member-surface .login-page .login-bottom{color:var(--member-muted);font-size:13px}
.member-surface .support-widget-launcher{width:51px;height:51px;border:3px solid var(--member-paper);border-radius:18px;background:#ff782a;color:#382619;box-shadow:0 5px 20px #46301220}
.member-surface .support-widget-launcher>.lucide{width:23px;height:23px;stroke-width:1.8}
.member-surface .support-widget-badge{min-width:20px;height:20px;top:-4px;right:-3px;background:var(--member-dark);font-size:10px;border:2px solid var(--member-paper)}
.member-surface .support-widget-member{bottom:calc(87px + env(safe-area-inset-bottom))}
.member-surface .support-widget-panel{bottom:65px;border:1px solid var(--member-line);border-radius:23px;background:var(--member-surface);box-shadow:0 18px 65px #2c211735}
.member-surface .support-widget-header{background:var(--member-dark);color:#fff0dd;padding:17px 14px;gap:9px}
.member-surface .support-widget-header h2{color:#fff0dd;font-size:16px;font-weight:500;letter-spacing:-.2px}
.member-surface .support-widget-header p{color:#c8b7a2;font-size:11px}
.member-surface .support-widget-avatar{background:#ffc17d12;border-color:#d2a1713a;color:#ffb57c;border-radius:13px}
.member-surface .support-widget-messages{background:var(--member-surface);padding:19px 15px;gap:16px}
.member-surface .support-widget-welcome p,.member-surface .support-widget-received p{background:#f1eee7;color:var(--member-ink);border:1px solid var(--member-line);border-radius:3px 15px 15px 15px;font-size:13px}
.member-surface .support-widget-sent p{background:var(--member-tint);color:#66371e;border:1px solid #f2dec9;border-radius:15px 3px 15px 15px;font-size:13px}
.member-surface .support-widget-composer{background:var(--member-surface);border-top-color:var(--member-line);box-shadow:none}
.member-surface .support-widget-composer textarea{background:var(--member-paper);font-size:16px;border:1px solid var(--member-line);border-radius:10px}
.member-surface .support-widget-send{background:var(--accent);border-radius:10px}
.member-surface .support-widget-quick button{background:var(--member-surface);border-color:var(--member-line);color:var(--accent);border-radius:10px;box-shadow:none;font-size:12px}
.member-surface .support-widget-menu{background:var(--member-surface);border-color:var(--member-line)}
.member-surface #toast{border:1px solid #ffffff20;border-radius:12px;background:var(--member-dark);color:#fff1df;box-shadow:0 8px 25px #2c221926;font-size:13px}
html[dir=rtl] .member-surface .back-link .lucide,html[dir=rtl] .member-surface .user-links .lucide:last-child{transform:scaleX(-1)}
html[dir=rtl] .member-surface .support-widget-welcome p,html[dir=rtl] .member-surface .support-widget-received p{border-radius:15px 3px 15px 15px}
html[dir=rtl] .member-surface .support-widget-sent p{border-radius:3px 15px 15px 15px}
html[dir=rtl] .member-surface .record-right{text-align:end}
@media(min-width:720px){.member-surface .mobile{border-inline:1px solid #ddd5c8}}
@media(max-width:380px){.member-surface .home-content,.member-surface .page-content,.member-surface .mobile .user-top+.home-content{padding-inline:17px}.member-surface .brand-header,.member-surface .page-header,.member-surface .mobile .user-top{padding-inline:17px}.member-surface .page-header h1{font-size:25px}.member-surface .mobile .service{padding:14px 9px;min-height:101px}.member-surface .mobile .service strong{font-size:12px}.member-surface .services{gap:8px}.member-surface .balance-blue strong,.member-surface .mobile .wallet>strong{font-size:32px}.member-surface .group-task-stats>div+div{padding-inline-start:10px}.member-surface .trade-stats span{font-size:11px}.member-surface .return-row{font-size:11px;gap:8px}.member-surface .return-row strong{font-size:12px}.member-surface .product-icon{width:70px;height:80px}.member-surface .product-row h2{font-size:14px}.member-surface .product-row{gap:11px}.member-surface .task-item,.member-surface .order-item{padding:14px}.member-surface .dialog-body{padding-inline:16px}.member-surface .dialog-head{padding-inline:16px}.member-surface .dialog-head h2{font-size:21px}.member-surface .member-premium-card h3{font-size:22px}.member-surface .member-premium-seal{inset-inline-end:15px;width:73px;height:73px;top:34px}.member-surface .golden-card .member-gold-copy{padding-inline-end:93px}.member-surface .member-egg-stage{inset-inline-end:2px}.member-surface .mobile .user-top strong{font-size:20px}.member-surface .partner-grid a{padding:8px}.member-surface .bottom-nav a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.member-surface *,.member-surface *:before,.member-surface *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Approved layout, shared by real routes and their visual checks. */
body.member-surface{font-family:"Segoe UI",Arial,"Microsoft YaHei",sans-serif;font-size:14px;line-height:1.5;--member-ink:#26241f;--member-muted:#79756b;--member-line:#e5e1d8;--member-dark:#25251f}
.member-surface .mobile{max-width:430px;min-height:100dvh;padding-bottom:calc(74px + env(safe-area-inset-bottom))}
.member-surface .bottom-nav{max-width:430px;min-height:72px;padding:10px 12px calc(12px + env(safe-area-inset-bottom));box-shadow:none}
.member-surface .bottom-nav .lucide{width:18px;height:18px}
.member-surface .bottom-nav a{font-size:10px}
.member-surface .support-widget{right:max(16px,calc((100vw - 430px)/2 + 16px))}
html[dir=rtl] .member-surface .support-widget{right:auto;left:max(16px,calc((100vw - 430px)/2 + 16px))}
.member-surface .support-widget-member{bottom:calc(87px + env(safe-area-inset-bottom))}
.member-surface .brand-header{height:84px;min-height:84px;padding:23px 24px 18px;justify-content:space-between;gap:12px}
.member-surface .member-wordmark{display:flex;align-items:center;gap:9px;min-width:0;flex:1}
.member-surface .brand-header img{height:29px;width:29px;flex-basis:29px;border-radius:9px}
.member-surface .brand-header h1{font-size:18px;font-weight:500;letter-spacing:-.7px;line-height:1.3;margin:0;max-width:none;overflow-wrap:normal}
.member-surface .member-wordmark>span{color:var(--member-muted)}
.member-surface .member-edition{font-size:9px;line-height:1.6;letter-spacing:1.8px;text-transform:uppercase;color:var(--member-muted);text-align:end;max-width:104px;overflow-wrap:anywhere;flex-shrink:0}
.member-surface .income-bar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:5px 0 22px;padding:0;min-height:0;gap:12px}
.member-surface .member-income-copy>span{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:var(--member-muted);display:block;margin-bottom:7px}
.member-surface .income-bar strong{display:block;font-size:37px;font-weight:500;letter-spacing:-1.4px;line-height:1.1;color:var(--member-ink);margin:0}
.member-surface .income-bar strong small{font-size:12px;letter-spacing:0;font-weight:400}
.member-surface .member-income-emblem{width:44px;height:44px;border-radius:50%;background:var(--member-tint);display:grid;place-items:center;color:var(--accent);flex-shrink:0}
.member-surface .member-income-emblem .lucide{width:17px;height:17px;color:var(--accent)}
.member-surface .mobile .home-carousel{padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.member-surface .mobile .carousel-viewport{height:270px;aspect-ratio:auto;border-radius:20px;background:var(--member-dark);overflow:hidden}
.member-surface .carousel-slide{height:100%;width:100%}
.member-surface .mobile .carousel-slide:not(.member-feature-slide){background:#fff}
.member-surface .mobile .carousel-slide img{display:block;object-fit:contain;width:100%;height:100%}
.member-surface .member-feature-slide{position:relative;isolation:isolate;padding:24px;overflow:hidden;perspective:800px;color:#fff5e5;background:#25251f}
.member-surface .member-feature-slide:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 92% 54%,#d98a4030,transparent 60%);z-index:-1}
.member-surface .member-hero-line{position:absolute;inset:13px;border:1px solid #ffffff0b;border-radius:12px;pointer-events:none}
.member-surface .member-hero-copy{position:relative;z-index:2;pointer-events:none}
.member-surface .member-hero-kicker{font-size:9px;letter-spacing:2.4px;color:#e3bba0;display:flex;align-items:center;gap:7px;text-transform:uppercase;max-width:95%}
.member-surface .member-hero-kicker:before{content:"";width:14px;height:1px;background:#ff7426;flex-shrink:0}
.member-surface .member-feature-slide h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:35px;letter-spacing:-1.1px;line-height:1.12;margin:22px 0 0;max-width:220px;color:#fff5e5}
.member-surface .member-feature-slide h2 em{font-weight:400;font-style:italic;color:#ffb681}
html[lang=de] .member-surface .member-feature-slide h2{font-size:28px;max-width:100%;overflow-wrap:normal;hyphens:auto}
html[lang=de] .member-surface .member-edition{letter-spacing:.5px;max-width:108px;overflow-wrap:normal;hyphens:auto}
.member-surface .member-hero-caption{position:absolute;bottom:24px;inset-inline-start:24px;font-size:9px;letter-spacing:1.3px;color:#d6c6b8;text-transform:uppercase;max-width:65%;z-index:2}
.member-surface .member-sculpture{position:absolute;width:190px;height:230px;inset-inline-end:-38px;bottom:-14px;transform:rotate(-25deg);transform-style:preserve-3d;pointer-events:none}
.member-surface .member-orbit{position:absolute;width:174px;height:174px;border:31px solid #ef863c;border-left-color:#ffb86f;border-top-color:#ffd29b;border-right-color:#b54412;border-radius:50%;transform:rotateX(49deg) rotateY(-18deg);box-shadow:inset 5px 5px 12px #6f220f80,9px 12px 14px #00000038;top:0;left:0}
.member-surface .member-orbit:nth-child(2){top:49px;left:8px;filter:brightness(.88)}
.member-surface .member-orbit:nth-child(3){top:96px;left:16px;filter:brightness(.72)}
.member-surface .mobile .carousel-controls{height:auto;min-height:39px;padding:11px 2px 0;justify-content:space-between}
.member-surface .member-carousel-buttons{display:flex;align-items:center;gap:10px}
.member-surface .member-carousel-buttons>.icon-button{position:static;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--member-line);border-radius:50%;background:transparent;color:var(--member-muted);transform:none;opacity:1}
.member-surface .member-carousel-buttons .lucide{width:14px;height:14px}
.member-surface .mobile .carousel-dots button{width:22px;height:25px;padding:0}
.member-surface .mobile .carousel-dots span{width:5px;height:5px;background:var(--member-muted)}
.member-surface .mobile .carousel-dots [aria-current=true]{width:32px}
.member-surface .mobile .carousel-dots [aria-current=true] span{width:25px;background:var(--accent)}
.member-surface .announcement{padding:13px 0 17px;min-height:0;margin:0;font-size:11px}
.member-surface .announcement>.lucide{width:15px;height:15px}
.member-surface .member-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0 14px}
.member-surface .member-section-heading h2{font-size:16px;line-height:1.5;font-weight:500;letter-spacing:-.3px;margin:0}
.member-surface .member-section-heading>span{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--member-muted);text-align:end}
.member-surface .mobile .service{min-height:84px;padding:16px 12px;gap:17px;justify-content:flex-end}
.member-surface .mobile .service strong{font-size:12px;font-weight:400;line-height:1.5;max-width:100%;width:auto;text-align:start}
.member-surface .mobile .service .lucide{width:18px;height:18px}
.member-surface .partner-grid.member-partner-wordmarks{grid-template-columns:repeat(3,minmax(0,1fr));border-color:var(--member-line)}
.member-surface .member-partner-wordmarks a{background:transparent;min-height:55px;aspect-ratio:auto;padding:8px 5px;font-family:Georgia,"Times New Roman",serif;font-size:12px;line-height:1.25;color:var(--member-ink);text-align:center;display:grid;align-content:center;justify-items:center;border-color:var(--member-line)}
.member-surface .member-partner-wordmarks a:hover{background:var(--member-surface)}
.member-surface .member-partner-wordmarks .member-brand-sans{font-family:inherit;font-size:17px;font-weight:400;letter-spacing:0}
.member-surface .member-partner-wordmarks small{font-size:8px;letter-spacing:1px}
.member-surface .member-partner-wordmarks .member-brand-wide{grid-column:span 2}
.member-surface .page-header.member-main-heading{height:auto;min-height:0;padding:8px 24px 0;margin:0 0 24px;justify-content:space-between;align-items:flex-end;gap:15px}
.member-surface .member-eyebrow{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:var(--member-muted);line-height:1.5;margin:0 0 7px}
.member-surface .page-header.member-main-heading h1{font-size:35px;line-height:1.15;font-weight:500;letter-spacing:-1.6px}
.member-surface .member-page-date{font-size:11px;color:var(--member-muted);text-align:end;flex-shrink:0}
.member-surface .segments{margin-bottom:22px}
.member-surface .segments button{font-size:12px;font-weight:400;line-height:1.5;padding:10px 6px;display:flex;justify-content:center;align-items:center;gap:4px}
.member-surface .member-filter-count{font:inherit}
.member-surface .order-item,.member-surface .order-item.premium-order{border-radius:20px;padding:0;overflow:hidden;margin:0 0 17px}
.member-surface .member-order-top{padding:15px 17px;font-size:10px;letter-spacing:.5px;color:var(--member-muted);min-height:50px}
.member-surface .member-order-top>small{font-size:10px}
.member-surface .member-order-top .badge{font-size:10px;padding:4px 8px;letter-spacing:0;display:flex;align-items:center;gap:5px}
.member-surface .member-order-top .badge:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}
.member-surface .order-item .member-order-image{width:100%;height:170px;border:0;border-radius:0;padding:10px;background:#fff;display:flex;align-items:center;justify-content:center}
.member-surface .member-order-image img{height:150px;width:85%;object-fit:contain;transition:transform .5s cubic-bezier(.2,.8,.2,1);border-radius:0}
.member-surface .member-order-image>.lucide{width:65px;height:65px;color:var(--member-muted)}
.member-surface .order-item:hover .member-order-image img{transform:scale(1.045)}
.member-surface .member-order-copy{padding:19px 18px 15px}
.member-surface .member-order-eyebrow{font-size:9px;letter-spacing:1.5px;line-height:1.5;text-transform:uppercase;color:var(--member-muted);overflow-wrap:anywhere}
.member-surface .member-order-copy h2{font-size:17px;font-weight:500;letter-spacing:-.35px;line-height:1.35;margin:6px 0 0}
.member-surface .member-order-copy .task-tags{margin-top:8px}
.member-surface .member-order-money{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;margin-top:19px}
.member-surface .member-order-money>div{min-width:0}
.member-surface .member-order-money>div+div{border-inline-start:1px solid var(--member-line);padding-inline-start:20px}
.member-surface .member-order-money span{display:block;font-size:10px;color:var(--member-muted);margin-bottom:3px}
.member-surface .member-order-money strong,.member-surface .order-item .member-order-money .reward{font-size:21px;letter-spacing:-.6px;font-weight:500;line-height:1.5;overflow-wrap:anywhere;unicode-bidi:isolate}
.member-surface .member-order-money small{font-size:8px;font-weight:400;letter-spacing:0;color:var(--member-muted)}
.member-surface .order-item>.member-order-footer.row{padding:13px 18px;margin:0;border-top:1px solid var(--member-line);gap:10px}
.member-surface .member-order-footer>small{font-size:10px;color:var(--member-muted)}
.member-surface .member-order-footer .outline{font-size:12px;min-height:38px;padding:9px 14px;background:var(--member-surface);color:var(--member-ink);border-color:var(--member-line)}
.member-surface .member-order-footer .lucide{width:12px;height:12px}
.member-surface .balance-blue{min-height:162px;padding:22px 23px;gap:0;margin:0 0 26px}
.member-surface .balance-blue>span{display:flex;align-items:center;gap:7px;font-size:12px;color:#d9cebd}
.member-surface .balance-blue>span>.lucide{width:14px;height:14px;color:#eaa571}
.member-surface .balance-blue strong{font-size:39px;font-weight:500;letter-spacing:-1.6px;line-height:1.2;margin-top:18px}
.member-surface .member-wallet-meta{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1.8px;color:#b4a99b;margin-top:17px;text-transform:uppercase}
.member-surface .member-wallet-meta bdi{color:#eba96f}
.member-surface .balance-blue .member-wallet-meta>span{font-size:9px}
.member-surface .trade-position{font-size:13px;margin:0 0 13px;line-height:1.5}
.member-surface .trade-position>span:last-child{font-size:11px;color:var(--member-muted)}
.member-surface .member-group-progress{margin-bottom:21px}
.member-surface .trade-stats{padding-bottom:21px}
.member-surface .trade-stats strong{line-height:1.3;font-size:25px}
.member-surface .trade-stats span{font-size:10px}
.member-surface .group-task-stats>div+div{padding-inline-start:18px}
.member-surface .match-button{margin:0;min-height:51px}
.member-surface .current-task{padding:0;margin-top:20px}
.member-surface .current-task .task-item{padding:13px;border-radius:15px;margin:0}
.member-surface .member-current-main.product-row{border:0;background:transparent;color:var(--member-ink);display:flex;width:100%;align-items:center;text-align:start;gap:12px;padding:0;cursor:pointer}
.member-surface .member-current-main .product-icon{width:64px;height:69px;border:0;border-radius:10px;padding:5px;background:#fff;flex-shrink:0}
.member-surface .member-current-copy{display:flex;flex-direction:column;flex:1;min-width:0;gap:3px}
.member-surface .member-current-copy>small{font-size:9px;color:var(--member-muted);letter-spacing:1.2px;text-transform:uppercase}
.member-surface .member-current-title{font-size:13px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}
.member-surface .member-current-copy .reward{font-size:12px;font-weight:500;line-height:1.5}
.member-surface .member-current-copy .reward small{font-size:9px}
.member-surface .member-current-main>.lucide{width:16px;height:16px;color:var(--member-muted);flex-shrink:0}
.member-surface .member-earnings{border-top:1px solid var(--member-line);padding-top:18px;margin-top:24px}
.member-surface .member-earnings .group-earnings{border:0;padding:0}
.member-surface .return-row{margin:10px 0;font-size:12px;line-height:1.5}
.member-surface .return-row strong{font-size:12px;font-weight:400}
.member-surface [data-group-estimate]{font-size:22px!important}
.member-surface .mobile .member-vip-badge{font-size:9px;letter-spacing:.5px;padding:4px 8px;display:inline-flex;align-items:center;gap:4px;border-radius:5px;line-height:1.4}
.member-surface .member-vip-badge>.lucide{height:11px;width:11px}
.member-surface .mobile .user-top{padding:5px 24px 0;margin:0 0 25px;gap:14px}
.member-surface .mobile .avatar{height:60px;width:60px;flex-shrink:0;font-family:Georgia,serif;font-size:25px;font-weight:400;border-radius:20px;display:grid;place-items:center}
.member-surface .mobile .user-top strong{font-size:23px;letter-spacing:-.5px;font-weight:500}
.member-surface .mobile .user-id{font-size:11px;line-height:1.5;display:flex;align-items:center;gap:3px;margin-top:4px}
.member-surface .mobile .user-id .icon-button{width:22px;height:22px;padding:4px}
.member-surface .mobile .user-id .icon-button>.lucide{width:12px;height:12px}
.member-surface .mobile .wallet{padding:22px 23px;gap:0;min-height:180px;margin:0}
.member-surface .mobile .wallet>strong{font-size:39px;font-weight:500;line-height:1.2;letter-spacing:-1.6px;margin-top:18px;display:block}
.member-surface .member-wallet-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:23px;flex-wrap:wrap}
.member-surface .member-wallet-actions .wallet-held{display:flex;gap:4px;font-size:10px;color:#c7bba7;line-height:1.5}
.member-surface .member-wallet-actions .wallet-held small{font-size:8px}
.member-surface .member-wallet-actions .two-columns{margin:0}
.member-surface .mobile .wallet .two-columns a{min-height:35px;padding:8px 15px;font-size:12px;font-weight:400;border-radius:9px;background:#ffb06b;box-shadow:none}
.member-surface .mobile .wallet .two-columns .lucide{width:12px;height:12px}
.member-surface .mobile .invite-band{min-height:0;padding:25px 0 20px;gap:12px;line-height:1.5}
.member-surface .invite-band>.lucide{width:17px;height:17px;color:var(--accent);flex-shrink:0}
.member-surface .invite-band>div{flex:1;min-width:0}
.member-surface .mobile .invite-band strong{font-size:13px;line-height:1.5}
.member-surface .mobile .invite-band p{font-size:11px;line-height:1.5;margin:2px 0 0}
.member-surface .mobile .invite-band .yellow-button{font-size:11px;line-height:1.5;padding:6px 0;min-height:34px;max-width:40%;flex-shrink:0}
.member-surface .invite-band .yellow-button>.lucide{width:11px;height:11px}
.member-surface .mobile .user-links>a,.member-surface .mobile .user-links .list-button{padding:14px 0;min-height:49px;font-size:12px;line-height:1.5;gap:12px}
.member-surface .mobile .user-links .lucide{width:16px;height:16px;flex-shrink:0}
.member-surface .member-language-current{font-size:10px;color:var(--member-muted);margin-inline-start:auto}
.member-surface .mobile .logout{font-size:11px;padding:19px 0;min-height:0;line-height:1.5;margin:0}
.member-surface .mobile-footer{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;min-height:0;padding:26px 65px 24px;line-height:1.5;margin:0}
.member-surface .mobile[data-member-page=orders]>.page-content{min-height:calc(100dvh - 260px)}
.member-surface .member-gold-copy strong{font-size:clamp(34px,10vw,53px);white-space:nowrap}
.member-surface button.primary{position:relative;overflow:hidden}
.member-surface .member-button-ripple{position:absolute;width:14px;height:14px;left:50%;top:50%;border-radius:50%;background:#fff6;pointer-events:none}
.member-surface .member-group-progress{transform-origin:left center}
html[dir=rtl] .member-surface .member-group-progress{transform-origin:right center}
.member-surface .support-widget-panel:not([hidden]){animation:member-chat-open .35s cubic-bezier(.2,.8,.2,1)}
.member-surface .support-widget-message{animation:member-message-in .32s cubic-bezier(.2,.8,.2,1)}
.member-surface .support-widget-badge:not([hidden]){animation:member-badge-in .45s cubic-bezier(.2,.8,.2,1)}
@keyframes member-chat-open{from{opacity:.3;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes member-message-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes member-badge-in{0%{transform:scale(.4)}65%{transform:scale(1.2)}100%{transform:scale(1)}}
@media(min-width:720px){.member-surface .mobile{margin-block:12px;border-radius:32px;border:1px solid var(--member-line);min-height:calc(100dvh - 24px);overflow:hidden}.member-surface .bottom-nav{bottom:12px;border-radius:0 0 32px 32px}.member-surface .support-widget-member{bottom:calc(99px + env(safe-area-inset-bottom))}}
@media(max-width:359px){.member-surface .brand-header{padding:20px 17px;height:75px;min-height:75px}.member-surface .home-content,.member-surface .page-content,.member-surface .mobile .user-top+.home-content{padding-inline:17px}.member-surface .page-header.member-main-heading{padding-inline:17px}.member-surface .page-header.member-main-heading h1{font-size:31px}.member-surface .member-page-date{font-size:9px}.member-surface .mobile .carousel-viewport{height:255px}.member-surface .member-feature-slide{padding:21px}.member-surface .member-feature-slide h2{font-size:31px;max-width:185px}.member-surface .member-sculpture{inset-inline-end:-65px;opacity:.85}.member-surface .member-hero-caption{font-size:8px;inset-inline-start:21px}.member-surface .member-order-copy h2{font-size:16px}.member-surface .member-order-money strong,.member-surface .order-item .member-order-money .reward{font-size:18px}.member-surface .member-order-money>div+div{padding-inline-start:12px}.member-surface .member-order-footer>small{max-width:60%}.member-surface .balance-blue strong,.member-surface .mobile .wallet>strong{font-size:35px}.member-surface .group-task-stats>div+div{padding-inline-start:12px}.member-surface .mobile .user-top{padding-inline:17px}.member-surface .mobile .user-top strong{font-size:20px}.member-surface .member-current-main .product-icon{width:55px;height:63px}.member-surface .member-edition{font-size:8px;max-width:86px}.member-surface .member-section-heading>span{font-size:8px}.member-surface .member-partner-wordmarks a{font-size:10px}.member-surface .member-partner-wordmarks .member-brand-sans{font-size:16px}}
@media(max-width:359px){html[lang=de] .member-surface .member-feature-slide h2{font-size:25px}}

/* VIP membership details use the existing member palette and typography. */
.member-surface .mobile a.member-vip-badge{position:relative;min-height:36px;max-width:100%;padding:8px 10px;gap:6px;font-size:10px;letter-spacing:0;border:1px solid #b98248;text-decoration:none;box-shadow:0 2px 7px #7a4a1914;transition:background .18s,transform .18s,box-shadow .18s;overflow:hidden;cursor:pointer;flex-shrink:0}
.member-surface .mobile a.member-vip-badge>span{line-height:1.35}
.member-surface .mobile a.member-vip-badge>.lucide{width:13px;height:13px;flex-shrink:0}
.member-surface .mobile a.member-vip-badge>.lucide:last-child{color:#ffd4a5;transition:transform .18s}
.member-surface .mobile a.member-vip-badge:hover{background:#403a2b;box-shadow:0 3px 12px #9a57152b}
.member-surface .mobile a.member-vip-badge:hover>.lucide:last-child{transform:translateX(2px)}
.member-surface .mobile a.member-vip-badge:active{transform:scale(.96)}
.member-surface .mobile a.member-vip-badge:after{content:"";position:absolute;inset:0;transform:translateX(-130%);background:linear-gradient(105deg,transparent 25%,#ffe3b938 50%,transparent 75%);pointer-events:none;animation:vip-entry-glint 1.2s ease 1s 2}
.member-surface .user-top>div:last-child{min-width:0;flex:1}
.member-surface .member-name-level{flex-wrap:wrap;gap:9px}
.member-surface .member-name-level>strong{min-width:0;overflow-wrap:anywhere}
.member-surface .vip-page,.member-surface .vip-page *{letter-spacing:0}
.member-surface .vip-page .vip-page-header{min-height:65px;padding:4px 24px 19px;gap:9px}
.member-surface .vip-page-header h1{font-size:22px;font-weight:500}
.member-surface .vip-page-header h1:after{content:none}
.member-surface .vip-page-header .back-link{border:1px solid var(--member-line);border-radius:8px;background:var(--member-surface);width:36px;height:36px;color:var(--member-ink)}
.member-surface .vip-status{padding:24px;background:var(--member-dark);color:#fff7ed;border-block:1px solid #746341;position:relative;overflow:hidden}
.member-surface .vip-status:before{content:"";height:3px;position:absolute;top:0;inset-inline:0;background:#ff9f52}
.member-surface .vip-status-top{display:flex;justify-content:space-between;align-items:center;gap:18px}
.member-surface .vip-kicker{display:block;font-size:11px;color:#d5c5ad;line-height:1.5}
.member-surface .vip-current-level{display:block;font-size:36px;line-height:1.2;font-weight:500;color:#ffce9c;margin-top:9px;overflow-wrap:anywhere}
.member-surface .vip-emblem{width:70px;height:70px;flex-shrink:0;display:grid;place-items:center;border:1px solid #b78952;outline:1px solid #715938;outline-offset:5px;border-radius:50%;background:#3c3528;color:#ffc787;transform:rotate(-8deg)}
.member-surface .vip-emblem>.lucide{width:34px;height:34px;stroke-width:1.2}
.member-surface .vip-recharge-total{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;margin-top:23px;border-top:1px solid #ffffff20;font-size:11px;color:#d5c5ad}
.member-surface .vip-recharge-total>strong{font-size:18px;font-weight:500;color:#fff5e8;text-align:right;overflow-wrap:anywhere;min-width:0}
.member-surface .vip-page small{font-size:10px;font-weight:400;white-space:nowrap}
.member-surface .vip-upgrade{padding:25px 24px 26px;border-bottom:1px solid var(--member-line);background:var(--member-surface)}
.member-surface .vip-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.member-surface .vip-section-heading h2,.member-surface .vip-levels-heading h2{font-size:16px;font-weight:500;margin:0}
.member-surface .vip-section-heading>span{display:flex;align-items:center;gap:6px;color:var(--accent);font-size:13px;font-weight:600}
.member-surface .vip-section-heading .lucide{width:15px;height:15px}
.member-surface .vip-gap-label{font-size:11px;color:var(--member-muted);margin:20px 0 5px}
.member-surface .vip-gap{display:block;font-size:30px;line-height:1.35;font-weight:500;color:var(--accent);overflow-wrap:anywhere}
.member-surface .vip-gap small{font-size:11px;margin-left:3px}
.member-surface .vip-progress{height:6px;background:#ece7de;border-radius:3px;overflow:hidden;margin-top:21px}
.member-surface .vip-progress>span{display:block;height:100%;background:#e77930;border-radius:3px;transform-origin:left center}
.member-surface .vip-progress-labels{display:flex;justify-content:space-between;gap:16px;margin-top:9px;font-size:10px;color:var(--member-muted);line-height:1.6}
.member-surface .vip-progress-labels>span{min-width:0;flex:1}
.member-surface .vip-progress-labels>span:last-child{text-align:right}
.member-surface .vip-progress-labels b{display:block;color:var(--member-ink);font-size:12px;font-weight:500;overflow-wrap:anywhere}
.member-surface .vip-progress-labels small{font-size:9px}
.member-surface .vip-upgrade .vip-contact{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:45px;border-radius:8px;margin-top:22px;font-size:12px;text-decoration:none;box-shadow:none}
.member-surface .vip-contact>.lucide{width:16px;height:16px;flex-shrink:0}
.member-surface .vip-contact>.lucide:last-child{margin-left:auto}
.member-surface .vip-contact>span{flex:1;text-align:left}
.member-surface .vip-contact .member-message-badge{position:static;flex-shrink:0;background:#fff;color:var(--accent)}
.member-surface:has(.mobile:is([data-member-page=vip],[data-member-page=withdraw],[data-member-page=trade])) .support-widget:not(.support-widget-open) .support-widget-launcher{visibility:hidden;pointer-events:none}
.member-surface .vip-upgrade-note,.member-surface .vip-unconfigured{font-size:12px;line-height:1.6;color:var(--member-muted);margin:18px 0 0}
.member-surface .vip-levels{padding:25px 24px 0}
.member-surface .vip-levels-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}
.member-surface .vip-levels-heading>span{font-size:10px;color:var(--member-muted);text-align:right;max-width:45%;line-height:1.4}
.member-surface .vip-tier-list{padding:0;margin:0;list-style:none}
.member-surface .vip-tier{position:relative;display:grid;grid-template-columns:34px minmax(64px,1fr) minmax(98px,1.2fr);align-items:center;gap:11px;min-height:73px;border-bottom:1px solid var(--member-line);padding:12px 0}
.member-surface .vip-tier-symbol{width:32px;height:34px;display:grid;place-items:center;color:#a59c8e}
.member-surface .vip-tier-symbol>.lucide{width:17px;height:17px}
.member-surface .vip-tier-name{min-width:0;line-height:1.5}
.member-surface .vip-tier-name strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere}
.member-surface .vip-tier-name>span{display:block;font-size:10px;color:var(--member-muted)}
.member-surface .vip-tier-amount{min-width:0;text-align:right;line-height:1.5}
.member-surface .vip-tier-amount strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}
.member-surface .vip-tier-amount>span{font-size:11px;color:var(--member-muted)}
.member-surface .vip-tier-amount>.vip-tier-rate{display:block;font-size:10px;margin-top:3px;line-height:1.5}
.member-surface .vip-tier-rate b{color:var(--member-ink);font-weight:500;margin-inline-start:3px}
.member-surface .vip-tier.is-current .vip-tier-rate b{color:var(--accent)}
.member-surface .vip-tier-amount small{font-size:8px}
.member-surface .vip-tier.is-reached .vip-tier-symbol{color:#4b806c}
.member-surface .vip-tier.is-current{background:var(--member-tint);border-color:#efcaa9;margin-inline:-12px;padding-inline:12px;border-radius:6px}
.member-surface .vip-tier.is-current .vip-tier-symbol,.member-surface .vip-tier.is-current .vip-tier-name>span{color:var(--accent)}
.member-surface .vip-tier.is-next .vip-tier-symbol{color:var(--accent)}
.member-surface .vip-levels-note{display:flex;align-items:flex-start;gap:8px;font-size:10px;color:var(--member-muted);line-height:1.7;margin:19px 0 0}
.member-surface .vip-levels-note>.lucide{width:14px;height:14px;flex-shrink:0;margin-top:2px;color:#668575}
.member-surface .vip-highest{text-align:center;padding-block:30px}
.member-surface .vip-highest h2{font-size:20px;font-weight:500;margin:13px 0 8px}
.member-surface .vip-highest p{font-size:12px;line-height:1.6;color:var(--member-muted);margin:0}
.member-surface .vip-highest-mark{color:var(--accent)}
.member-surface .vip-highest-mark>.lucide{height:30px;width:30px}
@keyframes vip-entry-glint{to{transform:translateX(130%)}}
@media(max-width:359px){.member-surface .vip-page .vip-page-header{padding-inline:17px}.member-surface .vip-status,.member-surface .vip-upgrade,.member-surface .vip-levels{padding-inline:20px}.member-surface .vip-tier{gap:8px;grid-template-columns:27px minmax(65px,1fr) minmax(105px,1.2fr)}.member-surface .vip-tier-amount strong{font-size:13px}.member-surface .vip-current-level{font-size:30px}.member-surface .vip-emblem{width:58px;height:58px}.member-surface .vip-gap{font-size:27px}.member-surface .vip-recharge-total{gap:10px}.member-surface .vip-recharge-total>strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.member-surface .mobile a.member-vip-badge:after{animation:none}.member-surface .mobile a.member-vip-badge,.member-surface .mobile a.member-vip-badge>.lucide:last-child{transition:none}}

.member-surface .identity-upload{margin:0 0 20px;min-width:0;letter-spacing:0}
.member-surface .identity-upload>label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;line-height:1.5;color:var(--member-muted)}
.member-surface .identity-upload-surface{position:relative;height:176px;border:1px dashed var(--accent-line);border-radius:8px;background:var(--member-tint);transition:border-color .18s,background .18s}
.member-surface .identity-upload-surface:has(button:hover),.member-surface .identity-upload-surface:focus-within{border-color:var(--accent)}
.member-surface .identity-upload .identity-file{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;border:0;opacity:0;clip-path:inset(50%)}
.member-surface .identity-pick,.member-surface .identity-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;height:100%;padding:16px;border:0;border-radius:8px;background:transparent;color:var(--accent);transition:background .18s}
.member-surface .identity-pick:hover{background:#ff782a0a}
.member-surface .identity-pick:active{background:#ff782a15}
.member-surface .identity-pick strong{font-size:14px;font-weight:500;line-height:1.5;overflow-wrap:anywhere;max-width:100%}
.member-surface .identity-upload-symbol{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--accent-line);border-radius:8px;background:var(--member-surface);transition:transform .18s}
.member-surface .identity-upload-symbol>.lucide{width:25px;height:25px}
.member-surface .identity-pick:hover .identity-upload-symbol{transform:translateY(-2px)}
.member-surface .identity-upload[data-state=ready] .identity-upload-surface{border-style:solid;border-color:var(--member-line);background:var(--member-paper)}
.member-surface .identity-preview{padding:10px;position:relative;cursor:zoom-in}
.member-surface .identity-preview img{display:block;width:100%;height:100%;object-fit:contain}
.member-surface .identity-zoom{position:absolute;inset-inline-end:9px;bottom:9px;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--member-line);border-radius:6px;background:var(--member-surface);color:var(--member-ink);box-shadow:0 2px 5px #29261f10}
.member-surface .identity-zoom>.lucide{width:16px;height:16px}
.member-surface .identity-upload-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;height:46px;font-size:10px;color:var(--member-muted)}
.member-surface .identity-file-info{display:flex;align-items:center;gap:6px;min-width:0;flex:1}
.member-surface [data-identity-filename]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.member-surface [data-identity-limit]{flex-shrink:0}
.member-surface .identity-ready{display:flex;color:#42775d}
.member-surface .identity-ready>.lucide{width:15px;height:15px}
.member-surface .identity-upload-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}
.member-surface .identity-upload-actions .icon-button{width:40px;height:40px;border-radius:6px;color:var(--accent)}
.member-surface .identity-upload-actions .icon-button>.lucide{width:17px;height:17px}
.member-surface .identity-upload-actions .icon-button:hover{background:var(--member-tint)}
.member-surface .identity-upload-actions [data-action=identity-remove]{color:var(--member-muted)}
.member-surface .identity-upload-actions [data-action=identity-remove]:hover{color:#b63027;background:#fff0ed}
.member-surface .identity-processing{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:100%;font-size:13px;color:var(--accent)}
.member-surface .identity-processing>.lucide{width:19px;height:19px;animation:identity-processing 1s linear infinite}
.member-surface .identity-photo-error{color:#b63027;font-size:12px;line-height:1.5;margin:0;overflow-wrap:anywhere}
.member-surface .identity-photo-error:empty{display:none}
.member-surface .identity-upload[data-state=error] .identity-upload-surface{border-color:#b63027}
@keyframes identity-processing{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.member-surface .identity-processing>.lucide{animation:none}.member-surface .identity-upload-surface,.member-surface .identity-pick,.member-surface .identity-preview,.member-surface .identity-upload-symbol{transition:none}}

.member-surface .start-earnings{padding-top:8px;letter-spacing:0}
.member-surface .start-earnings .return-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;min-height:48px;padding:12px 0;margin:0;border-bottom:1px solid var(--member-line);font-size:12px;line-height:1.5;letter-spacing:0}
.member-surface .start-earnings .return-row:last-child{border-bottom:0}
.member-surface .start-earnings .return-row>span{font-size:12px;font-weight:400;color:var(--member-ink)}
.member-surface .start-earnings .return-row>strong{min-width:0;max-width:100%;margin-inline-start:auto;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;text-align:end}
.member-surface .start-earnings .return-row small{font-size:9px;font-weight:400;letter-spacing:0;white-space:nowrap}
.member-surface .start-earnings .is-highlight{min-height:66px}
.member-surface .start-earnings .is-highlight>strong{font-size:26px;font-weight:600;color:var(--accent)}
.member-surface .start-earnings [data-group-rate]>small{font-size:15px;color:var(--accent);margin-inline-start:3px}
.member-surface .mobile .wallet+.user-links{margin-top:18px}