@charset "UTF-8";
:root{--bg:#f5f6f7;--paper:#fff;--ink:#202622;--muted:#8a918d;--line:#e9ede9;--green:#365c49;--deep:#234534;--soft:#edf3ee;--red:#c75c54;--radius:20px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #8db99c;outline-offset:3px}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}input,select{outline:none}input:focus{border-color:#56775f!important;box-shadow:0 0 0 3px #365c4910}svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.header{height:112px;max-width:1320px;padding:0 64px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:13px}.brand-logo{width:54px;height:46px;overflow:hidden;position:relative;background:white;mix-blend-mode:multiply;flex-shrink:0}.brand-logo img{position:absolute;width:108px;height:72px;max-width:none;left:-27px;top:-13px}.brand-name{font-weight:650;font-size:23px;letter-spacing:.12em;white-space:nowrap}.language{display:flex;align-items:center;gap:8px;color:#626a65;font-size:13px}.language svg{width:17px;height:17px}.language select{border:0;background:transparent;color:inherit;max-width:125px;cursor:pointer}.auth-main{max-width:1060px;padding:42px 32px 64px;margin:auto;display:grid;grid-template-columns:1fr 450px;gap:100px;align-items:center;min-height:calc(100svh - 180px)}.auth-art{align-self:center;color:var(--green);position:relative;min-height:440px;display:flex;flex-direction:column;justify-content:flex-end;padding:28px 0}.auth-art .huge-mark{width:300px;height:250px;position:absolute;left:2px;top:-4px;background:url('/assets/logo.png') center/550px auto no-repeat;mix-blend-mode:multiply;opacity:.92}.auth-art .art-rule{width:40px;height:3px;background:#a9be75;margin-bottom:25px}.auth-art h2{font-size:36px;font-weight:500;letter-spacing:.13em;line-height:1.6;margin:0}.auth-art p{font-size:12px;letter-spacing:.22em;color:#8b948b;margin:18px 0 0}.auth-card{background:var(--paper);padding:38px 40px 34px;border:1px solid #eef0ee;border-radius:24px;box-shadow:0 15px 50px #213e2b05;position:relative}.auth-card h1{font-size:26px;letter-spacing:.04em;font-weight:600;margin:0 0 10px}.subtle{color:var(--muted);font-size:13px;line-height:1.8}.auth-card .subtle{margin:0 0 28px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#8d9c91;font-size:10px;font-weight:600;margin-bottom:14px}.field{display:block;margin-bottom:21px}.field>span{display:block;font-size:13px;font-weight:500;margin-bottom:10px}.input-wrap{position:relative}.field input,.field select,.admin-form input,.admin-form select{display:block;width:100%;height:48px;padding:0 15px;border:1px solid #e6eae6;border-radius:9px;background:#fafbfa;color:var(--ink);font-size:14px;transition:.2s}.field input::placeholder{color:#b0b6b1;font-size:13px}.field .input-wrap input{padding-right:47px}.eye{position:absolute;right:8px;top:7px;height:34px;width:34px;display:grid;place-items:center;color:#969e97}.eye svg{width:18px;height:18px}.primary{width:100%;padding:14px 20px;min-height:48px;border-radius:9px;color:#fff;background:var(--green);font-size:14px;font-weight:550;letter-spacing:.07em;transition:.2s}.primary:hover{background:var(--deep);transform:translateY(-1px)}.secondary{padding:12px 20px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:13px}.auth-links{display:flex;justify-content:center;align-items:center;gap:17px;margin-top:24px;font-size:13px;color:#737c74}.auth-links i{height:11px;width:1px;background:#dbe0db}.auth-links button:hover{color:var(--green)}.auth-foot{text-align:center;color:#adb4ae;font-size:11px;letter-spacing:.08em;margin:0 0 25px}.stepper{display:flex;align-items:center;gap:10px;margin:25px 0 30px;font-size:11px;color:#a4aaa6}.stepper b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#eff2ef;color:#8a958b;font-weight:500}.stepper .active{color:var(--green)}.stepper .active b{background:var(--green);color:white}.stepper>span{display:flex;align-items:center;gap:8px}.stepper i{flex:1;height:1px;background:#e7ece7}.auth-main.register{padding-top:15px}.register .auth-card{padding-top:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.back-inline{display:flex;align-items:center;gap:5px;color:#8b948d;font-size:12px;margin-bottom:22px}.back-inline svg{width:15px;height:15px}.field-note{color:#9aa39b;font-size:11px;margin:-10px 0 18px}.page{max-width:860px;margin:15px auto 0;padding:0 32px 120px}.page-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.page-top h1{font-weight:550;font-size:22px;margin:0}.page-top p{color:var(--muted);font-size:12px;margin:7px 0 0}.avatar{height:45px;width:45px;display:grid;place-items:center;background:#e8eee8;color:var(--green);border-radius:50%}.user-heading{display:flex;align-items:center;gap:14px}.user-heading strong{font-size:20px;font-weight:600;letter-spacing:.025em}.user-heading span{display:block;color:#939c94;font-size:11px;margin-top:5px}.account-currency{font-size:11px;letter-spacing:.1em;color:#8c978e}.asset-card{background:linear-gradient(125deg,#345342,#294535 70%,#345c47);border-radius:20px;padding:30px 32px;color:#fff;box-shadow:0 10px 28px #23453414;overflow:hidden;position:relative}.asset-card:after{content:"";position:absolute;right:-45px;top:-120px;width:350px;height:350px;border:1px solid #c8dac220;border-radius:50%;box-shadow:0 0 0 35px #c8dac207,0 0 0 70px #c8dac207;pointer-events:none}.asset-label{color:#d3dfd5;font-size:12px;display:flex;align-items:center;gap:10px}.asset-label svg{width:15px;height:15px}.asset-number{font-size:43px;letter-spacing:.025em;font-weight:500;margin:13px 0 25px;font-variant-numeric:tabular-nums}.asset-number small{font-size:14px;color:#c4d5c8;margin-right:9px}.asset-stats{display:grid;grid-template-columns:1fr 1fr;padding-top:20px;border-top:1px solid #ffffff18;gap:20px}.asset-stats span{font-size:11px;color:#c3d3c8;display:block}.asset-stats strong{display:block;font-weight:450;font-size:19px;margin-top:8px}.balance-card{margin:14px 0 22px;background:white;border:1px solid var(--line);padding:22px 27px;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:16px}.balance-label{font-size:12px;color:#8a948c}.balance-value{font-size:25px;font-weight:550;margin-top:7px;font-variant-numeric:tabular-nums}.money-actions{display:flex;gap:10px}.money-actions button{display:flex;align-items:center;gap:6px;padding:10px 16px;font-size:12px;border:1px solid #e3eae3;border-radius:8px;background:#fafcfa}.money-actions button:first-child{color:var(--green);background:#edf3ed;border-color:#edf3ed}.money-actions svg{width:15px;height:15px}.menu-group{background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:14px;overflow:hidden}.menu-item{display:flex;align-items:center;width:100%;text-align:left;gap:13px;padding:21px 23px;font-size:14px}.menu-item+.menu-item{border-top:1px solid #f0f2f0}.menu-item:hover{background:#fbfcfb}.menu-icon{display:grid;place-items:center;width:28px;height:28px;color:#647f6c}.menu-icon svg{width:21px;height:21px}.menu-item .chevron{margin-left:auto;color:#b1b9b2;width:17px;height:17px}.menu-note{margin-left:auto;font-size:11px;color:#a0a8a1}.security-note{padding:0 25px 19px 64px;margin-top:-6px;color:#9aa39b;font-size:10px;line-height:1.9}.security-note span{display:flex;align-items:center;gap:5px}.security-note svg{width:11px;height:11px}.logout{width:100%;padding:17px;color:#929991;font-size:13px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#ffffffed;backdrop-filter:blur(18px);border-top:1px solid #e8ede8;padding-bottom:env(safe-area-inset-bottom);z-index:10}.nav-inner{max-width:650px;display:grid;grid-template-columns:repeat(4,1fr);margin:auto;height:76px}.nav-btn{color:#9ba39c;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;font-size:10px;position:relative}.nav-btn svg{width:22px;height:22px}.nav-btn.active{color:var(--green);font-weight:600}.nav-btn.active:before{content:"";position:absolute;top:0;width:25px;height:3px;border-radius:0 0 3px 3px;background:var(--green)}.sheet-backdrop{position:fixed;inset:0;background:#18271e55;backdrop-filter:blur(3px);display:grid;place-items:center;padding:22px;z-index:50}.sheet{width:min(100%,460px);max-height:90svh;overflow:auto;background:#fff;border-radius:22px;padding:28px;box-shadow:0 20px 80px #0002}.sheet.wide{width:min(100%,650px)}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.sheet-head h2{font-size:19px;font-weight:550;margin:0}.close{width:30px;height:30px;display:grid;place-items:center;color:#97a099}.close svg{width:19px;height:19px}.detail-line{display:flex;align-items:flex-start;justify-content:space-between;padding:17px 0;gap:20px;font-size:13px;border-bottom:1px solid var(--line)}.detail-line>span{color:#8c968e}.detail-line strong{font-weight:500;word-break:break-all}.notice{font-size:12px;color:#86988a;background:#f3f7f2;padding:16px;line-height:1.9;border-radius:10px;margin:20px 0 0}.notice svg{width:13px;height:13px;vertical-align:middle;margin-right:5px}.empty{padding:38px 15px;text-align:center;color:#a0aaa2;font-size:12px;line-height:1.9}.empty svg{height:36px;width:36px;display:block;margin:0 auto 15px;color:#bcc9bc}.empty strong{display:block;font-size:14px;font-weight:500;color:#7b887e;margin-bottom:8px}.record{padding:16px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}.record p{margin:0 0 7px;font-size:13px}.record small{color:#9aa49b;font-size:10px}.record strong{font-size:15px;font-weight:550}.positive{color:var(--green)}.negative{color:var(--red)}.record .status{font-size:10px;border-radius:5px;padding:4px 7px;background:#f2f5f1;color:#839682;display:inline-block;margin-top:5px}.tabs{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.chip{padding:8px 15px;border:1px solid #e5eae5;border-radius:20px;background:#fff;color:#8a958c;font-size:12px}.chip.active{color:white;background:var(--green);border-color:var(--green)}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.product{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-align:left;padding:0;transition:.25s}.product:hover{transform:translateY(-3px);box-shadow:0 12px 30px #2345340b}.product img{display:block;width:100%;height:175px;object-fit:cover}.product-body{padding:20px}.product-body .category{font-size:9px;letter-spacing:.1em;color:#8c9d8e}.product-body h2{font-size:20px;font-weight:550;margin:8px 0}.product-body p{font-size:11px;color:#98a098;margin:0;line-height:1.8}.product-bottom{border-top:1px solid #f0f2ef;margin-top:17px;padding-top:13px;color:#8fa18e;font-size:10px;display:flex;align-items:center;justify-content:space-between}.product-bottom svg{width:16px;height:16px}.placeholder-panel{padding:50px 35px;background:#fff;border:1px solid var(--line);border-radius:20px;text-align:center}.placeholder-panel .large-icon{width:66px;height:66px;background:#edf3ec;color:#6c906f;display:grid;place-items:center;border-radius:20px;margin:0 auto 25px}.large-icon svg{width:30px;height:30px}.placeholder-panel h2{font-size:24px;font-weight:500}.placeholder-panel p{font-size:13px;line-height:2;color:#939f94;max-width:330px;margin:auto}.yue-number{font-size:42px;margin:20px 0 6px}.mini-stats{display:grid;grid-template-columns:1fr 1fr;margin:30px 0 10px;padding-top:25px;border-top:1px solid var(--line)}.mini-stats span{display:block;font-size:11px;color:#9ba49b}.mini-stats strong{font-size:22px;display:block;margin-top:12px;font-weight:500}.home-welcome{border-radius:20px;background:#eaf0e8;padding:34px;color:var(--green);position:relative;overflow:hidden}.home-welcome h2{font-weight:500;font-size:27px;letter-spacing:.08em;margin:12px 0}.home-welcome p{font-size:12px;color:#8a9d88}.home-welcome .brand-logo{float:right;background:transparent;width:100px;height:90px}.home-welcome .brand-logo img{width:200px;height:133px;left:-50px;top:-25px}.home-links{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.home-link{padding:25px;background:#fff;border:1px solid var(--line);border-radius:15px;text-align:left}.home-link svg{color:var(--green);margin-bottom:14px}.home-link strong{font-size:14px;display:block;font-weight:500}.home-link p{font-size:11px;color:#9aa59b;line-height:1.7}.admin{max-width:1200px;padding:20px 35px 80px;margin:auto}.admin h1{font-size:24px;font-weight:550}.admin-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:start}.admin-card{background:white;border:1px solid var(--line);padding:25px;border-radius:16px;margin-bottom:20px;overflow:auto}.admin-card h2{font-weight:550;font-size:16px;margin:0 0 22px}.admin-form{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.admin-form input,.admin-form select{flex:1;min-width:120px}.admin-form .primary{width:auto;min-width:100px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{color:#929b93;text-align:left;font-weight:400;padding:12px;border-bottom:1px solid var(--line)}td{padding:14px 12px;border-bottom:1px solid var(--line)}.small-action{font-size:11px;color:var(--green);border:1px solid #e2e9df;border-radius:6px;padding:6px 10px}.danger{color:var(--red)}.admin-summary{display:flex;gap:16px;margin:24px 0}.admin-summary>div{background:#fff;border:1px solid var(--line);padding:20px 26px;border-radius:13px;min-width:160px}.admin-summary span{display:block;color:#97a196;font-size:11px}.admin-summary strong{display:block;font-size:25px;margin-top:8px;font-weight:500}#toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%,20px);padding:13px 22px;border-radius:10px;background:#283e30ed;color:white;font-size:13px;line-height:1.7;z-index:100;opacity:0;pointer-events:none;transition:.25s;max-width:90vw;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.error-inline{color:var(--red);font-size:12px;line-height:1.8;margin:0 0 15px}.loading{height:80svh;display:grid;place-items:center;color:#8fa18f;font-size:13px}.payout-card{padding:24px;background:linear-gradient(115deg,#f4f6f3,#e9efe8);border-radius:14px;margin-bottom:22px}.payout-card strong{font-size:17px;font-weight:500}.payout-card p{font-size:18px;letter-spacing:.08em;margin-bottom:4px}.payout-card small{color:#8d9d8c}.account-preview{font-size:12px;color:#8c998d;background:#f4f7f3;padding:12px 14px;border-radius:8px;margin-bottom:20px}.sheet .field{margin-bottom:19px}.identity-verified{display:flex;align-items:center;gap:6px;font-size:11px;color:#648c66}.identity-verified svg{width:15px;height:15px}
@media(min-width:1100px){.page{max-width:820px}.asset-card{padding:32px 36px}.auth-main{margin-top:3vh}.register .auth-art{min-height:470px}}
@media(max-width:850px){.header{padding:0 30px;height:95px}.brand-name{font-size:20px}.auth-main{grid-template-columns:1fr 400px;gap:25px;padding:20px 30px 50px}.auth-art h2{font-size:25px}.auth-art .huge-mark{background-size:420px;width:240px;height:220px;left:-12px}.auth-art{min-height:400px}.auth-card{padding:32px}.admin-grid{grid-template-columns:1fr}.admin-summary{flex-wrap:wrap}}
@media(max-width:680px){.header{height:88px;padding:0 22px}.brand{gap:8px}.brand-logo{width:42px;height:37px}.brand-logo img{width:84px;height:56px;left:-21px;top:-10px}.brand-name{font-size:18px;letter-spacing:.06em}.language{gap:4px;font-size:11px}.language select{max-width:100px}.language svg{width:15px;height:15px}.auth-main{display:block;padding:36px 24px 50px;min-height:calc(100svh - 150px);max-width:470px}.auth-art{display:none}.auth-card{border:0;background:transparent;box-shadow:none;padding:25px 0}.auth-card h1{font-size:29px;margin-bottom:12px}.auth-card .subtle{margin-bottom:35px}.auth-card .field input{background:#fff;height:53px;border-color:#e4e9e3}.auth-card .primary{min-height:53px;margin-top:7px}.auth-links{margin-top:28px}.auth-foot{font-size:10px}.auth-main.register{padding-top:5px}.register .auth-card{padding-top:15px}.register .auth-card h1{font-size:25px}.stepper{margin-bottom:28px}.page{padding:0 20px 106px;margin-top:10px}.user-heading strong{font-size:18px}.avatar{width:41px;height:41px}.asset-card{padding:26px 25px;border-radius:18px}.asset-number{font-size:38px;margin-bottom:23px}.asset-stats strong{font-size:18px}.balance-card{padding:19px 21px;gap:8px}.balance-value{font-size:22px}.balance-label{font-size:11px}.money-actions{gap:7px}.money-actions button{padding:9px 12px;gap:4px}.menu-item{padding:19px 18px;font-size:13px;gap:11px}.menu-note{font-size:10px}.security-note{padding-left:57px;font-size:9px}.nav-inner{height:70px}.product-grid{gap:13px}.product img{height:130px}.product-body{padding:15px}.product-body h2{font-size:18px}.product-body p{font-size:10px}.product-bottom{font-size:9px}.page-top h1{font-size:21px}.sheet-backdrop{padding:15px}.sheet{padding:24px;border-radius:20px}.admin{padding:12px 17px 60px}.admin-card{padding:20px 15px}.admin-summary{gap:10px}.admin-summary>div{min-width:0;flex:1;padding:17px}.admin-summary strong{font-size:21px}.admin-form{display:grid;grid-template-columns:1fr}.home-welcome{padding:25px}.home-welcome h2{font-size:23px}.placeholder-panel{padding:38px 20px}.home-link{padding:20px}.menu-note.long{max-width:95px;text-align:right}.form-row{gap:10px}.auth-main .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.product-modal-image{width:100%;height:210px;object-fit:cover;border-radius:13px}.language:has(select option[value="ru"]:checked)~*{letter-spacing:0}.header:has(option[value="ru"]:checked) .brand-name{font-size:19px;letter-spacing:0}.nav-inner:has(.nav-btn span){min-width:0}@media(max-width:680px){html[lang="ru"] .brand-name{font-size:15px;letter-spacing:0}html[lang="ru"] .nav-btn{font-size:8px}html[lang="ru"] .menu-note{max-width:80px;text-align:right;font-size:9px}html[lang="en"] .brand-name{font-size:17px;letter-spacing:0}html[lang="ja"] .brand-name{font-size:16px;letter-spacing:0}}

/* Personal center appearance, 2026-10-29 */
.asset-card{color:#303137;background:radial-gradient(ellipse at top left,#f8d7d8 0,transparent 48%),radial-gradient(ellipse at top right,#f9dddd 0,transparent 48%),#fff;border:1px solid #f1e5e5;box-shadow:0 8px 24px #9b545408}
.asset-card:after{display:none}.asset-label{color:#8e7477}.asset-number small{color:#a28b8d}.asset-stats{border-top-color:#eedfe0}.asset-stats span{color:#9c8588}.asset-stats strong{color:#4e4144}
.balance-card{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:12px;padding:0;background:transparent;border:0;border-radius:0;align-items:stretch}
.available-tile,.money-actions button{background:#fff;border:1px solid var(--line);border-radius:14px;min-height:105px;padding:20px 16px;min-width:0}
.money-actions{display:contents}.money-actions button,.money-actions button:first-child{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#fff;border-color:var(--line);font-size:13px;color:#527b9b}.money-actions button:first-child{color:#398584}.money-actions svg{width:23px;height:23px}.balance-value{font-size:24px;overflow-wrap:anywhere}.balance-label{font-size:11px}
.menu-icon{width:34px;height:34px;border-radius:10px}.menu-item[data-action="verification"] .menu-icon{color:#ea8c28;background:#fff1df}.menu-item[data-action="orders"] .menu-icon{color:#4283dc;background:#edf3ff}.menu-item[data-action="deposits"] .menu-icon{color:#28a5db;background:#e9f8ff}.menu-item[data-action="withdrawals"] .menu-icon{color:#4d86df;background:#edf3ff}.menu-item[data-action="payout"] .menu-icon{color:#319aa9;background:linear-gradient(135deg,#eaf3ff,#e4f7f0)}.menu-item[data-action="settings"] .menu-icon{color:#4288d9;background:linear-gradient(135deg,#edf6ff,#c9e2ff)}
@media(max-width:680px){.balance-card{gap:9px;padding:0}.available-tile,.money-actions button{min-height:99px;padding:17px 10px;border-radius:13px}.balance-value{font-size:21px}.money-actions button{font-size:12px}.balance-label{font-size:10px}.security-note{padding-left:63px}}

/* Savings overview */
.savings-total{position:relative;background:#fff;border:1px solid #edf0ed;border-radius:20px;padding:28px 24px 20px;overflow:hidden;min-height:230px;display:flex;flex-direction:column;justify-content:flex-end}
.savings-arc{position:absolute;width:72%;aspect-ratio:2/1;left:14%;bottom:54px;border:10px solid #f2f5f3;border-bottom:0;border-radius:999px 999px 0 0;pointer-events:none}
.savings-amount{position:relative;text-align:center;padding:30px 0 25px}.savings-amount>span{display:block;font-size:13px;color:#929a95}.savings-amount strong{display:block;font-size:42px;font-weight:500;letter-spacing:.01em;margin-top:13px;font-variant-numeric:tabular-nums}.savings-amount small{font-size:27px;font-weight:400;margin-right:3px}.arc-labels{display:flex;justify-content:space-between;position:relative;color:#8e9790;font-size:12px;padding:0 4px}
.savings-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border:1px solid #edf0ed;border-radius:17px;margin:16px 0; padding:20px 0}.savings-actions button{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:13px;min-width:0}.savings-actions button+button:before{content:"";position:absolute;left:0;top:16px;height:32px;width:1px;background:#e4e7e5}.savings-action-icon{width:42px;height:42px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center}.savings-action-icon svg{width:27px;height:27px;stroke-width:1.8}.savings-action-icon.in{color:#49a56d}.savings-action-icon.out{color:#458bdd}.savings-action-icon.detail{color:#db9a37}
.savings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.savings-tile{aspect-ratio:1.12;background:#fff;border:1px solid #edf0ed;border-radius:19px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px;text-align:center;min-width:0}.savings-stat-icon{height:44px;width:44px;border-radius:50%;display:grid;place-items:center;margin-bottom:16px}.savings-stat-icon svg{width:30px;height:30px;stroke-width:1.7}.savings-stat-icon.earn{background:#e8f5dc;color:#65ac39}.savings-stat-icon.rate{background:#e0f5fa;color:#3fa8c5}.savings-stat-icon.limit-in{background:#fff0d3;color:#df9d2e}.savings-stat-icon.limit-out{background:#f9e3ed;color:#d76595}.savings-stat-label{font-size:13px;line-height:1.6;color:#8b948e}.savings-tile strong{font-size:25px;font-weight:500;margin-top:7px;font-variant-numeric:tabular-nums}
@media(min-width:681px){.savings-total{min-height:290px}.savings-arc{width:58%;left:21%;bottom:55px}.savings-amount{padding-bottom:40px}.savings-tile{aspect-ratio:1.35}.savings-stat-icon{width:52px;height:52px}.savings-stat-label{font-size:15px}.savings-tile strong{font-size:29px}}
@media(max-width:360px){.savings-grid{gap:11px}.savings-stat-label{font-size:11px}.savings-tile{padding:16px 8px}.savings-total{min-height:210px}.savings-amount strong{font-size:36px}}

/* Replay the tile entrance whenever the savings page is opened. */
.savings-grid{overflow:hidden}
.savings-enter .savings-tile{animation-duration:650ms;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:backwards}
.savings-enter .savings-tile:nth-child(odd){animation-name:savings-enter-left}
.savings-enter .savings-tile:nth-child(even){animation-name:savings-enter-right}
.savings-enter .savings-tile:nth-child(n+3){animation-delay:100ms}
@keyframes savings-enter-left{from{opacity:0;transform:translateX(-110%)}to{opacity:1;transform:translateX(0)}}
@keyframes savings-enter-right{from{opacity:0;transform:translateX(110%)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.savings-enter .savings-tile{animation:none}}
.product-search{display:flex;position:relative;margin:0 0 22px}.product-search input{width:100%;border:1px solid #e8ece9;border-radius:28px;background:#fff;padding:15px 45px 15px 20px;font-size:14px}.product-search>span{position:absolute;right:18px;top:8px;font-size:28px;color:#9aa29b}.product[hidden]{display:none}.market-open .bottom-nav{display:none}.market-open .header{display:none}.market-heading{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:12px;margin:22px 0}.market-heading h1{text-align:center;font-size:22px;margin:0;font-weight:600}.market-heading button{border-radius:50%;background:#e8ebe9;width:42px;height:42px;display:grid;place-items:center;color:#7f8b83}.market-demo{text-align:center;color:#a18b67;font-size:11px;margin:0 0 18px}.quote-card{display:grid;grid-template-columns:1fr 1.6fr;background:#fff;border-radius:18px;border:1px solid #eef0ee;min-height:130px;align-items:center;overflow:hidden}.quote-price{color:#e83b5f;font-size:29px;font-weight:600;border-left:4px solid #ed4165;padding:12px 8px 12px 17px;font-variant-numeric:tabular-nums}.quote-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px 10px;padding:22px 15px;border-left:1px solid #f0f1f0}.quote-stats span{font-size:10px;color:#a4aaa6}.quote-stats b{display:block;font-size:13px;font-weight:500;color:#363d37;margin-top:7px;font-variant-numeric:tabular-nums}.market-periods{display:flex;justify-content:space-between;margin:22px 0 12px;gap:3px}.market-periods button{font-size:12px;color:#9ca49e;padding:7px 2px;position:relative}.market-periods .active{color:#343b35;font-weight:600}.market-periods .active:after{content:'';position:absolute;width:12px;height:4px;background:#e83b5f;bottom:-3px;left:calc(50% - 6px);border-radius:4px}.market-chart{position:relative}.market-chart>svg{display:block;width:100%;height:auto;stroke:none;fill:none}.market-chart text{stroke:none}.market-tooltip{position:absolute;left:20px;top:20px;background:#fffffff2;border:1px solid #e04465;box-shadow:0 5px 25px #28332b0a;border-radius:6px;padding:13px;font-size:12px;min-width:190px}.market-tooltip time{font-size:10px;color:#778079}.market-tooltip strong{display:block;margin:10px 0;color:#268b68}.market-tooltip>div{display:flex;justify-content:space-between;gap:15px;line-height:1.9}.market-tooltip b{font-weight:400;font-variant-numeric:tabular-nums}.market-tools{display:flex;justify-content:flex-end}.market-expand{border-radius:50%;background:#df292e;color:#fff;width:47px;height:47px;box-shadow:0 3px 9px #c12a2a30;font-size:26px}.market-footnote{text-align:center;font-size:10px;color:#a4aaa6;line-height:1.8;margin:24px 0}.order-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e9ede9}.order-tabs button{position:relative;padding:18px 5px;color:#a0a7a2;font-size:16px}.order-tabs .active{color:#29352c;font-weight:600}.order-tabs .active:after{content:'';position:absolute;bottom:0;left:calc(50% - 12px);width:24px;height:4px;border-radius:4px;background:#df3156}.orders-empty{text-align:center;padding:110px 12px;color:#aab3ac}.orders-empty svg{width:100px;height:100px;color:#d3dbd5;stroke-width:1}.orders-empty p{font-size:16px;margin-top:25px}.orders-empty small{font-size:11px}.market-open .page{padding-bottom:35px}@media(max-width:360px){.quote-price{font-size:24px;padding-left:10px}.quote-stats{padding:18px 10px}}
.home-carousel{position:relative;aspect-ratio:2.3;overflow:hidden;border-radius:23px;background:#e7eee4}.home-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s;pointer-events:none}.home-slide.active{opacity:1}.home-slide img{width:100%;height:100%;object-fit:cover}.home-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#123b2a88,transparent)}.home-slide>div{position:absolute;z-index:1;left:25px;right:20px;bottom:32px;color:white}.home-slide small{font-size:8px;letter-spacing:.17em}.home-slide h2{font-size:23px;margin:8px 0 0;font-weight:600}.carousel-dots{position:absolute;z-index:2;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:7px}.carousel-dots button{width:7px;height:7px;border-radius:50%;padding:0;background:#ffffff65}.carousel-dots .active{background:white;width:18px;border-radius:8px}.home-service-ribbon{width:100%;display:flex;align-items:center;justify-content:center;gap:15px;color:#b94c73;background:linear-gradient(100deg,transparent,#fae8ef,transparent);margin:18px 0;padding:14px;border-radius:20px;font-size:11px}.home-service-ribbon strong{font-size:14px;font-weight:500}.home-service-ribbon>span:first-child{font-size:25px}.home-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.home-shortcuts>button{min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:17px 4px;background:white;border-radius:16px;font-size:12px;white-space:nowrap}.shortcut-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%}.shortcut-icon svg{width:21px;height:21px}.shortcut-icon.pink{background:#ffe6ee;color:#e46797}.shortcut-icon.orange{background:#fff0d8;color:#dea23d}.shortcut-icon.blue{background:#e7edff;color:#6a8cdd}.shortcut-icon.cyan{background:#e1f7fa;color:#42adc4}.shortcut-icon.green{background:#e0f5e9;color:#41aa85}.home-shortcuts>.home-support-card{grid-column:span 2;background:linear-gradient(120deg,#fff,#fbe5ee);flex-direction:row;justify-content:center;gap:10px}.home-support-card strong{display:block;font-size:14px;font-weight:500}.home-support-card small{font-size:9px;display:block;color:#a38b96;margin-top:8px}.home-support-card>span{color:#dc7ca5;font-size:38px}.home-announcement{width:100%;display:flex;align-items:center;gap:14px;background:#fff;padding:17px;border-radius:16px;margin:21px 0 26px;text-align:left}.announcement-icon{font-size:24px;flex-shrink:0}.announcement-window{overflow:hidden;flex:1;min-width:0}.announcement-text{display:block;width:max-content;white-space:nowrap;font-size:12px;animation:home-news 180s linear infinite}.home-announcement:hover .announcement-text{animation-play-state:paused}@keyframes home-news{from{transform:translateX(0)}to{transform:translateX(-100%)}}.recommend-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.recommend-heading h2{font-size:17px;font-weight:500;margin:0}.recommend-heading>span{font-size:10px;color:#a89878}.home-recommend{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.home-recommend>button{flex:0 0 125px;scroll-snap-align:start;background:#fff;border-radius:16px;overflow:hidden;padding:0 0 15px;text-align:left}.home-recommend img{width:100%;height:80px;object-fit:cover}.home-recommend strong{display:block;font-size:14px;font-weight:500;margin:12px 13px 6px}.home-recommend [data-price]{font-size:12px;color:#739285;display:block;margin:0 13px;font-variant-numeric:tabular-nums}.subpage-head{display:grid;grid-template-columns:35px 1fr 35px;align-items:center;margin:10px 0 24px}.subpage-head h1{font-size:20px;font-weight:550;text-align:center;margin:0}.subpage-head button{font-size:24px;display:grid;place-items:center;background:#edf1ee;border-radius:50%;width:34px;height:34px}.about-page{background:#fff;border-radius:18px;padding:18px 22px}.about-page>p{font-size:14px;line-height:2.1;color:#647067;text-align:justify;white-space:pre-wrap}.messages-page{background:white;border-radius:18px;min-height:65svh;padding:18px}.message-empty{text-align:center;padding:90px 10px;color:#a8b0aa}.message-empty svg{width:135px;height:135px;stroke:none}.message-empty p{font-size:14px}.service-choices{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:15px 0}.service-choices button{padding:24px 10px;background:#f7faf7}@media(min-width:681px){.home-shortcuts>button{padding:25px 8px}.home-carousel{aspect-ratio:2.8}.home-slide h2{font-size:32px}.home-recommend>button{flex-basis:170px}.home-recommend img{height:110px}}@media(prefers-reduced-motion:reduce){.home-slide{transition:none}.announcement-text{animation:none;white-space:normal;width:auto;max-height:3em;overflow:hidden}}

/* Home shortcut entrance, only when navigating to Home. */
.home-shortcuts{overflow:hidden}
.home-enter>button{animation-duration:650ms;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:backwards}
.home-enter>button:nth-child(1),.home-enter>button:nth-child(2),.home-enter>button:nth-child(5),.home-enter>button:nth-child(6){animation-name:savings-enter-left}
.home-enter>button:nth-child(3),.home-enter>button:nth-child(4),.home-enter>button:nth-child(7){animation-name:savings-enter-right}
.home-enter>button:nth-child(n+5){animation-delay:100ms}
@media(prefers-reduced-motion:reduce){.home-enter>button{animation:none}}

/* Preserve the complete supplied banner artwork and text. */
.home-carousel{aspect-ratio:16/9;background:#fff}.home-slide img{object-fit:contain}.home-slide:after{display:none}.carousel-dots button{background:#0005;box-shadow:0 0 0 1px #fff7}.carousel-dots .active{background:#fff}

.home-options{margin-top:28px}.home-options>h2{font-size:19px;font-weight:600;margin:0 0 18px}.home-options .product{padding:12px}.home-options .product img{border-radius:11px}.home-options .product-body{padding:0 3px 8px}.home-options .product-body h2{margin:12px 0 7px}.home-options .product-price{font-variant-numeric:tabular-nums;color:#98a098;font-size:13px}

/* Dedicated withdrawal page */
.withdrawal-page{max-width:680px;margin:0 auto;padding-bottom:40px}.withdrawal-card{background:#fff;border-radius:22px;padding:28px;margin-top:18px;box-shadow:0 8px 30px #183d2910}.withdraw-amount>span{display:block;font-weight:600;margin-bottom:18px}.withdraw-amount>div{display:flex;align-items:center;gap:8px;border-bottom:1px solid #e3e9e5;padding-bottom:16px}.withdraw-amount strong{font-size:32px}.withdraw-amount input{border:0;background:transparent;outline:none;width:100%;min-width:0;font-size:30px;padding:8px 0;color:#253b31}.withdraw-amount input::placeholder{font-size:22px;color:#a8b2ac}.withdraw-available{font-size:13px;color:#8a998f;margin:12px 0 32px}.withdraw-method{font-size:18px;margin:0 0 18px}.withdraw-bank-label{padding:14px 16px;background:#f3f6f3;border-radius:12px;margin-bottom:22px;font-weight:600}.withdrawal-card .payout-card{margin-bottom:8px}.withdrawal-card select{width:100%;padding:14px;border:1px solid #e1e8e3;border-radius:12px;background:#f8faf8;color:#304d3d}.bank-fields .field{margin-bottom:18px}.withdrawal-card .primary{margin-top:12px}.withdrawal-card input:focus-visible{outline:2px solid #39674f;outline-offset:3px}@media(max-width:600px){.withdrawal-card{padding:22px 18px;border-radius:18px}.withdrawal-page{padding-left:16px;padding-right:16px}.withdraw-amount input{font-size:28px}}
.product-trade{background:white;border:1px solid #e9ede9;border-radius:20px;margin:24px 0 0;padding:21px}.trade-panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.trade-panel-title>strong{font-size:17px;font-weight:600}.trade-panel-title>span{font-size:10px;color:#9a8463;background:#faf5ea;border-radius:5px;padding:4px 8px}.trade-input-types{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#f1f3f2;border-radius:11px;padding:4px;margin-bottom:18px}.trade-input-types button{padding:10px 5px;border-radius:8px;color:#969e98;font-size:13px}.trade-input-types button.active{background:#fff;color:#34463b;box-shadow:0 2px 7px #203a2910}.product-trade>label{display:block;font-size:12px;color:#808c84;margin-bottom:9px}.trade-value-wrap{display:flex;align-items:center;background:#f8faf8;border:1px solid #e2e8e3;border-radius:10px;padding:0 13px;gap:9px}.trade-value-wrap:focus-within{border-color:#6da5ce}.trade-value-wrap>span{color:#909b92;font-size:13px}.trade-value-wrap input{padding:14px 0;width:100%;min-width:0;border:0;background:transparent;outline:none;font-size:19px}.trade-value-wrap input::placeholder{font-size:13px;color:#a8b0aa}.trade-quote{font-size:11px;color:#919b93;margin:12px 0 0}.trade-quote strong{font-weight:500;font-variant-numeric:tabular-nums;color:#677c6f}.trade-feedback{font-size:11px;color:#3c9364;min-height:18px;line-height:1.7;margin:9px 0}.trade-feedback.error{color:#d34e5b}.trade-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.trade-buttons button{padding:14px 5px;border-radius:11px;color:white;font-size:16px;font-weight:550}.trade-up{background:#13a66b}.trade-down{background:#ed405d}.trade-pending{background:#438de0}.trade-help{font-size:10px;line-height:1.8;color:#a0a79f;margin:14px 0 0}.virtual-order-note{font-size:11px;color:#9b907e;line-height:1.8;margin:18px 0}.virtual-order{border:1px solid #e9ede9;background:white;border-radius:15px;padding:19px;margin:13px 0}.virtual-order>header{display:flex;justify-content:space-between;align-items:center;gap:12px}.virtual-order header>strong{font-size:16px;font-weight:550}.virtual-tag{font-size:10px;border-radius:5px;padding:5px 7px;background:#eef8f0;color:#25885b}.virtual-tag.down{background:#fff0f1;color:#d35969}.virtual-tag.pending{background:#ecf3ff;color:#477dbf}.virtual-order dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:21px 0}.virtual-order dl>div{min-width:0}.virtual-order dt{font-size:10px;color:#9ba59e}.virtual-order dd{margin:6px 0 0;font-size:14px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.virtual-order footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #f0f2f0;padding-top:13px}.virtual-order time{font-size:9px;color:#9ca69e}.virtual-order footer button{font-size:11px;color:#487ab7;border:1px solid #dfe9f6;padding:7px 10px;border-radius:7px}
/* Keep the price, chart and trade actions in one viewport. */
.market-open .page{margin-top:0;padding:10px 18px}.market-detail{height:calc(100svh - 20px);max-height:900px;min-height:470px;display:flex;flex-direction:column}.market-detail .market-heading{margin:4px 0 16px;flex-shrink:0}.market-detail .quote-card{min-height:105px;flex-shrink:0}.market-detail .quote-stats{gap:13px 8px;padding:17px 13px}.market-detail .market-periods{margin:13px 0 8px;flex-shrink:0}.market-detail .market-chart{flex:1;min-height:100px}.market-detail .market-chart>svg{height:100%;width:100%}.market-detail .market-tools{flex-shrink:0;margin:2px 0 10px}.market-detail .market-expand{width:40px;height:40px;font-size:23px}.trade-bottom{flex-shrink:0;padding:0 0 max(2px,env(safe-area-inset-bottom));gap:10px}.trade-bottom button{padding:13px 4px;font-size:16px;border-radius:11px}.trade-dialog-backdrop{padding:0;align-items:end;backdrop-filter:none;background:#0006}.trade-ticket.sheet{width:min(100%,530px);margin:0 auto;border-radius:25px 25px 0 0;padding:23px 22px max(22px,env(safe-area-inset-bottom));max-height:94svh;overflow-y:auto}.ticket-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.ticket-head>div{display:flex;align-items:center;gap:8px}.ticket-head h2{margin:0;font-size:19px;font-weight:600}.ticket-head small{font-size:9px;color:#b0a185}.ticket-head>button{font-size:14px;color:#a4a9a5}.ticket-label{display:block;color:#9ca49e;font-size:13px;margin:0 0 12px}.ticket-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.ticket-presets button{padding:17px 4px;border:1px solid transparent;border-radius:11px;background:#f6f7fa;color:#979f99;font-size:15px}.ticket-presets button.active{border-color:#36ac82;color:#2ba67e;background:#f6faf8}.ticket-input-wrap{display:flex;align-items:center;background:#f6f7fa;border-radius:11px;padding:0 14px;gap:12px}.ticket-input-wrap input{border:0;background:none;width:100%;min-width:0;padding:15px 0;font-size:17px;outline:none}.ticket-input-wrap span{font-size:12px;color:#a3aaa5}.ticket-balance{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0 24px;font-size:10px;color:#afb5b0}.ticket-balance button{font-size:12px;color:#dc858b}.ticket-time{display:flex;align-items:center;justify-content:center;width:calc((100% - 20px)/3);padding:16px 4px;border:1px solid #36ac82;border-radius:11px;color:#2ba67e;background:#f6faf8;font-size:16px;margin-bottom:24px}.ticket-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.ticket-summary>div{min-width:0;text-align:center}.ticket-summary>div:first-child{text-align:left}.ticket-summary>div:last-child{text-align:right}.ticket-summary dt{font-size:10px;color:#a3aba5}.ticket-summary dd{margin:10px 0 0;font-size:13px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ticket-rule{font-size:9px;line-height:1.6;color:#acb1ad;margin:15px 0 0}.trade-ticket .trade-feedback{min-height:15px;margin:6px 0;color:#d45f72}.ticket-confirm{display:block;width:52%;padding:15px 8px;border-radius:13px;color:white;font-size:18px;margin:6px auto 0}.market-detail .market-tooltip{font-size:10px;min-width:165px;max-height:100%;overflow:auto;top:0;left:8px;padding:9px}
@media(max-height:600px){.market-detail .market-heading{margin-bottom:9px}.market-detail .quote-card{min-height:87px}.market-detail .quote-stats{padding:12px;gap:9px}.market-detail .market-periods{margin-top:8px}.market-detail .market-tools{margin-bottom:6px}.trade-ticket.sheet{padding-top:18px}.ticket-head{margin-bottom:18px}.ticket-presets button{padding:13px 4px}.ticket-balance{margin-bottom:18px}.ticket-time{padding:12px 4px;margin-bottom:18px}}
@media(prefers-reduced-motion:no-preference){.trade-ticket{animation:ticket-rise .22s ease-out}@keyframes ticket-rise{from{transform:translateY(35px);opacity:0}to{transform:translateY(0);opacity:1}}}

.ticket-limit-wrap{margin-bottom:18px}.ticket-limit-wrap input{padding:12px 0}.virtual-time-left{font-size:10px;color:#8d9b91}

.trade-ticket:has(#ticket-limit) .ticket-head{margin-bottom:16px}.trade-ticket:has(#ticket-limit) .ticket-presets button{padding:12px 4px}.trade-ticket:has(#ticket-limit) .ticket-label{margin-bottom:8px}.trade-ticket:has(#ticket-limit) .ticket-balance{margin:10px 0 15px}.trade-ticket:has(#ticket-limit) .ticket-limit-wrap{margin-bottom:14px}.trade-ticket:has(#ticket-limit) .ticket-time{padding:12px 4px;margin-bottom:16px}.trade-ticket:has(#ticket-limit) .ticket-rule{margin-top:10px}

/* PORTAL_TRADING_V1: stable mobile inputs and visible validation. */
input,select,textarea{font-size:16px}.field-note{line-height:1.65}.trade-ticket .ticket-rule{font-size:12px;line-height:1.6}.sheet-backdrop{overscroll-behavior:contain}@media(hover:none){.sheet-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.sheet{transform:none!important}}

.realname-page{min-height:85vh;padding:12px 0 48px}.realname-back{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:#dedfdf;color:white;margin:0 0 40px}.realname-back svg{width:28px;height:28px}.realname-page h1{font-size:28px;margin:0 0 30px;color:#171b19}.realname-section{font-size:20px;color:#858b87;margin:0 0 16px}.realname-section:before{content:'•';color:#e94779;margin-right:8px}.realname-card{background:white;border-radius:22px;overflow:hidden}.realname-card>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 22px}.realname-card>div+div{border-top:1px solid #f0f1f1}.realname-label{display:flex;align-items:center;gap:12px;color:#747b76;font-size:19px;white-space:nowrap}.realname-label i{display:flex;padding:7px;border-radius:50%;background:#fff0d4;color:#d8a044}.realname-label i.cyan{background:#d9f8fc;color:#4eb6cb}.realname-label svg{width:21px;height:21px}.realname-card strong{font-size:18px;font-weight:500;overflow-wrap:anywhere;text-align:right}.realname-notice{padding:28px 20px;color:#989e9a;background:#f5f8f7;margin-top:20px;border-radius:12px}.realname-notice h2{display:flex;align-items:center;gap:10px;font-size:19px;color:#656f69;font-weight:500;margin:0 0 16px}.realname-notice h2 span{background:#fce5ee;color:#df81a0;border-radius:50%;padding:5px;display:flex}.realname-notice svg{width:18px;height:18px}.realname-notice p{font-size:16px;margin:8px 0}

/* Personal account layout: compact amounts and independent menu rows. */
.profile-page{max-width:860px;background:#f7f7fc}
.profile-page .page-top{margin:14px 0 28px}.profile-page .avatar,.profile-page .account-currency{display:none}.profile-page .user-heading strong{font-size:25px;letter-spacing:0}.profile-page .user-heading span{display:inline-block;background:#eeebfa;color:#68608b;border-radius:16px;padding:4px 12px;margin-top:7px;font-size:13px}
.profile-page .asset-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:23px 20px 22px;min-height:135px;border:0;border-radius:19px;box-shadow:none;background:radial-gradient(ellipse at bottom left,#f9d9e1 0,transparent 44%),radial-gradient(ellipse at top right,#f9d6df 0,transparent 42%),#fff}
.profile-page .asset-card:after{display:block;content:'CNY';position:absolute;inset:13px 18px auto auto;width:auto;height:auto;border:0;border-radius:50%;padding:4px 12px;color:white;background:#d50048;font-size:12px;box-shadow:none;transform:rotate(-12deg)}
.profile-page .asset-label{grid-column:1;grid-row:1;color:#333;font-size:13px;gap:6px}.profile-page .asset-label button{padding:3px}.profile-page .asset-label svg{width:13px;height:13px}
.profile-page .asset-number{grid-column:1;grid-row:2;font-size:clamp(16px,4.5vw,26px);line-height:1.35;letter-spacing:-.025em;font-weight:500;margin:17px 0 0;white-space:nowrap;min-width:0}.profile-page .asset-number small{font-size:.85em;color:inherit;margin-right:5px}
.profile-page .asset-stats{grid-column:2;grid-row:2;align-self:end;padding:0;border:0;gap:10px;text-align:center}.profile-page .asset-stats span{font-size:12px;color:#9b9b9b;white-space:nowrap}.profile-page .asset-stats strong{font-size:17px;font-weight:400;margin-top:9px;color:#333;white-space:nowrap}
.profile-page .balance-card{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr) minmax(0,1fr);gap:11px;margin:14px 0 24px}.profile-page .available-tile,.profile-page .money-actions button{border:0;border-radius:17px;padding:17px 13px;min-height:103px}.profile-page .balance-label{font-size:12px;white-space:nowrap}.profile-page .balance-value{font-size:clamp(13px,3.8vw,22px);font-weight:500;letter-spacing:-.025em;margin-top:18px;white-space:nowrap;overflow-wrap:normal}.profile-page .money-actions button,.profile-page .money-actions button:first-child{font-size:18px;color:#222;gap:9px}.profile-page .money-actions svg{width:32px;height:32px;background:#eeeafb;color:#9185de;border-radius:50%;padding:6px}
.profile-page .menu-group{display:contents}.profile-page .menu-item{background:#fff;border:0;border-radius:16px;padding:15px 17px;margin:0 0 12px;font-size:18px;gap:13px;min-height:66px}.profile-page .menu-note{display:none}.profile-page .menu-icon{width:33px;height:33px;border-radius:50%}.profile-page .menu-item .chevron{width:19px;height:19px;color:#c7cbc7}.profile-page .logout{font-size:14px}
.profile-page~.bottom-nav .nav-btn.active{color:#ce0049}.profile-page~.bottom-nav .nav-btn.active:before{display:none}
@media(max-width:360px){.profile-page .asset-card{padding:21px 14px;gap:6px}.profile-page .asset-stats{gap:6px}.profile-page .asset-stats span{font-size:11px}.profile-page .balance-card{gap:8px}.profile-page .available-tile,.profile-page .money-actions button{padding:15px 10px}.profile-page .balance-label{font-size:10px}}

.profile-page .user-heading strong{display:block}
/* Shared foreground typography and full-page account sections. */
:root{font-size:14px;line-height:1.5}button,input,select{letter-spacing:0}.page{font-size:14px}.page h1,.sheet-head h2{font-size:22px;font-weight:600;line-height:1.4}.page h2{font-size:19px;line-height:1.4}.subtle,.notice,.field-note{font-size:12px;line-height:1.7}.field>span{font-size:14px}.field input,.field select{font-size:15px}.field input::placeholder{font-size:14px}.primary,.secondary{font-size:15px}.nav-btn{font-size:12px}.profile-page .menu-item{font-size:16px;min-height:60px;padding:13px 16px}.profile-page .user-heading strong{font-size:23px}.profile-page .money-actions button,.profile-page .money-actions button:first-child{font-size:16px}.profile-page .asset-label,.profile-page .balance-label{font-size:12px}.profile-page .asset-stats strong{font-size:17px}.realname-page h1{font-size:23px}.realname-section{font-size:16px}.realname-label,.realname-card strong{font-size:16px}.realname-notice h2{font-size:16px}.realname-notice p{font-size:13px}.record p{font-size:14px;margin:0 0 8px}.record small{font-size:12px;line-height:1.6}.record strong{font-size:17px;white-space:nowrap}.record .status{font-size:12px}.virtual-order header>strong{font-size:17px}.virtual-order dt,.virtual-order time,.virtual-time-left{font-size:12px}.virtual-order dd{font-size:16px}.virtual-tag{font-size:12px}.ticket-head h2{font-size:21px}.ticket-label,.ticket-summary dt,.ticket-balance{font-size:13px}.ticket-summary dd,.ticket-presets button{font-size:15px}.ticket-confirm{font-size:17px}.withdraw-amount input{font-size:24px}.withdraw-amount input::placeholder{font-size:17px}.withdraw-amount strong{font-size:25px}.yue-number{font-size:30px}.mini-stats strong{font-size:21px}.product-body h2{font-size:20px}.product-body p,.product-bottom{font-size:12px}.home-link p,.home-support-card small{font-size:12px}.home-welcome h2,.home-slide h2{font-size:24px}.home-shortcuts>button{font-size:13px}.empty{font-size:13px}.empty strong{font-size:16px}
.account-page{min-height:100svh;margin:0 auto;padding:22px 20px 60px;background:#f7f7fc;max-width:700px}.account-page-head{position:relative;display:flex;align-items:center;justify-content:center;min-height:50px;margin:10px 0 28px}.account-page-head h1{font-size:21px;margin:0;font-weight:600}.account-page-head>button{position:absolute;left:0;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#dcdedf;color:#fff}.account-page-head svg{width:23px;height:23px}.account-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;padding:18px 16px;border-radius:13px;text-align:left;font-size:15px;line-height:1.4;min-height:58px;margin-bottom:12px}.account-row-note{display:flex;align-items:center;gap:7px;color:#a2a6a3;font-size:14px}.account-row-note svg{width:17px;height:17px;color:#c6c9c7}.account-security{margin-top:24px}.account-help{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;gap:14px;margin-top:24px;padding:18px 16px;border-radius:13px;background:#f5ebdb;color:#d67c40;font-size:14px;line-height:1.6}.account-help svg{width:17px;height:17px}.language-choice{cursor:pointer}.language-choice input{accent-color:#cf0049;width:18px;height:18px}.account-page .record{padding:20px 16px;background:white;border:0;border-radius:14px;margin-bottom:12px;gap:14px}.account-page .record>div{min-width:0}.account-page .payout-card{background:#fff;padding:24px}.account-page .payout-card strong{font-size:17px}.account-page .payout-card p{font-size:19px;overflow-wrap:anywhere}.account-page #payout-form{padding:22px 18px;background:#fff;border-radius:16px}.account-page .loading{height:160px}.account-page .empty{background:#fff;border-radius:14px}.account-page .field-note{margin:12px 0 20px}.account-row:focus-visible{outline-offset:2px}
@media(max-width:360px){.profile-page .balance-label{font-size:10px}.page h1,.sheet-head h2{font-size:21px}.account-page{padding-left:16px;padding-right:16px}.account-row{font-size:14px}.account-row-note{font-size:13px}.virtual-order dd{font-size:15px}}
/* Smaller, consistent account, savings and product typography. */
.profile-page .menu-item{font-size:14px;min-height:56px;padding:12px 16px}.profile-page .menu-icon{width:30px;height:30px}.profile-page .menu-icon svg{width:19px;height:19px}.account-page-head h1{font-size:19px}.account-page .record p{font-size:13px}.account-page .record small{font-size:11px}.account-page .record strong{font-size:15px;font-weight:500}.account-page .record .status{font-size:11px}.account-page .record{padding:18px 16px;gap:12px}.savings-amount>span{font-size:12px}.savings-amount strong{font-size:28px;line-height:1.3;font-weight:500}.savings-amount small{font-size:19px}.savings-actions button{font-size:12px}.savings-stat-label{font-size:12px}.savings-tile strong{font-size:23px;font-weight:500}.savings-stat-icon{width:40px;height:40px;margin-bottom:12px}.savings-stat-icon svg{width:26px;height:26px}.arc-labels{font-size:12px}.product-body h2{font-size:17px;font-weight:550}.product-body .category{font-size:10px}.product-body p,.product-bottom,.home-options .product-price{font-size:12px}.product-bottom{margin-top:14px;padding-top:12px}.product-body{padding:15px}.virtual-order header>strong{font-size:16px}.virtual-order dt{font-size:12px}.virtual-order dd{font-size:15px}.virtual-order time,.virtual-time-left{font-size:11px}.virtual-time-left{font-variant-numeric:tabular-nums;white-space:nowrap}.virtual-tag{font-size:11px}
.savings-transfer-available{font-size:14px;color:#7e8f83;margin:0 0 22px}.savings-all{display:block;margin:-12px 0 22px auto;color:#3b7557;font-size:13px}.savings-amount strong{font-variant-numeric:tabular-nums;white-space:nowrap}.arc-labels{gap:15px;flex-wrap:wrap;font-size:11px}.savings-grid strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%}#savings-transfer-form .field-note{font-size:12px;margin:8px 0 14px}#savings-transfer-form button:disabled{opacity:.45;cursor:not-allowed}



.trade-ticket .trade-feedback:empty{display:none}

/* Lightweight Charts live market view */
.live-chart-canvas{position:absolute;inset:0;min-width:0;min-height:0}
.live-chart-canvas>div{width:100%;height:100%}
.live-chart-tooltip{position:absolute;top:0;left:0;z-index:12;width:166px;padding:10px 11px;border:1px solid #e3e8e4;border-radius:10px;background:#fff;box-shadow:0 8px 26px #1e2d2320;color:#29312c;font-size:11px;line-height:1.7;opacity:0;pointer-events:none;transition:opacity .1s ease;font-variant-numeric:tabular-nums}
.live-chart-tooltip.visible{opacity:1}
.live-chart-tooltip-time{padding-bottom:6px;margin-bottom:4px;border-bottom:1px solid #edf0ed;color:#8a938c;font-size:10px}
.live-chart-tooltip>div{display:flex;align-items:center;justify-content:space-between;gap:14px}
.live-chart-tooltip>div>span{color:#8f9791}
.live-chart-tooltip>div>strong{font-weight:500}
.live-chart-loading{position:absolute;inset:0;z-index:11;display:grid;place-items:center;background:#ffffffc7;opacity:0;pointer-events:none;transition:opacity .16s ease}
.live-chart-loading.visible{opacity:1;pointer-events:auto}
.live-chart-loading>span{width:30px;height:30px;border:3px solid #e7ebe8;border-top-color:#1eaa79;border-radius:50%;animation:live-chart-spin .7s linear infinite}
.live-chart-error{display:grid;place-items:center;height:100%;color:#9aa39c;font-size:12px}
@keyframes live-chart-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.live-chart-loading>span{animation:none}.live-chart-tooltip,.live-chart-loading{transition:none}}

.withdrawal-card .withdraw-available{margin-bottom:12px}.withdraw-fee-summary{margin:0 0 28px;font-size:12px;color:#8a998f}.withdraw-fee-summary p{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin:6px 0}.withdraw-fee-summary strong{color:#355b49;font-size:14px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.withdrawal-card .error-inline:empty{display:none}