:root{color:#121722;font-synthesis:none;--surface:#fff;--surface-soft:#f4f6f9;--line:#e4e8ee;--muted:#6f7785;--text:#121722;--accent:#1769e8;--accent-soft:#e8f1ff;--up:#119b6b;--down:#df4b5b;--radius:8px;--shadow:0 8px 24px #1f2b4214;background:#edf1f6;font-family:Avenir Next,Avenir,Noto Sans Thai,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}html{background:#edf1f6}html,body,#app{min-height:100%;margin:0}body{background:#edf1f6;min-width:320px}button,input,select{font:inherit}button{border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:0;min-height:46px;font-weight:750;transition:opacity .18s,transform .18s,background-color .18s}button:active,a:active{opacity:.86;transform:scale(.985)}button:disabled{cursor:wait;opacity:.58}button:focus-visible{outline-offset:2px;outline:3px solid #8db9fa}a:focus-visible{outline-offset:2px;outline:3px solid #8db9fa}input:focus-visible{border-color:var(--accent);outline:none}select:focus-visible{border-color:var(--accent);outline:none}input,select{width:100%;min-height:48px;color:var(--text);border-radius:var(--radius);background:#f7f9fc;border:1px solid #dce1e9}input{padding:0 14px}a{color:inherit}.app-shell{background:#fff;width:min(100%,430px);min-height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 40px #1f2b421a}.page{--page-gutter:18px;min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) var(--page-gutter) max(24px, env(safe-area-inset-bottom));background:#fff}.has-nav{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.muted{color:var(--muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brand-logo{min-width:0;color:var(--text);align-items:center;gap:10px;display:inline-flex}.brand-symbol{border-radius:var(--radius);object-fit:contain;flex:none;width:48px;height:48px;display:block;box-shadow:0 8px 20px #1769e833}.brand-wordmark{max-width:225px;color:inherit;overflow-wrap:anywhere;font-size:11px;font-weight:850;line-height:1.25}.brand-logo.compact{gap:8px}.brand-logo.compact .brand-symbol{width:38px;height:38px;box-shadow:none}.brand-logo.compact .brand-wordmark{max-width:195px;font-size:9px}.brand-logo.inverse{color:#fff}.icon-button{width:44px;min-height:44px;color:var(--text);background:0 0;flex:none;place-items:center;padding:0;display:grid}.subtle-button{border:1px solid var(--line);background:var(--surface-soft)}.bottom-nav{z-index:20;width:min(100%,430px);padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -6px 24px #1f2b420f}.bottom-nav a{color:#87909e;align-content:center;place-items:center;gap:3px;min-height:52px;font-size:11px;font-weight:650;text-decoration:none;display:grid}.bottom-nav a.router-link-active{color:var(--accent)}.bottom-nav svg{transition:transform .18s}.bottom-nav a.router-link-active svg{transform:translateY(-1px)}.page-header{justify-content:space-between;align-items:center;gap:16px;min-height:54px;margin-bottom:16px;display:flex}.page-header h1{letter-spacing:0;margin:0;font-size:25px}.page-header p{color:var(--muted);margin:4px 0 0;font-size:13px}.page-top{min-height:54px;margin:-6px calc(-1 * var(--page-gutter)) 14px;border-bottom:1px solid var(--line);align-items:center;gap:2px;padding:0 8px 0 4px;display:flex;position:relative}.page-top h1{margin:0;font-size:20px}.page-action{position:absolute;right:6px}.request-progress{z-index:100;background:#1769e824;width:min(100%,430px);height:3px;position:fixed;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.request-progress span{background:var(--accent);width:42%;height:100%;animation:1s cubic-bezier(.4,0,.2,1) infinite request-progress;display:block}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .18s,transform .18s}.page-fade-enter-from{opacity:0;transform:translateY(5px)}.page-fade-leave-to{opacity:0;transform:translateY(-3px)}.home-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.home-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.home-header p{color:var(--muted);margin:0 0 1px;font-size:11px}.home-header h1{letter-spacing:0;margin:0;font-size:18px}.banner-carousel{margin:0 -2px 14px;position:relative}.banner-track{scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;overflow-x:auto}.banner-track::-webkit-scrollbar{display:none}.banner-slide{aspect-ratio:15/7;scroll-snap-align:start;border-radius:var(--radius);color:#fff;background:#dbe3ee;flex:0 0 100%;width:100%;text-decoration:none;position:relative;overflow:hidden}.banner-slide img{object-fit:cover;width:100%;height:100%;display:block}.banner-shade,.asset-hero-shade,.profile-visual-shade,.login-visual-shade{background:linear-gradient(90deg,#080e19c2,#080e1924 78%);position:absolute;top:0;bottom:0;left:0;right:0}.banner-slide strong{letter-spacing:0;text-shadow:0 2px 12px #00000047;width:58%;font-size:19px;line-height:1.25;position:absolute;bottom:26px;left:18px}.banner-dots{display:flex;position:absolute;bottom:-7px;left:4px}.banner-dots button{background:0 0;width:44px;height:44px;min-height:44px;padding:0;position:relative}.banner-dots button:after{content:"";background:#ffffff7a;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.banner-dots button.active:after{background:#fff;border-radius:3px;width:18px}.notice-strip{border-radius:var(--radius);color:#275f9f;background:#f3f7fe;border:1px solid #dce8fa;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;min-height:54px;margin-bottom:12px;padding:7px 12px;text-decoration:none;display:grid}.notice-strip>svg{background:#e1ecfc;border-radius:7px;width:34px;height:34px;padding:8px}.notice-strip span{gap:2px;min-width:0;display:grid}.notice-strip small{color:#6b819c;font-size:9px}.notice-strip strong{color:#23476f;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.balance-panel{border-radius:var(--radius);color:#fff;background:#145fcf;padding:19px;position:relative;overflow:hidden;box-shadow:0 10px 26px #145fcf33}.balance-panel:after{content:"";pointer-events:none;border:26px solid #ffffff14;border-radius:50%;width:160px;height:160px;position:absolute;top:-62px;right:-44px}.balance-label{color:#d9e8ff;align-items:center;gap:7px;font-size:12px;display:flex}.balance-panel>strong{letter-spacing:0;margin:8px 0 17px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:29px;display:block}.balance-breakdown{color:#c7dcfc;grid-template-columns:1fr 1fr;gap:12px;font-size:11px;display:grid}.balance-breakdown span{min-width:0}.balance-breakdown b{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:block;overflow:hidden}.balance-skeleton{border-radius:var(--radius);background:linear-gradient(90deg,#edf1f6,#f8fafc,#edf1f6) 0 0/200% 100%;height:152px;animation:1.3s infinite shimmer}.quick-actions{grid-template-columns:repeat(4,1fr);gap:6px;padding:18px 0 14px;display:grid}.quick-actions button,.quick-actions a{color:#303746;background:0 0;border:0;align-content:center;place-items:center;gap:7px;min-width:0;min-height:70px;padding:0 2px;font-size:11px;font-weight:700;text-decoration:none;display:grid}.action-icon{border-radius:var(--radius);background:var(--accent-soft);width:40px;height:40px;color:var(--accent);place-items:center;display:grid}.section-block{margin-top:12px}.section-title{justify-content:space-between;align-items:center;min-height:48px;display:flex}.section-title h2{letter-spacing:0;margin:0;font-size:17px}.section-title a{min-height:44px;color:var(--accent);align-items:center;font-size:12px;font-weight:700;text-decoration:none;display:flex}.featured-market-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.featured-market{border:1px solid var(--line);border-radius:var(--radius);min-width:0;min-height:112px;color:var(--text);background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px;text-decoration:none;display:grid;box-shadow:0 5px 16px #1f2b420d}.featured-market.primary{background:linear-gradient(110deg,#f2f7ff,#fff 68%);border-color:#d8e5f7;grid-column:1/-1;grid-template-columns:minmax(110px,1fr) 74px minmax(90px,auto);min-height:100px}.featured-coin{align-items:center;gap:9px;min-width:0;display:flex}.featured-coin>span{align-items:baseline;gap:2px;min-width:0;display:flex}.featured-coin strong{font-size:14px}.featured-coin small{color:var(--muted);font-size:9px}.featured-price{grid-column:1/-1;gap:4px;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.featured-market.primary .featured-price{text-align:right;grid-column:auto}.featured-price b{text-overflow:ellipsis;font-size:12px;overflow:hidden}.featured-price span{font-size:10px;font-weight:750}.featured-market:not(.primary) .mini-sparkline{justify-self:end;width:44px}.market-pulse{border:1px solid var(--line);border-radius:var(--radius);background:#f7f9fc;gap:13px;margin-top:18px;padding:14px;display:grid}.pulse-title{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;display:grid}.pulse-title>span{border-radius:var(--radius);width:36px;height:36px;color:var(--accent);background:#e7f0fc;place-items:center;display:grid}.pulse-title>div{gap:2px;display:grid}.pulse-title strong{font-size:13px}.pulse-title small{color:var(--muted);font-size:9px}.market-pulse dl{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin:0;display:grid}.market-pulse dl div{background:#fff;gap:5px;padding:10px 8px;display:grid}.market-pulse dt{color:var(--muted);font-size:9px}.market-pulse dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:750}.coin-icon{color:var(--accent);background:#eef2f7;border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.coin-icon img{object-fit:cover;width:100%;height:100%;display:block}.coin-icon b{font-size:13px}.market-table-head{color:#9299a5;grid-template-columns:minmax(100px,1fr) minmax(92px,auto) 77px;gap:8px;padding:8px 0 6px;font-size:10px;display:grid}.market-table-head span:nth-child(n+2){text-align:right}.market-list{border-top:1px solid var(--line)}.market-row{border-bottom:1px solid var(--line);min-height:68px;color:var(--text);grid-template-columns:38px minmax(62px,1fr) minmax(86px,auto) 78px;align-items:center;gap:8px;text-decoration:none;display:grid}.market-row.with-chart{grid-template-columns:38px minmax(48px,.75fr) 72px minmax(76px,auto) 74px}.market-name,.market-price{gap:3px;min-width:0;display:grid}.market-name strong{font-size:14px}.market-name small{color:#9299a5;margin-left:2px;font-size:9px;font-weight:600}.market-name span,.market-price span{color:#9299a5;font-size:9px}.market-price{text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.market-price strong{text-overflow:ellipsis;font-size:12px;overflow:hidden}.mini-sparkline{width:72px;height:30px;display:block}.change{color:#fff;text-align:center;border-radius:6px;place-items:center;min-height:34px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:750;display:grid}.up{color:var(--up)!important}.down{color:var(--down)!important}.up-bg{color:#07865b!important;background:#daf5eb!important}.down-bg{color:#cf3547!important;background:#ffe4e7!important}.market-page-header svg{color:var(--accent)}.search-field{border-radius:var(--radius);height:46px;color:var(--muted);background:#f4f6f9;border:1px solid #e0e5ec;grid-template-columns:22px 1fr;align-items:center;gap:8px;margin-bottom:10px;padding:0 12px;display:grid}.search-field input{background:0 0;border:0;min-height:42px;margin:0;padding:0}.market-tabs,.flow-tabs{border-bottom:1px solid var(--line);gap:22px;display:flex}.market-tabs button,.flow-tabs button{color:#7d8592;background:0 0;border-radius:0;min-height:44px;padding:0;font-size:13px;position:relative}.market-tabs button.active,.flow-tabs button.active{color:var(--text)}.market-tabs button.active:after,.flow-tabs button.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.markets-page .market-table-head{grid-template-columns:minmax(105px,1fr) 80px 74px;padding-top:12px}.asset-hero{border-radius:var(--radius);color:#fff;min-height:190px;box-shadow:var(--shadow);padding:20px;position:relative;overflow:hidden}.asset-hero>img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.asset-hero>div,.asset-hero>dl{z-index:1;position:relative}.asset-hero>div>span{color:#d6deeb;font-size:12px}.asset-hero>div>strong{margin-top:7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:29px;display:block}.asset-hero dl{grid-template-columns:1fr 1fr;gap:14px;margin:28px 0 0;display:grid}.asset-hero dl div{gap:5px;display:grid}.asset-hero dt{color:#bfc8d6;font-size:10px}.asset-hero dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.asset-quick-actions{grid-template-columns:repeat(3,1fr)}.secure-shield{color:var(--up)}.asset-record-links{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.asset-record-links a{border:1px solid var(--line);border-radius:var(--radius);color:#435064;text-align:center;background:#f7f9fc;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 12px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.asset-record-links svg{color:var(--accent)}.recent-asset-list article{min-height:78px}.profile-visual{height:188px;margin:calc(-1 * max(18px, env(safe-area-inset-top))) calc(-1 * var(--page-gutter)) 0;position:relative;overflow:hidden}.profile-visual>img{object-fit:cover;width:100%;height:100%}.profile-visual-shade{background:linear-gradient(#080e192e,#080e19d6)}.profile-head{z-index:1;color:#fff;grid-template-columns:54px minmax(0,1fr) 26px;align-items:center;gap:12px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.avatar{color:#fff;background:#1769e8;border:2px solid #ffffffb3;border-radius:50%;place-items:center;width:54px;height:54px;font-size:21px;font-weight:850;display:grid}.profile-head h1{margin:0 0 4px;font-size:19px}.profile-head span{color:#d4dae4;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.profile-head>svg{color:#48d69b}.security-strip{border-radius:var(--radius);color:#16835f;background:#f0faf6;border:1px solid #cce9dc;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;margin:16px 0 8px;padding:13px 14px;display:grid}.security-strip div{gap:2px;display:grid}.security-strip strong{font-size:12px}.security-strip span{color:#6c7e94;font-size:10px}.account-overview{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:9px;padding:13px 14px}.account-overview h2{margin:0 0 10px;font-size:13px}.account-overview dl{gap:10px;margin:0;display:grid}.account-overview dl div{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.account-overview dt{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.account-overview dt svg{color:var(--accent)}.account-overview dd{overflow-wrap:anywhere;color:#303746;text-align:right;min-width:0;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700}.profile-verification{border-radius:var(--radius);background:#f8fbff;border:1px solid #dce7f5;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:72px;margin-bottom:4px;padding:0 12px;text-decoration:none;display:grid}.profile-verification>span:nth-child(2){gap:4px;display:grid}.profile-verification strong{font-size:13px}.profile-verification small{color:var(--muted);font-size:10px}.profile-verification>svg{color:#a2a8b2}.verification-icon{border-radius:var(--radius);background:var(--accent-soft);width:38px;height:38px;color:var(--accent);place-items:center;display:grid}.profile-menu{display:grid}.profile-menu a,.profile-menu button{border-bottom:1px solid var(--line);color:#272e3a;text-align:left;background:0 0;border-radius:0;grid-template-columns:38px 1fr 18px;align-items:center;gap:8px;min-height:62px;padding:0;font-size:13px;text-decoration:none;display:grid}.menu-icon{border-radius:var(--radius);color:#4e647f;background:#f0f4fa;place-items:center;width:34px;height:34px;display:grid}.profile-menu a>svg,.profile-menu button>svg{color:#a2a8b2}.logout-button{color:#cf3547;background:#fff7f8;border:1px solid #f2cdd2;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:22px;display:flex}.auth-view{background:#fff;min-height:100dvh}.login-visual{height:clamp(250px,38dvh,330px);position:relative;overflow:hidden}.login-visual>img{object-fit:cover;width:100%;height:100%;display:block}.login-visual-shade{background:linear-gradient(#070d181f,#070d18c7)}.login-brand{z-index:1;color:#fff;align-items:center;gap:12px;display:flex;position:absolute;bottom:24px;left:22px}.login-brand .brand-wordmark{max-width:245px;font-size:12px}.login-content{padding:26px 22px max(24px, env(safe-area-inset-bottom))}.login-heading{margin-bottom:22px}.login-heading h1{margin:0 0 5px;font-size:25px}.login-heading p{color:var(--muted);margin:0;font-size:13px}.auth-view form,.mobile-form{gap:17px;display:grid}.auth-view label,.mobile-form label{color:#4d5563;gap:7px;font-size:12px;font-weight:700;display:grid}.input-shell{border-radius:var(--radius);color:#7b8492;background:#f7f9fc;border:1px solid #dce1e9;grid-template-columns:23px 1fr;align-items:center;gap:6px;padding:0 12px;display:grid}.input-shell input{background:0 0;border:0;min-height:48px;padding:0}.input-shell:focus-within{color:var(--accent);box-shadow:none;background:#fff;border-color:#6fa3ec}.input-shell input:focus-visible{border:0;outline:none}.auth-view form>button{width:100%;margin-top:2px}.auth-switch{color:var(--muted);text-align:center;margin:18px 0 0;font-size:12px}.auth-switch a{color:var(--accent);font-weight:750;text-decoration:none}.form-success{border-radius:var(--radius);color:#087a55;background:#effaf6;border:1px solid #bfe7d7;margin:-8px 0 18px;padding:11px 12px;font-size:12px}.auth-top{min-height:calc(62px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0 4px;border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;display:grid}.register-view .login-content{padding-top:22px}.register-view .login-heading{padding-left:47px;position:relative}.heading-icon{border-radius:var(--radius);background:var(--accent-soft);width:38px;height:38px;color:var(--accent);place-items:center;display:grid;position:absolute;top:0;left:0}.field-hint{color:var(--muted);margin:-8px 0 -2px;font-size:10px}.login-security{color:#7d8795;justify-content:center;align-items:center;gap:6px;margin:18px 0 0;font-size:10px;display:flex}.login-security svg{color:#31906e}.mobile-form select{padding:0 12px}.mobile-form button[type=submit]{width:100%}.form-error{color:var(--down);margin:-5px 0 0;font-size:12px}.identity-intro{border-radius:var(--radius);color:var(--accent);background:#f4f7fb;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;margin:14px 0 20px;padding:14px;display:grid}.identity-intro div{gap:4px;display:grid}.identity-intro strong{color:var(--text);font-size:13px}.identity-intro span{color:var(--muted);font-size:10px;line-height:1.45}.verification-status{border-radius:var(--radius);color:var(--accent);background:#f2f7fe;border:1px solid #bcd7f7;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:13px 14px;display:grid}.verification-status.approved{color:var(--up);background:#f0faf6;border-color:#bde6d6}.verification-status.rejected{color:var(--down);background:#fff6f7;border-color:#f3ccd1}.verification-status div{gap:3px;display:grid}.verification-status strong{font-size:13px}.verification-status span{color:var(--muted);font-size:10px}.verification-form input:disabled,.verification-form select:disabled{color:#737b87;opacity:1;background:#f0f2f5}.review-remark{border-left:3px solid var(--down);color:#7d434b;background:#fff6f7;margin:-4px 0 0;padding:12px;font-size:11px;line-height:1.5}.available-line{border-radius:var(--radius);color:var(--muted);background:#f3f7fe;justify-content:space-between;padding:14px;font-size:12px;display:flex}.available-line strong{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.inline-notice{border-radius:var(--radius);color:#1769e8;background:#f2f7fe;border:1px solid #bcd6f7;padding:14px;font-size:12px;text-decoration:none;display:block}.withdraw-summary{border-radius:var(--radius);background:#f6f8fb;gap:11px;padding:15px;display:grid}.withdraw-summary div{justify-content:space-between;display:flex}.withdraw-summary dt{color:var(--muted);font-size:12px}.withdraw-summary dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.history-list{border-top:1px solid var(--line)}.history-list article{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:88px;display:flex}.history-list article>div{gap:4px;min-width:0;display:grid}.history-list strong{overflow-wrap:anywhere;font-size:13px}.history-list span,.history-list small{color:var(--muted);font-size:10px}.history-list article>b{flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.record-list{gap:9px;display:grid}.record-item{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:82px;padding:12px;display:grid}.record-item.has-reason{align-items:start}.record-icon{border-radius:var(--radius);color:#a96d00;background:#fff6df;place-items:center;width:40px;height:40px;display:grid}.record-icon.status-completed,.record-icon.status-paid{color:var(--up);background:#eaf8f2}.record-icon.status-rejected{color:var(--down);background:#fff0f2}.record-icon.status-cancelled{color:#737c89;background:#f0f2f5}.record-icon.status-processing{color:var(--accent);background:#ebf3ff}.record-copy{gap:3px;min-width:0;display:grid}.record-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.record-copy span,.record-copy small{color:var(--muted);font-size:9px}.record-value{justify-items:end;gap:6px;display:grid}.record-value b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.status-badge{color:#8c6005;background:#fff4d7;border-radius:5px;padding:3px 7px;font-size:9px;font-weight:750}.status-badge.status-completed,.status-badge.status-paid{color:#087c58;background:#e4f7ef}.status-badge.status-rejected{color:#bd3344;background:#ffe7ea}.status-badge.status-cancelled{color:#626c79;background:#eceff3}.status-badge.status-processing{color:#1a63c6;background:#e5efff}.record-reason{border-left:3px solid var(--down);color:#75414a;background:#fff5f6;grid-column:2/-1;margin:2px 0 0;padding:9px 10px;font-size:10px;line-height:1.45}.record-reason strong{color:var(--down);margin-bottom:2px;font-size:9px;display:block}.notice-list{gap:10px;display:grid}.notice-list article{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:40px minmax(0,1fr);gap:11px;padding:14px;display:grid;box-shadow:0 5px 16px #1f2b420a}.notice-icon{border-radius:var(--radius);width:38px;height:38px;color:var(--accent);background:#eaf2ff;place-items:center;display:grid}.notice-list article>div{gap:6px;display:grid}.notice-list h2{margin:0;font-size:14px}.notice-list p{color:#4f5968;white-space:pre-line;margin:0;font-size:11px;line-height:1.6}.notice-list time{color:var(--muted);font-size:9px}.bank-list{gap:10px;display:grid}.bank-list article{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:96px;padding:14px;display:grid;box-shadow:0 5px 16px #1f2b420d}.bank-icon{border-radius:var(--radius);color:#2675d8;background:#eaf2ff;place-items:center;width:42px;height:42px;display:grid}.bank-list article>div:nth-child(2){gap:3px;min-width:0;display:grid}.bank-list article span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.bank-list article b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.bank-controls{justify-items:end;gap:6px;display:grid}.bank-controls button,.bank-controls span{min-height:30px;color:var(--accent);background:0 0;padding:0 8px;font-size:10px}.bank-controls .danger-icon{width:36px;min-height:36px;color:var(--down);place-items:center;padding:0;display:grid}.language-list{display:grid}.language-list button{border-bottom:1px solid var(--line);color:#303746;text-align:left;background:0 0;border-radius:0;justify-content:space-between;align-items:center;min-height:60px;padding:0 12px;display:flex}.language-list button.active{color:var(--accent)}.contact-state{color:#4083d4;text-align:center;align-content:center;place-items:center;gap:12px;min-height:58dvh;display:grid}.contact-state h2{color:var(--text);margin:8px 0 0}.contact-state p{max-width:28ch;color:var(--muted);margin:0;line-height:1.55}.state-panel{min-height:260px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:14px;display:grid}.state-panel button{padding:0 20px}.skeleton-list{background:var(--line);gap:1px;display:grid}.skeleton-list span{background:linear-gradient(90deg,#f1f4f8,#fafbfd,#f1f4f8) 0 0/200% 100%;height:68px;animation:1.3s infinite shimmer}.market-detail{width:min(100%,430px);min-height:100dvh;padding-bottom:calc(78px + env(safe-area-inset-bottom));background:#fff;margin:0 auto}.detail-header{min-height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 6px 0 4px;border-bottom:1px solid var(--line);grid-template-columns:44px 30px minmax(0,1fr) 40px 40px;align-items:center;gap:6px;display:grid}.detail-header .detail-title{align-items:baseline;gap:2px;min-width:0;margin-right:auto;display:flex}.detail-header strong{font-size:15px}.detail-header span{color:var(--muted);font-size:10px}.detail-tool{width:40px;min-height:40px;margin:0}.detail-back{margin-left:-2px}.quote-block{grid-template-columns:1.05fr .95fr;gap:16px;padding:18px;display:grid}.quote-primary{align-content:start;gap:6px;display:grid}.quote-primary>strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:27px;line-height:1.1}.quote-primary>span{text-align:center;border-radius:5px;width:max-content;min-width:66px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:750}.quote-primary small{color:var(--muted);font-size:10px}.quote-block dl{grid-template-columns:1fr 1fr;gap:12px 9px;margin:0;display:grid}.quote-block dl div{align-content:start;gap:3px;display:grid}.quote-block dt{color:var(--muted);font-size:9px}.quote-block dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.chart-section{color:var(--text);border-block:1px solid var(--line);background:#fff}.segment-control{grid-template-columns:repeat(6,1fr) 28px;align-items:center;gap:2px;padding:7px 12px 2px;display:grid}.segment-control button{color:#7b8492;background:0 0;border-radius:5px;min-height:44px;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.segment-control button.active{color:#155fc8;background:#e9f1fd}.segment-control .more-period{min-width:28px}.indicator-legend{color:#7b8492;gap:13px;padding:5px 14px 2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:flex}.indicator-legend .ma5{color:#b77a12}.indicator-legend .ma10{color:#247bb0}.indicator-legend .ma30{color:#7854a5}.chart-wrap,.kline-chart,.chart-skeleton{width:100%;height:450px;position:relative}.chart-skeleton{color:var(--muted);background:linear-gradient(110deg,#f2f5f8 30%,#fff 45%,#f2f5f8 60%) 0 0/200% 100%;place-items:center;font-size:11px;animation:1.3s infinite shimmer;display:grid}.chart-loading{z-index:2;color:#4e5969;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffdb;place-items:center;font-size:11px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.chart-loading>div{border-radius:var(--radius);background:#fff;border:1px solid #dfe6ee;align-items:center;gap:8px;padding:10px 13px;display:flex;box-shadow:0 8px 20px #1f2b4214}.chart-loading-line{background:var(--accent);width:44%;height:2px;animation:1s ease-in-out infinite request-progress;position:absolute;top:0;left:0}.loading-spinner{border:2px solid #dce7f5;border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.chart-loading-enter-active,.chart-loading-leave-active{transition:opacity .16s}.chart-loading-enter-from,.chart-loading-leave-to{opacity:0}.chart-error{z-index:3;color:var(--down);text-align:center;background:#fff7f8f0;place-items:center;font-size:12px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.market-flow{padding:0 18px 18px}.flow-tabs{gap:24px}.book-head{color:#9299a5;grid-template-columns:1fr 1fr;gap:10px;padding:13px 0 7px;font-size:9px;display:grid}.book-head span:last-child{text-align:right}.book-columns{grid-template-columns:1fr 1fr;gap:10px;display:grid}.book-side{gap:2px;display:grid}.depth-row{grid-template-columns:1fr auto;align-items:center;gap:6px;min-height:25px;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:grid;position:relative;overflow:hidden}.depth-row:before{content:"";z-index:0;width:var(--depth);position:absolute;top:0;bottom:0;right:0}.depth-row>*{z-index:1;position:relative}.bids .depth-row:before{background:#e4f6ef}.asks .depth-row:before{background:#ffe9eb}.bids b{color:var(--up)}.asks b{color:var(--down)}.depth-row span{color:#59616e;text-align:right}.trade-list .book-head,.trade-row{grid-template-columns:1fr 1fr 1fr}.trade-list .book-head span:nth-child(n+2),.trade-row>:nth-child(n+2){text-align:right}.trade-row{color:#657080;align-items:center;min-height:28px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:grid}.trade-bar{z-index:15;width:min(100%,430px);padding:10px 18px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;grid-template-columns:1fr 1fr;gap:10px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.trade-bar button{min-height:46px}.buy-button{background:var(--up)}.sell-button{background:var(--down)}.dialog-backdrop{z-index:40;background:#090f198f;place-items:end center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.dialog{width:min(100%,430px);padding:24px 20px calc(20px + env(safe-area-inset-bottom));border-radius:var(--radius) var(--radius) 0 0;background:#fff;box-shadow:0 -20px 60px #1f2b4238}.dialog-icon{border-radius:var(--radius);background:var(--accent-soft);width:46px;height:46px;color:var(--accent);place-items:center;margin-bottom:14px;display:grid}.dialog h2{color:var(--text);margin:0 0 8px;font-size:20px}.dialog p{color:var(--muted);margin:0 0 20px;line-height:1.55}.dialog>button{width:100%}@keyframes shimmer{to{background-position:-200% 0}}@keyframes request-progress{0%{transform:translate(-110%)}to{transform:translate(340%)}}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:431px){body{background:#edf1f6}}@media (max-width:370px){.page{--page-gutter:14px}.featured-market{padding:10px}.featured-market.primary{grid-template-columns:minmax(100px,1fr) 60px minmax(78px,auto)}.market-row.with-chart{grid-template-columns:34px minmax(43px,.7fr) 60px minmax(67px,auto) 67px;gap:6px}.market-row.with-chart .coin-icon{width:34px!important;height:34px!important}.mini-sparkline{width:60px}.market-price strong,.change{font-size:10px}.banner-slide strong{width:66%;font-size:17px}.balance-panel>strong,.asset-hero>div>strong{font-size:25px}.quote-block{padding-inline-start:14px;padding-inline-end:14px}}@media (orientation:landscape) and (max-height:520px){.app-shell{width:min(100%,760px)}.page{width:min(100%,760px);margin:0 auto}.bottom-nav,.trade-bar,.market-detail{width:min(100%,760px)}.login-visual{height:210px}.chart-wrap,.kline-chart,.chart-skeleton{height:330px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.request-progress span,.chart-loading-line{width:100%;transform:none}}