/* MoneyIsle / Paper, light and rhythm. One final visual layer for the workspace. */
:root{--bg:#f4f1e9;--panel:#fffefa;--line:#dfdbd0;--text:#292b27;--muted:#6b6c62;--gold:#b69759}
html body{background:#f4f1e9;color:#292b27;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased}
html body button,html body input,html body select,html body textarea{font-family:inherit;font-weight:400}
html body h1,html body h2,html body h3,html body h4{font-weight:450!important;color:#292b27;letter-spacing:-.025em}
html body strong,html body b{font-weight:500!important}
html body aside{background:#252924;border:0;width:216px;padding:36px 22px;color:#e8e8dc}
html body .brand{gap:10px;align-items:center}.brand-icon{font-size:35px!important;color:#e6ee83!important}html .brand>span:last-child{font-size:24px;font-weight:400;letter-spacing:3px}.brand small{font-size:9px!important;font-weight:400;letter-spacing:2.6px!important;color:#b8bda7!important}
html .nav-label{font-size:10px;color:#a4ac9b;letter-spacing:1.7px;line-height:1.8;margin:40px 10px 20px}html body nav{gap:10px}html body nav button{padding:13px 14px;font-size:16px!important;color:#c8cdbf;border-radius:3px;gap:12px;font-weight:400!important;line-height:1.6}html body nav button.active{background:#e9ef93;color:#282c23;font-weight:500!important}html body nav button span{font-size:17px}
html .menu-order-entry{font-size:13px;color:#c5c9b8;border-color:#555c4c;border-radius:3px;padding:11px;margin-top:24px}.side-note{padding-top:25px}.side-note>span{font-size:48px!important;color:#bcabd1!important}.side-note b{font-size:14px!important;font-weight:400!important;line-height:1.9}.side-note p{font-size:12px!important;line-height:1.9}.local,.old-link{font-size:12px!important;color:#aeb5a2!important}
html body main{margin-left:216px;max-width:1780px;padding:38px 40px 24px}html body header{padding-bottom:23px;border-bottom:1px solid #d4d0c4;gap:28px;align-items:center}html body .eyebrow{font-size:10px;letter-spacing:2px;color:#717765;font-weight:400}html body header h1{font-size:clamp(25px,2.3vw,36px)!important;line-height:1.5;margin:12px 0 7px;font-weight:400!important}html body header p{font-size:10px;letter-spacing:1.8px;color:#777a6e}html .header-actions{gap:8px;justify-content:flex-end}html .header-actions .outline,html .header-actions select{background:transparent;font-size:13px!important;padding:9px 11px!important;border:1px solid #d1d0c3;border-radius:4px;color:#54594c}
html body .topline{margin:18px 0 24px;color:#656b5b;letter-spacing:.5px;font-size:12px}html body .notice.demo{background:#eeeee2;border:0;border-left:2px solid #c2ca92;border-radius:0;padding:10px 15px;font-size:13px;line-height:1.7;margin-bottom:24px}.notice.demo .tiny{font-size:13px!important}
html body .primary{background:#e8ef8a;color:#303525;border-radius:4px;padding:12px 19px;font-weight:500!important;font-size:15px!important;box-shadow:none}html body .outline{border-color:#c9cbbb;background:transparent;border-radius:4px;padding:11px 16px;font-size:15px!important;color:#4f5843}html body .tiny{font-size:14px!important;font-weight:400;color:#6b6550}html body .green-btn{border-radius:4px;font-size:14px!important;font-weight:400}.primary:hover,.outline:hover,.tiny:hover{filter:none;background:#e4e8d3}
html body #app .panel{background:#fffefa;border:1px solid #e0dcd1;border-radius:6px;padding:28px;box-shadow:none}html body #app .panel-head{align-items:flex-start;gap:20px;margin-bottom:23px}html body #app .panel-head h2{font-size:22px;font-weight:450!important;line-height:1.5}html body #app .panel-head p{font-size:14px;color:#77796c;line-height:1.8;margin-top:6px}html body #app .hint{font-size:14px;color:#737568;line-height:1.8}
html body #app .dashboard-summary{gap:0;background:#e9edb5;border:1px solid #d3d8aa;border-radius:6px;margin:0 0 28px;overflow:hidden}html body #app .summary-card{border:0;border-radius:0;background:transparent;padding:25px 29px;gap:13px;box-shadow:none;transform:none}html body #app .summary-card+.summary-card{border-left:1px solid #ccd29f}html body #app .summary-total{background:#e6ed8b}html body #app .summary-card span{font-size:14px;font-weight:400;color:#535c3b}html body #app .summary-card strong{font-family:Georgia,'Times New Roman',serif;font-size:38px;font-weight:400!important;letter-spacing:-1px;color:#32392b}html body #app .summary-card small{font-size:12px;color:#6d7555}
html body #app .overview-layout{grid-template-columns:minmax(0,1fr) 310px;gap:26px}html body #app .overview-main,html body #app .overview-side{gap:26px}html body #app .funds-overview{background:#fffefa;border:1px solid #dedbce;border-radius:6px 6px 65px 6px;padding-bottom:24px}html body #app .funds-overview .pie-chart-wrap{grid-template-columns:174px 1fr;gap:30px;padding:10px 0}html body #app .funds-overview .money-pie{width:174px;height:174px}html body #app .money-pie>div{background:#fffefa;width:124px;height:124px;gap:6px}html body #app .money-pie strong{font-family:Georgia,serif;font-weight:400!important;font-size:23px;color:#454a3a}html body #app .pie-legend{gap:16px}html body #app .pie-legend span{font-size:15px;font-weight:400;color:#616553}html body #app .pie-legend strong{font-size:16px;font-weight:400!important;color:#353a2d}html body #app .pie-legend small{font-size:12px;color:#8b8f7c}.funds-overview-foot{border-color:#ebe7dc!important;margin-top:18px!important;padding-top:10px!important}
html body #app .stock-list-panel{border-top:1px solid #bca7cf;background:#fcfafc}html body #app .stock-tabs{gap:24px;border-color:#e1dbdf}html body #app .stock-tabs button{font-size:15px;font-weight:400;padding:12px 0;color:#767269}html body #app .stock-tabs button.active{color:#735d8c;border-bottom:2px solid #a994bb;font-weight:500}.stock-list-row{padding:21px 0!important}.stock-list-title strong{font-size:21px!important;font-weight:500!important;letter-spacing:.5px}.stock-row-reason{font-size:15px!important;line-height:1.8!important;color:#676758!important}.stock-row-data{margin-top:11px!important}.stock-list-actions{margin-top:13px!important}.tag{font-weight:400!important;font-size:12px!important;padding:4px 8px!important}
html body #app .compact-sleeves{background:#edece4;border:0;padding:24px}.sleeve-mini-grid{gap:15px!important}.sleeve-mini{background:transparent!important;border-radius:0!important;padding:14px!important;border-left:1px solid #d6d7c7}.sleeve-mini strong{font-size:20px!important;font-weight:400!important}.sleeve-mini small{font-size:13px!important;font-weight:400}.sleeve-mini>span{font-weight:400!important}
html body #app .side-month{background:#f0eadc;border:1px solid #e0d5bc}.side-budget{background:transparent!important;padding:4px 0 18px!important;border-bottom:1px solid #dbd1ba;border-radius:0!important}.side-budget strong{font-family:Georgia,serif;font-weight:400!important;font-size:32px!important;color:#826d43!important}.side-budget-details{margin:23px 0!important;gap:16px!important}.side-budget-details>div{font-size:14px!important}.side-budget-details b{font-weight:400!important}.side-daily{border-top:1px solid #d0c0dd!important}.daily-spend-total{background:transparent!important;border:0!important;padding:5px 0 18px!important}.daily-spend-total strong{font-family:Georgia,serif;font-weight:400!important;font-size:29px!important}.side-quick{background:#eae4f0!important;border:0!important}.side-quick h2{font-size:19px!important;font-weight:400!important}.side-quick .outline{border:0;border-bottom:1px solid #cec3d7;background:transparent;border-radius:0;padding:14px 0;text-align:left;color:#746180}
html body #app>.plan-tabs{background:transparent;border-bottom:1px solid #d4d0c4;border-radius:0;padding:0 0 14px;margin-bottom:28px;gap:10px;width:100%}html body #app>.plan-tabs button{font-size:16px;font-weight:400!important;flex:0 1 auto;min-width:125px;border-radius:3px;padding:12px 20px;color:#646858}html body #app>.plan-tabs button.active{background:#ddd3e8;color:#5f4d73}
html body #app .stats{gap:18px}html body #app .stat{background:transparent;border:0;border-bottom:1px solid #bfc5ad;border-radius:0;padding:16px 5px 22px}.stat.feature{background:transparent!important}.stat.feature:after{display:none}.stat-label{font-size:14px!important;font-weight:400!important;color:#747863!important}.stat-value{font-family:Georgia,serif;font-size:33px!important;font-weight:400!important;color:#333b2a;letter-spacing:-.8px}.stat-sub{font-size:13px!important;color:#838575!important}.trade-sleeve-cards{gap:15px!important}.trade-sleeve-cards .sleeve-mini{border:1px solid #dddccf!important;background:#f7f7ee!important;border-radius:4px!important;padding:22px!important}.trade-sleeve-cards .sleeve-mini.selected{background:#eee6f4!important;border-color:#b8a0cc!important}.trade-sleeve-cards strong{font-family:Georgia,serif;font-size:25px!important;font-weight:400!important}
html body #app .grid{gap:26px;margin-top:26px}html body #app .panel.full{margin-top:26px}html body #app table{font-size:15px}html body #app th{font-size:13px;letter-spacing:.5px;font-weight:400!important;background:#f3f3e9;color:#787b69;padding:15px}html body #app td{padding:20px 15px;border-color:#e9e6db}html body #app .table-wrap{border:0;border-radius:0}html body #app td small{font-size:13px;color:#8b8b7c}html body #app form label{font-size:15px;font-weight:400;color:#626951;margin-bottom:22px}html body #app form input,html body #app form select{border-color:#d7d9c8;background:#fbfcf5;font-size:17px;font-weight:400;padding:13px 14px;border-radius:4px}html body #app .form-row{gap:22px}html body #app .notice{border-radius:2px;border:0;border-left:2px solid #c0c99d;background:#f1f2e7;color:#74785f;font-size:14px;line-height:1.9;padding:17px 20px}html body #app .note-card{border:0;border-top:1px solid #bbabcd;border-bottom:1px solid #e3dce9;border-radius:0;background:transparent;padding:27px 7px;margin:23px 0}html body #app .note-card h3{font-size:22px;font-weight:450!important}html body #app .note-card p{font-size:16px;line-height:1.95;color:#5d6253}html body #app .note-actions{border:0;margin-top:17px;padding-top:10px}.strategy-grid{gap:30px!important}.strategy-grid .note-card:nth-child(2){background:#f4f0e6!important;padding:27px 22px!important}.strategy-grid .note-card:nth-child(3){background:#f0eaf5!important;padding:27px 22px!important}
html body #app .member-intro{padding:8px 0 30px;margin:0;border-bottom:1px solid #d7d2c4}html body #app .member-intro h2{font-size:32px;font-weight:400!important;line-height:1.6}html body #app .member-intro p{font-size:16px;line-height:1.8;color:#747865}.member-mark{font-size:85px!important;color:#b8a4cd!important}html body #app .membership-three{gap:24px;align-items:stretch}html body #app .membership-three .tier{padding:33px 27px;background:#fffefa;border-radius:5px;border:1px solid #ddd9cd}.membership-three .tier:nth-child(2){background:#f1f3da!important;border-color:#d4d9b0!important}.membership-three .tier:nth-child(3){background:#ece5f2!important;border-color:#d6c6e2!important}.tier h2{font-size:28px!important;font-weight:400!important}.tier-price{font-family:Georgia,serif;font-size:43px!important;font-weight:400!important;letter-spacing:-1px}.tier-price small{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px!important;font-weight:400;color:#777c68!important}.tier-desc{font-size:15px!important;color:#727864!important;font-weight:400;line-height:1.9;min-height:55px}.tier li{font-size:15px!important;line-height:1.8!important;font-weight:400!important;color:#626a54!important;border-color:#dcded1!important;padding:15px 0!important}.tier .section-kicker{font-size:9px!important;font-weight:400;letter-spacing:1.8px;color:#8a8a74!important}.member-account{border:0!important;background:#edece2!important}.member-account strong{font-size:17px!important;font-weight:400!important}.member-account p{font-size:14px!important;font-weight:400!important;color:#858875!important}
html body footer{border-top:1px solid #d7d3c7;padding-top:20px;margin-top:35px;color:#8a8e7b;font-size:11px;font-weight:400}
@media(min-width:1250px){.overview-main{position:relative}.overview-main .funds-overview .panel-head p{display:block!important}.funds-overview .pie-legend>div{grid-template-columns:9px 1fr auto 40px}.funds-overview .pie-legend small{grid-column:auto}}
@media(max-width:1150px){html body main{padding:30px 25px}html body #app .overview-layout{grid-template-columns:minmax(0,1fr) 270px;gap:20px}html body #app .overview-main,html body #app .overview-side{gap:20px}html body #app .panel{padding:23px}html body #app .funds-overview .pie-chart-wrap{grid-template-columns:140px 1fr;gap:20px}html body #app .funds-overview .money-pie{width:140px;height:140px}html body #app .money-pie>div{width:100px;height:100px}.summary-card strong{font-size:32px!important}}
@media(max-width:1000px){html body #app .overview-layout{grid-template-columns:1fr}html body #app .overview-side{grid-template-columns:1fr 1fr}html body #app .side-quick{grid-column:1/-1}html body #app .stats{grid-template-columns:1fr 1fr}html body #app .membership-three{grid-template-columns:1fr}.membership-three .tier:last-child{grid-column:auto!important}html body #app .grid,html body #app .grid.equal{grid-template-columns:1fr}}
@media(max-width:800px){html body aside{position:relative;width:100%;padding:18px 22px;inset:auto;border:0;display:block}html .brand{margin:0 0 18px;width:max-content}.brand-icon{font-size:30px!important}html .brand>span:last-child{font-size:22px}.brand small{display:inline!important;margin-left:12px}.nav-label,.side-note,.local,.old-link{display:none!important}html body nav{display:flex;gap:7px;overflow:auto;scrollbar-width:none;padding:0 0 2px}html body nav button{white-space:nowrap;flex-shrink:0;font-size:14px!important;padding:10px 12px;border-radius:3px}html .menu-order-entry{position:absolute;right:20px;top:20px;margin:0;padding:6px 9px;font-size:12px}html body main{margin-left:0;padding:25px 22px}html body header{display:block;padding-bottom:21px}html body header h1{font-size:28px!important;margin:11px 0 6px}html body header p{display:none}html .header-actions{display:flex!important;flex-wrap:wrap;justify-content:flex-start;margin-top:19px;gap:8px}html .header-actions>*{width:auto!important;flex:0 1 auto;min-width:0;padding:8px 10px!important;font-size:13px!important}.header-actions select{max-width:100px}html body .topline{margin:17px 0 20px;font-size:11px}.topline>span:last-child{display:none}html body #app>.plan-tabs button{flex:1;min-width:0;padding:12px 8px;font-size:15px}html body #app .panel-head{flex-wrap:wrap;gap:13px}.trade-sleeve-cards{grid-template-columns:1fr 1fr!important}.member-mark{font-size:60px!important}}
@media(max-width:600px){html body #app .dashboard-summary{grid-template-columns:1fr 1fr;margin-bottom:22px}html body #app .summary-card{padding:20px;gap:10px}.summary-total{grid-column:1/-1;display:flex!important;flex-direction:column;align-items:flex-start!important}.summary-total strong{font-size:39px!important}.summary-card strong{font-size:29px!important}.summary-card:nth-child(2){border-left:0!important;border-top:1px solid #d3d8aa!important}.summary-card:nth-child(3){border-top:1px solid #d3d8aa!important}.summary-card span{font-size:14px!important}.summary-card small{font-size:12px!important}html body #app .overview-side{grid-template-columns:1fr}html body #app .overview-layout,html body #app .overview-main,html body #app .overview-side{gap:22px}html body #app .panel{padding:24px 20px}html body #app .funds-overview .pie-chart-wrap{grid-template-columns:1fr;gap:25px;padding:7px 0}html body #app .funds-overview .money-pie{width:185px;height:185px;margin:auto}html body #app .money-pie>div{width:132px;height:132px}.funds-overview .pie-legend>div{grid-template-columns:9px 1fr auto 38px!important;gap:7px!important}.funds-overview .pie-legend small{grid-column:auto!important;text-align:right!important}html body #app .pie-legend{gap:15px}.funds-overview-foot{gap:5px!important}.funds-overview-foot .hint{font-size:12px!important}html body #app .stock-tabs{gap:20px}.sleeve-mini-grid{grid-template-columns:1fr!important}.sleeve-mini{border-left:0;border-bottom:1px solid #d6d7c7}.sleeve-mini:last-child{border-bottom:0}html body #app .form-row{grid-template-columns:1fr;gap:0}html body #app .stats{gap:16px}.stat-value{font-size:27px!important}.stat-label{font-size:13px!important}.stat-sub{font-size:12px!important}.trade-sleeve-cards .sleeve-mini{padding:18px!important}.trade-sleeve-cards strong{font-size:22px!important}html body #app .member-intro h2{font-size:27px}.member-intro .section-kicker{font-size:10px!important}.member-mark{display:none}html body #app .membership-three .tier{padding:28px 24px}html body #app .strategy-grid{grid-template-columns:1fr}}
html body #app .money-pie strong{font-size:19px;white-space:nowrap;overflow-wrap:normal;letter-spacing:-.6px}html body #app .money-pie small{font-weight:400;font-size:12px}html body #app .overview-side .panel-head h2{font-weight:400!important}html body #app .panel-head h2{font-weight:400!important}html body #app .note-card h3{font-weight:400!important}
/* A unified, quiet sans-serif system for text and financial figures. */
html body{font-family:'Helvetica Neue','PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif!important;letter-spacing:.015em;font-weight:400}
html body button,html body input,html body select,html body textarea,html body h1,html body h2,html body h3,html body h4,html body #app .summary-card strong,html body #app .money-pie strong,html body #app .side-budget strong,html body #app .daily-spend-total strong,html body #app .stat-value,html body #app .trade-sleeve-cards strong,html body #app .tier-price{font-family:'Helvetica Neue','PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif!important}
html body h1,html body h2,html body h3{font-weight:400!important;letter-spacing:.02em!important}html body #app .summary-card strong,html body #app .stat-value,html body #app .tier-price,html body #app .money-pie strong,html body #app .side-budget strong,html body #app .daily-spend-total strong,html body #app .trade-sleeve-cards strong{font-weight:400!important;font-variant-numeric:tabular-nums;letter-spacing:-.035em}html body #app .summary-card strong{font-size:34px}html body #app .tier-price small{font-family:inherit!important}
/* Membership as a restrained comparison strip, rather than oversized posters. */
html body[data-view="membership"] #app .membership-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid #d9d7cb;border-radius:8px;overflow:hidden;background:#fffefa;margin:24px 0;align-items:stretch}
html body[data-view="membership"] #app .membership-three .tier{padding:25px 24px 20px;border:0!important;border-radius:0!important;position:relative;background:#fffefa!important;display:flex;flex-direction:column;gap:0;min-width:0}
html body[data-view="membership"] #app .membership-three .tier+.tier{border-left:1px solid #dddbcf!important}
html body[data-view="membership"] #app .membership-three .tier:nth-child(2){background:#f1f3e4!important}
html body[data-view="membership"] #app .membership-three .tier:nth-child(3){background:#f0ebf5!important}
html body[data-view="membership"] #app .membership-three .tier:before{content:'01';font-size:11px;color:#9b9c88;letter-spacing:2px;position:absolute;top:26px;right:23px;font-weight:400}
html body[data-view="membership"] #app .membership-three .tier:nth-child(2):before{content:'02'}
html body[data-view="membership"] #app .membership-three .tier:nth-child(3):before{content:'03';color:#a28ab6}
html body[data-view="membership"] #app .tier .section-kicker{font-size:9px!important;letter-spacing:1.2px;line-height:1.6;padding-right:28px;margin:0 0 14px;color:#8c8f7b!important}
html body[data-view="membership"] #app .tier h2{font-size:22px!important;line-height:1.4;font-weight:400!important;margin:0 0 12px;letter-spacing:0!important}
html body[data-view="membership"] #app .tier-price{font-size:31px!important;line-height:1.25;margin:0 0 12px;font-weight:400!important;letter-spacing:-1px}
html body[data-view="membership"] #app .tier-price small{font-size:13px!important;letter-spacing:0;color:#81856f!important}
html body[data-view="membership"] #app .tier-desc{font-size:14px!important;line-height:1.7;min-height:48px;margin:0 0 15px;color:#747963!important}
html body[data-view="membership"] #app .tier .wide{margin:0;padding:10px 13px!important;min-height:41px;font-size:14px!important;border-radius:4px;font-weight:400!important}
html body[data-view="membership"] #app .tier ul{flex:1;margin:19px 0 8px;padding:0}
html body[data-view="membership"] #app .tier li{font-size:14px!important;line-height:1.65!important;padding:10px 0!important;font-weight:400!important;border-color:#dedfce!important;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
html body[data-view="membership"] #app .tier li:before{margin:0;color:#9f9d76;font-size:12px}
html body[data-view="membership"] #app .tier em{float:none;margin-left:auto;background:#ffffff65;padding:2px 5px;font-size:11px;border-radius:2px;color:#9b8aa8}
html body[data-view="membership"] #app .tier .hint{font-size:12px!important;line-height:1.7;color:#8a8d7a;margin:8px 0 0;min-height:40px}
html body[data-view="membership"] #app .member-intro{padding:0 0 18px;align-items:center}
html body[data-view="membership"] #app .member-intro h2{font-size:26px!important;margin:9px 0;line-height:1.5}
html body[data-view="membership"] #app .member-intro p{font-size:14px;margin:0;line-height:1.8}
html body[data-view="membership"] #app .member-mark{font-size:55px!important;margin:0 8px;color:#c1b4cf!important}
html body[data-view="membership"] #app .member-account{padding:16px 20px;margin:18px 0;gap:13px;border-radius:5px}
html body[data-view="membership"] #app .member-account p{font-size:13px!important;margin-top:4px}
html body[data-view="membership"] #app>.notice{font-size:13px;padding:11px 15px;margin:18px 0}
@media(max-width:1100px){html body[data-view="membership"] #app .membership-three .tier{padding:23px 18px 18px}html body[data-view="membership"] #app .tier:before{right:18px!important}html body[data-view="membership"] #app .tier .section-kicker{font-size:8px!important;letter-spacing:.7px}html body[data-view="membership"] #app .tier-desc{min-height:70px}}
@media(max-width:700px){html body[data-view="membership"] #app .membership-three{grid-template-columns:1fr}html body[data-view="membership"] #app .membership-three .tier{padding:22px;display:grid;grid-template-columns:1fr auto;gap:0 16px}html body[data-view="membership"] #app .membership-three .tier+.tier{border-left:0!important;border-top:1px solid #dddbcf!important}html body[data-view="membership"] #app .tier .section-kicker{grid-column:1/-1;font-size:9px!important;margin-bottom:10px}html body[data-view="membership"] #app .tier h2{grid-column:1;grid-row:2;font-size:21px!important;margin:0}html body[data-view="membership"] #app .tier-price{grid-column:2;grid-row:2;margin:0;font-size:27px!important;align-self:center}html body[data-view="membership"] #app .tier-desc{grid-column:1/-1;min-height:0;margin:12px 0 16px}html body[data-view="membership"] #app .tier .wide,html body[data-view="membership"] #app .tier ul,html body[data-view="membership"] #app .tier .hint{grid-column:1/-1}html body[data-view="membership"] #app .tier ul{margin-top:16px}html body[data-view="membership"] #app .tier .hint{min-height:0}html body[data-view="membership"] #app .member-intro h2{font-size:24px!important}}
/* Smaller, neutral system typography. */
html body,html body button,html body input,html body select,html body textarea,html body h1,html body h2,html body h3,html body h4,html body #app strong,html body #app .stat-value,html body #app .tier-price,html body #app .tier-price small{font-family:-apple-system,BlinkMacSystemFont,'Arial','PingFang SC','Microsoft YaHei',sans-serif!important;letter-spacing:0!important}
html body{font-size:14px!important}html body header h1{font-size:25px!important}html body nav button{font-size:14px!important}html body #app .panel-head h2{font-size:19px!important}html body #app .panel-head p,html body #app .hint,html body #app .notice{font-size:13px!important}html body #app .summary-card strong{font-size:29px!important}html body #app .summary-card span{font-size:13px!important}html body #app .money-pie strong{font-size:17px!important}html body #app .side-budget strong,html body #app .daily-spend-total strong,html body #app .stat-value{font-size:26px!important}html body #app .note-card h3{font-size:19px!important}html body #app .note-card p{font-size:14px!important;line-height:1.85}html body #app table{font-size:14px!important}html body #app td small{font-size:12px!important}html body #app form label{font-size:14px!important}html body #app form input,html body #app form select{font-size:15px!important}html body #app>.plan-tabs button{font-size:14px!important}html body #app .stock-list-title strong{font-size:18px!important}html body #app .trade-sleeve-cards strong{font-size:22px!important}
html body[data-view="membership"] #app .member-intro h2{font-size:23px!important}html body[data-view="membership"] #app .tier h2{font-size:20px!important}html body[data-view="membership"] #app .tier-price{font-size:26px!important}html body[data-view="membership"] #app .tier-desc,html body[data-view="membership"] #app .tier li{font-size:13px!important}html body[data-view="membership"] #app .tier .wide{font-size:13px!important}html body[data-view="membership"] #app .tier-price small{font-size:12px!important}html body #app .primary,html body #app .outline{font-size:14px!important}html body #app .tiny{font-size:13px!important}
@media(max-width:600px){html body header h1{font-size:23px!important}html body #app .summary-total strong{font-size:30px!important}html body #app .summary-card strong{font-size:25px!important}html body #app .panel-head h2{font-size:18px!important}html body[data-view="membership"] #app .member-intro h2{font-size:21px!important}html body[data-view="membership"] #app .tier-price{font-size:25px!important}}
/* Unified Arial / PingFang typography, retaining the approved smaller scale. */
html body,html body button,html body input,html body select,html body textarea,html body h1,html body h2,html body h3,html body h4,html body #app strong,html body #app b,html body #app .stat-value,html body #app .tier-price,html body #app .tier-price small{font-family:Arial,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif!important;font-weight:400!important;letter-spacing:0!important}
/* Black / gold / blue palette. */
:root{--bg:#101217;--panel:#191d25;--line:#303641;--text:#e9edf5;--muted:#a3adbd;--gold:#c6a66b;--green:#408cff}
html body{background:#101217!important;color:#e9edf5!important}html body aside{background:#0b0e13!important;border-right:1px solid #282e39!important}html body h1,html body h2,html body h3,html body h4{color:#eef1f7!important}html body header,html body footer{border-color:#303641!important}html body .eyebrow,html body header p,html body .topline,html body footer{color:#929fb2!important}html body nav button{color:#a8b3c5!important}html body nav button.active{background:#1b2d49!important;color:#88b6ff!important;border-left:2px solid #408cff}.brand-icon,.brand small{color:#c6a66b!important}.menu-order-entry{border-color:#343b47!important;color:#b9c2d1!important}.side-note>span{color:#c6a66b!important}
html body #app .panel,html body #app .stock-list-panel,html body #app .side-daily{background:#191d25!important;border-color:#303641!important;box-shadow:none!important}html body #app .panel-head p,html body #app .hint,html body #app .stock-row-reason,html body #app .stock-row-data,html body #app .note-card p{color:#aab4c5!important}html body #app strong,html body #app b{color:#e5eaf3}html body #app .dashboard-summary{background:#191d25!important;border-color:#393d42!important}html body #app .summary-card{background:#191d25!important;border-color:#343c48!important}html body #app .summary-total{background:#25241f!important}html body #app .summary-card strong{color:#d9bb83!important}html body #app .summary-card span{color:#c5ccda!important}html body #app .summary-card small{color:#929eaf!important}html body #app .money-pie>div{background:#191d25!important}html body #app .money-pie strong{color:#e7edf6!important}html body #app .money-pie small,html body #app .pie-legend span{color:#a9b5c5!important}html body #app .pie-legend strong{color:#e1e8f2!important}html body #app .pie-legend small{color:#8e9bac!important}.funds-overview-foot,.stock-list-row,.stock-tabs{border-color:#323a47!important}html body #app .stock-tabs button{color:#a1adbf!important}html body #app .stock-tabs button.active{color:#79acff!important;border-color:#408cff!important}html body #app .tag{background:#243753!important;color:#94bdff!important}html body #app .compact-sleeves{background:#171c24!important}html body #app .sleeve-mini{border-color:#363d48!important;background:transparent!important}html body #app .side-month{background:#22231f!important;border-color:#414031!important}.side-budget{border-color:#424232!important}.side-budget span,.side-budget-details>div{color:#b3b8a7!important}html body #app .side-budget strong{color:#d6b879!important}.side-budget-details b{color:#e0e4d7!important}html body #app .side-quick{background:#17263b!important}html body #app .side-quick .outline{background:transparent!important;border-color:#354b67!important;color:#a4c4f7!important}.daily-empty{background:#222a35!important;color:#9daec3!important}
html body .primary,html body #app .primary{background:#408cff!important;color:#fff!important;border-color:#408cff!important}html body .outline,html body #app .outline,html body .header-actions select{background:transparent!important;border-color:#424b59!important;color:#b9c6d9!important}html body .tiny,html body #app .tiny{color:#d0b37a!important}html body .green-btn,html body #app .green-btn{background:#223a5b!important;color:#a6caff!important}html body #app>.plan-tabs{border-color:#343d49!important}html body #app>.plan-tabs button{background:transparent!important;color:#a8b5c7!important}html body #app>.plan-tabs button.active{background:#233958!important;color:#a1c7ff!important}html body #app .plan-tabs{background:#202a38!important}html body #app .plan-tabs button.active{background:#29476d!important;color:#b4d3ff!important}html body #app .stat{border-color:#3e4857!important;background:transparent!important}.stat-label,.stat-sub{color:#9eacbf!important}html body #app .stat-value{color:#d3b77e!important}html body #app .trade-sleeve-cards .sleeve-mini{background:#1e2530!important;border-color:#394454!important}html body #app .trade-sleeve-cards .sleeve-mini.selected{background:#203754!important;border-color:#4b78b5!important}html body #app th{background:#222a36!important;color:#a2b1c5!important}html body #app td{border-color:#303a48!important;color:#dae3ef!important}html body #app td small{color:#8ea0b7!important}html body #app form label{color:#b1bfd1!important}html body #app form input,html body #app form select,html body #app form textarea,html body .filters input,html body .filters select{background:#131a24!important;border-color:#394657!important;color:#e2eaf6!important;color-scheme:dark}html body #app .notice,html body .notice.demo{background:#1d2838!important;border-color:#48638a!important;color:#a9bdd7!important}html body #app .note-card{background:transparent!important;border-color:#3c4d64!important}html body #app .strategy-grid .note-card:nth-child(2),html body #app .strategy-grid .note-card:nth-child(3){background:#1e293a!important}html body #app .result{background:#1a2c45!important;border-color:#345781!important}html body #app .result strong,html body #app .result p{color:#a7caff!important}.progress{background:#303a47!important}.progress>span{background:#408cff!important}.positive{color:#7aaaff!important}.negative,.delete{color:#e4a28c!important}
html body[data-view="membership"] #app .member-intro{border-color:#343d49!important}html body[data-view="membership"] #app .member-intro p{color:#a5b2c4!important}html body[data-view="membership"] #app .membership-three{background:#191d25!important;border-color:#3b4452!important}html body[data-view="membership"] #app .membership-three .tier{background:#191d25!important;border-color:#35404e!important}html body[data-view="membership"] #app .membership-three .tier:nth-child(2){background:#20241f!important}html body[data-view="membership"] #app .membership-three .tier:nth-child(3){background:#1b2a41!important}html body[data-view="membership"] #app .tier-price{color:#d4b77c!important}html body[data-view="membership"] #app .tier-desc,html body[data-view="membership"] #app .tier li{color:#b0bed0!important;border-color:#3a4553!important}html body[data-view="membership"] #app .tier .hint,html body[data-view="membership"] #app .tier-price small{color:#91a1b8!important}html body[data-view="membership"] #app .member-account{background:#202733!important}html body[data-view="membership"] #app .member-account p{color:#96a9c2!important}html body dialog{background:#191f29!important;color:#e1e8f4!important;border-color:#435168!important}html body dialog input,html body dialog select,html body dialog textarea{background:#111923!important;color:#e0e8f6!important;border-color:#3d4c60!important;color-scheme:dark}.allocation-account,.allocation-suggestion,.allocation-cash,.funds-cash-line{background:#232c39!important;border-color:#3c4b60!important}.allocation-account span,.allocation-cash span,.allocation-cash small,.funds-cash-line span{color:#a3b4cd!important}html body #app .empty,html body #app .empty strong{color:#9eafc5!important}

/* Restore the first version's native system typeface. */
html body,html body button,html body input,html body select,html body textarea,html body h1,html body h2,html body h3,html body h4,html body #app strong,html body #app b,html body #app .stat-value,html body #app .tier-price,html body #app .tier-price small{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif!important}
/* Distinct surfaces: capital in warm graphite, trades in blue, daily life in slate. */
html body{background:#101319!important}html body main{background:linear-gradient(145deg,#141a23 0%,#11151c 52%,#101319 100%);min-height:100vh}html body aside{background:#0b0f15!important}html body header{position:relative;padding-bottom:25px}html body header:after{content:'';position:absolute;left:0;bottom:-1px;width:65px;height:2px;background:#c6a66b}
html body #app .dashboard-summary{border:0!important;border-radius:8px;gap:12px!important;background:transparent!important;overflow:visible}html body #app .summary-card{border:1px solid #333e4d!important;border-radius:8px!important;background:#1c2735!important;padding:24px 26px;position:relative;overflow:hidden}html body #app .summary-card+.summary-card{border-left:1px solid #333e4d!important}html body #app .summary-total{background:#302b22!important;border-color:#514732!important}html body #app .summary-card:nth-child(3){background:#19314d!important;border-color:#2d4b70!important}html body #app .summary-card:nth-child(2) strong{color:#e4edf9!important}html body #app .summary-card:nth-child(3) strong{color:#91bfff!important}html body #app .summary-card:after{content:'';position:absolute;right:-24px;top:-26px;width:110px;height:110px;border:1px solid #ffffff08;border-radius:50%;pointer-events:none}
html body #app .funds-overview{background:#1d222b!important;border-color:#343d4a!important;border-radius:8px 8px 44px 8px}html body #app .funds-overview .money-pie>div{background:#1d222b!important}html body #app .stock-list-panel{background:#18263a!important;border-color:#2c405c!important;border-radius:8px}html body #app .stock-list-panel .panel-head{padding-bottom:15px;border-bottom:1px solid #30425b}html body #app .stock-list-panel .stock-list-row{border-color:#30425b!important}html body #app .stock-list-panel .stock-tabs{border-color:#30425b!important}html body #app .compact-sleeves{background:#202831!important;border:1px solid #37414b!important;border-radius:8px}html body #app .side-month{background:#2a2923!important;border-color:#484435!important;border-radius:8px}html body #app .side-daily{background:#1d2938!important;border-color:#35465b!important;border-radius:8px}html body #app .side-quick{background:#183557!important;border:1px solid #2d507a!important;border-radius:8px}.side-quick .outline:hover{background:#22436a!important}
html body #app>.plan-tabs{background:#171f2b!important;border:1px solid #2f3b4d!important;border-radius:6px;padding:6px!important;gap:6px}html body #app>.plan-tabs button.active{background:#284b78!important;color:#c4ddff!important}html body[data-view="trades"] #app>.panel:nth-of-type(odd){background:#1d2735!important}html body[data-view="trades"] #app .trade-sleeve-cards .sleeve-mini{background:#202e41!important}html body[data-view="trades"] #app .trade-sleeve-cards .sleeve-mini.selected{background:#294b73!important;border-color:#5c87bc!important}html body #app .stat{background:#1b2532!important;border:1px solid #344154!important;border-radius:6px;padding:20px!important}html body #app .stat.feature{background:#2b2922!important;border-color:#484132!important}html body #app .grid>.panel:nth-child(2){background:#1b2b42!important;border-color:#334763!important}html body #app .note-card{background:#1c2839!important;border:1px solid #34475e!important;border-left:2px solid #6488b9!important;padding:24px!important;border-radius:5px}html body #app .strategy-grid .note-card:nth-child(2){background:#2a2924!important;border-color:#504737!important}html body #app .strategy-grid .note-card:nth-child(3){background:#233244!important}html body #app .strategy-grid .note-card:nth-child(4){background:#202a2b!important}html body[data-view="membership"] #app .membership-three .tier:nth-child(1){background:#1c232d!important}html body[data-view="membership"] #app .membership-three .tier:nth-child(2){background:#2b2922!important}html body[data-view="membership"] #app .membership-three .tier:nth-child(3){background:#1c3554!important}
@media(max-width:600px){html body #app .dashboard-summary{gap:10px!important}html body #app .summary-card{padding:20px!important}html body #app .summary-card:nth-child(2),html body #app .summary-card:nth-child(3){border:1px solid #344258!important}html body #app .funds-overview{border-radius:8px 8px 32px 8px}}
/* Neutral graphite surfaces; clear sapphire accents rather than muted blue slabs. */
:root{--green:#648fff}html body main{background:radial-gradient(ellipse at 100% 0%,#1c233022,transparent 50%),#111317!important}html body aside{background:#0c0f13!important}html body nav button.active{background:#25272c!important;border-left:2px solid #c6a66b!important;color:#e0d4bb!important}html body #app>.plan-tabs{background:transparent!important;border:0!important;border-bottom:1px solid #35373d!important;border-radius:0!important;padding:0!important;gap:24px!important}html body #app>.plan-tabs button{background:transparent!important;border-radius:0!important;border-bottom:2px solid transparent;padding:13px 5px!important;min-width:115px;color:#9298a4!important}html body #app>.plan-tabs button.active{background:transparent!important;color:#e1c58d!important;border-bottom-color:#c6a66b!important;box-shadow:none!important}html body #app .panel,html body #app .stat,html body[data-view="trades"] #app>.panel:nth-of-type(odd),html body #app .stock-list-panel,html body #app .compact-sleeves,html body #app .side-daily{background:#1b1e24!important;border-color:#343840!important}html body #app .stock-list-panel .panel-head,html body #app .stock-list-panel .stock-list-row,html body #app .stock-list-panel .stock-tabs{border-color:#343840!important}html body #app .stat.feature{background:#28251f!important;border-color:#4a4131!important}html body #app .side-quick{background:#20252f!important;border-color:#3b4352!important}html body #app .side-month{background:#26251f!important;border-color:#454133!important}html body #app .summary-card{background:#20232a!important;border-color:#363b44!important}html body #app .summary-total{background:#2d281f!important;border-color:#4f4330!important}html body #app .summary-card:nth-child(3){background:#222937!important;border-color:#3b4760!important}html body #app .summary-card:nth-child(3) strong{color:#a6beff!important}html body #app .funds-overview .money-pie>div{background:#1b1e24!important}html body #app .trade-sleeve-cards .sleeve-mini,html body[data-view="trades"] #app .trade-sleeve-cards .sleeve-mini{background:#24272d!important;border-color:#3b3e45!important}html body #app .trade-sleeve-cards .sleeve-mini.selected,html body[data-view="trades"] #app .trade-sleeve-cards .sleeve-mini.selected{background:#2a2822!important;border-color:#a08756!important}html body #app .primary{background:#648fff!important;border:1px solid #8babff!important;color:#101a31!important}html body #app .green-btn{background:#2b3449!important;color:#b8cbff!important}html body #app .note-card,html body #app .grid>.panel:nth-child(2){background:#20232a!important;border-color:#3b414e!important}html body #app th{background:#24272d!important}html body #app .notice,html body .notice.demo{background:#25272b!important;border-color:#80704c!important;color:#b2b8c2!important}html body #app .currency-control select{background:#24272d!important;border-color:#454a54!important;color:#dce2ed!important;color-scheme:dark}html body #app .currency-control{color:#a3aab8!important}html body[data-view="membership"] #app .membership-three .tier:nth-child(3){background:#232b3b!important}.progress>span{background:#789cff!important}
/* All interaction highlights share one champagne-gold accent. */
:root{--gold:#d4b77a;--green:#d4b77a}html body nav button.active{color:#e4cc9c!important;border-left-color:#d4b77a!important;background:#2a2721!important}html body #app .stock-tabs button.active,html body #app>.plan-tabs button.active{color:#e1c58e!important;border-bottom-color:#d4b77a!important;background:transparent!important;box-shadow:none!important}html body #app .plan-tabs button.active,html body #app .member-toggle button.chosen{background:#3a3224!important;color:#ead4a9!important}html body .primary,html body #app .primary{background:#d4b77a!important;border-color:#e4ce9f!important;color:#211e18!important;box-shadow:none!important}html body .primary:hover,html body #app .primary:hover{background:#e1c58d!important}html body .green-btn,html body #app .green-btn{background:#3b3326!important;color:#e4c994!important}html body #app .stock-list-actions .green-btn{background:#3b3326!important;color:#e4c994!important}html body #app .tag{background:#393226!important;color:#e3c690!important}html body #app .summary-card strong,html body #app .summary-card:nth-child(3) strong,html body #app .stat-value,html body #app .result strong{color:#d9bd84!important}html body #app .trade-sleeve-cards .sleeve-mini.selected,html body[data-view="trades"] #app .trade-sleeve-cards .sleeve-mini.selected{background:#302b22!important;border-color:#b49860!important}html body #app .sleeve-mini>span{color:#d3bb8e!important}html body #app .sleeve-mini small{color:#aab0bb!important}html body #app .side-quick .outline,html body .tiny,html body #app .tiny{color:#d7bb83!important}.progress>span{background:#d4b77a!important}.positive{color:#d4b77a!important}html body #app .note-card{border-left-color:#b49860!important}html body input:focus,html body select:focus,html body textarea:focus{outline:1px solid #d4b77a!important;border-color:#d4b77a!important}html body button:focus-visible,html body a:focus-visible{outline:2px solid #d4b77a;outline-offset:3px}html body .header-actions button:hover{border-color:#b49860!important;color:#e2ca9a!important}
/* Clear navigation/content separation. */
html body aside{background:#080b10!important;border-right:1px solid #343944!important;box-shadow:8px 0 24px #00000018}html body main{background:#191d24!important;min-height:100vh}html body #app .panel,html body #app .stock-list-panel,html body #app .compact-sleeves,html body #app .side-daily{background:#22262e!important;border-color:#3a404b!important}html body #app .funds-overview .money-pie>div{background:#22262e!important}html body header{border-color:#3a404b!important}@media(max-width:800px){html body aside{border-right:0!important;border-bottom:1px solid #343944!important;box-shadow:none}}
/* More blue in surfaces; interaction highlights remain gold. */
html body main{background:linear-gradient(135deg,#1b2739,#151d2a 65%,#172234)!important}html body #app .panel,html body #app .stock-list-panel,html body #app .side-daily,html body[data-view="trades"] #app>.panel:nth-of-type(odd){background:#202f45!important;border-color:#3b506d!important}html body #app .compact-sleeves{background:#1d2a3d!important;border-color:#3b506d!important}html body #app .funds-overview .money-pie>div{background:#202f45!important}html body #app .side-quick{background:#244264!important;border-color:#436389!important}html body #app .grid>.panel:nth-child(2){background:#243952!important}html body #app .summary-card{background:#24354c!important}html body #app .summary-total,html body #app .side-month{background:#2d2b25!important}html body #app .summary-card:nth-child(3){background:#29466a!important;border-color:#4d6d93!important}html body #app .stat{background:#22344d!important;border-color:#3c5271!important}html body #app .stat.feature{background:#2d2a23!important}html body #app .trade-sleeve-cards .sleeve-mini,html body[data-view="trades"] #app .trade-sleeve-cards .sleeve-mini{background:#2a3c55!important;border-color:#49607d!important}html body #app .trade-sleeve-cards .sleeve-mini.selected,html body[data-view="trades"] #app .trade-sleeve-cards .sleeve-mini.selected{background:#393329!important;border-color:#c6a66b!important}html body #app .note-card{background:#253950!important}html body[data-view="membership"] #app .membership-three .tier:nth-child(3){background:#294568!important}
/* Small violet areas balance blue surfaces, keeping every highlight gold. */
html body[data-view="insights"] #app>.panel,html body[data-view="notes"] #app>.panel{background:#292638!important;border-color:#4b435d!important}html body #app .side-quick{background:#302b43!important;border-color:#524661!important}html body #app .side-quick .outline{border-color:#574d68!important}html body #app .note-card{background:#332d45!important;border-color:#554760!important;border-left-color:#b49860!important}html body[data-view="membership"] #app .membership-three .tier:nth-child(3){background:#342d47!important}html body #app .strategy-grid .note-card:nth-child(3){background:#322c43!important}
/* Approved palette 01: charcoal, graphite and champagne gold. */
:root{--bg:#111318;--panel:#22262e;--line:#393e48;--text:#e8eaf0;--muted:#a4acba;--gold:#d4b77a;--green:#d4b77a}
html body{background:#111318!important;color:#e8eaf0!important}html body main{background:#171a20!important}html body aside{background:#111318!important;border-color:#363b45!important}html body header,html body footer{border-color:#393e48!important}html body h1,html body h2,html body h3{color:#e8eaf0!important}html body #app .panel,html body #app .stock-list-panel,html body #app .side-daily,html body #app .compact-sleeves,html body #app .grid>.panel:nth-child(2),html body[data-view="trades"] #app>.panel:nth-of-type(odd),html body[data-view="insights"] #app>.panel,html body[data-view="notes"] #app>.panel{background:#22262e!important;border-color:#393e48!important}html body #app .side-month,html body #app .side-quick{background:#252830!important;border-color:#41444d!important}html body #app .funds-overview .money-pie>div{background:#22262e!important}html body #app .summary-card,html body #app .summary-card:nth-child(3){background:#22262e!important;border-color:#3c414b!important}html body #app .summary-total{background:#2c2923!important;border-color:#514735!important}html body #app .summary-card strong,html body #app .summary-card:nth-child(3) strong{color:#d4b77a!important}html body #app .stat{background:#22262e!important;border-color:#393e48!important}html body #app .stat.feature{background:#2c2923!important;border-color:#514735!important}html body #app .trade-sleeve-cards .sleeve-mini,html body[data-view="trades"] #app .trade-sleeve-cards .sleeve-mini{background:#2a2e36!important;border-color:#414650!important}html body #app .trade-sleeve-cards .sleeve-mini.selected,html body[data-view="trades"] #app .trade-sleeve-cards .sleeve-mini.selected{background:#353026!important;border-color:#a68e5d!important}html body #app .note-card,html body #app .strategy-grid .note-card:nth-child(2),html body #app .strategy-grid .note-card:nth-child(3),html body #app .strategy-grid .note-card:nth-child(4){background:#282c34!important;border-color:#414650!important;border-left-color:#a68e5d!important}html body #app>.plan-tabs{background:transparent!important;border-color:#414650!important}html body #app .notice,html body .notice.demo{background:#292c31!important;border-color:#9d875b!important;color:#aeb5c1!important}html body #app .result{background:#2b2b29!important;border-color:#5b513e!important}html body #app .result strong{color:#d4b77a!important}html body #app .result p{color:#bec1c8!important}html body #app th{background:#2a2e36!important}html body #app .primary{background:#d4b77a!important;border-color:#e1c996!important;color:#201d17!important}html body #app .green-btn,html body #app .tag{background:#393328!important;color:#dfc38c!important}html body #app .panel-head p,html body #app .hint,html body #app .stock-row-reason,html body #app .note-card p,html body #app .stat-sub{color:#a4acba!important}html body[data-view="membership"] #app .membership-three .tier:nth-child(1){background:#22262e!important}html body[data-view="membership"] #app .membership-three .tier:nth-child(2){background:#2b2924!important}html body[data-view="membership"] #app .membership-three .tier:nth-child(3){background:#2a2d34!important}html body[data-view="membership"] #app .member-account{background:#252931!important}html body #app .side-quick .outline{border-color:#484b54!important;color:#d4b77a!important}html body #app form input,html body #app form select,html body #app form textarea,html body .filters input,html body .filters select{background:#191d24!important;border-color:#444a56!important}.daily-empty{background:#292d35!important}.progress{background:#393e48!important}.progress>span{background:#d4b77a!important}html body #app .pie-legend span{color:#a4acba!important}