:root{color-scheme:dark;--bg:#0b1118;--surface:#121b25;--raised:#17222e;--line:#26323e;--text:#f0f4f7;--muted:#9baab8;--accent:#c8f36a;--positive:#bef075;--negative:#ff9a91;--font:'Manrope','Noto Sans Thai',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--font)}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a{color:inherit;text-decoration:none}button{cursor:pointer}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.4;font-weight:600}h2{font-size:19px;font-weight:600}h3{font-size:21px;font-weight:500;line-height:1.65}.site-header{border-bottom:1px solid var(--line);background:#0b1118e8}.header-inner{max-width:1328px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:21px 40px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:800;letter-spacing:1.8px;line-height:1.3}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:var(--accent);color:var(--bg);font-size:27px;font-weight:800;border-radius:8px;letter-spacing:-3px;padding-right:3px}.brand-sub{display:block;color:var(--muted);font-size:10px;letter-spacing:2px;margin-top:5px}nav{display:flex;gap:32px;font-size:14px;color:var(--muted)}nav a:hover,nav .nav-active{color:var(--text)}.demo-pill{border:1px solid #485038;border-radius:5px;color:var(--accent);font-size:12px;letter-spacing:1px;padding:5px 10px;white-space:nowrap}main{max-width:1328px;margin:auto;padding:36px 40px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{display:block;color:var(--accent);font-size:12px;font-weight:600;letter-spacing:1.8px;margin-bottom:7px}.snapshot-label{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;line-height:1.6}.snapshot-label strong{font-weight:400;color:var(--text)}.snapshot-icon{font-size:24px;color:var(--muted)}.summary-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}.summary{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:25px 25px 22px;min-height:164px}.summary.primary{background:#192426;border-color:#3a4941}.metric-label{display:block;color:#c2cdd6;font-size:14px;position:relative;z-index:1}.metric-value{font-size:34px;line-height:1.4;letter-spacing:-1.3px;font-weight:600;margin:12px 0 6px;position:relative;z-index:1;white-space:nowrap}.primary .metric-value{color:var(--accent)}.metric-value .currency{font-size:23px;margin-right:7px;font-weight:400;vertical-align:3px}.metric-note{font-size:12px;color:var(--muted);position:relative;z-index:1}.summary-pattern{position:absolute;bottom:0;right:-10px;width:170px;height:100px;opacity:.15;pointer-events:none}.summary-pattern path{stroke:var(--accent);stroke-width:2;fill:none}.positive{color:var(--positive)}.negative{color:var(--negative)}.section-label{display:flex;align-items:center;justify-content:space-between;margin:29px 0 13px}.section-label span{color:var(--muted);font-size:13px}.investor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.investor-tab{text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:18px 21px;display:grid;grid-template-columns:1fr auto;gap:8px 15px;position:relative;transition:border-color .15s,background .15s}.investor-tab:hover{background:var(--raised)}.investor-tab[aria-selected=true]{background:#1b2725;border-color:var(--accent)}.investor-identity{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:600;grid-column:1}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#25333f;color:#d9e6ef;font-size:15px;font-weight:500}.investor-tab[aria-selected=true] .avatar{background:var(--accent);color:var(--bg)}.tab-check{grid-column:2;grid-row:1;align-self:center;font-size:14px;color:var(--accent)}.investor-value{font-size:24px;font-weight:600;letter-spacing:-.5px;grid-column:1;margin-top:4px}.investor-pl{font-size:13px;grid-column:2;grid-row:2;align-self:end;text-align:right}.investor-pl small{display:block;color:var(--muted);font-size:11px}.portfolio-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px}.positions-panel,.allocation-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 23px 18px;gap:12px}.panel-heading p{color:var(--muted);font-size:12px;margin-top:4px}.small-tag{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:1px;padding:3px 7px;border:1px solid var(--line);border-radius:4px;white-space:nowrap}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}thead{background:#0e1720}th{font-size:12px;font-weight:400;color:var(--muted);text-align:left;padding:13px 16px;white-space:nowrap}td{padding:14px 16px;border-bottom:1px solid #22303c;font-variant-numeric:tabular-nums;white-space:nowrap}th:first-child,td:first-child{padding-left:23px}th:last-child,td:last-child{padding-right:23px}.numeric{text-align:right}.ticker-button{background:none;border:0;padding:0;display:flex;gap:10px;align-items:center;color:var(--text);text-align:left}.ticker-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid #35424d;border-radius:7px;color:#d5e1ea;font-size:12px;font-weight:700;background:#1c2833;flex-shrink:0}.ticker-name{font-weight:600;font-size:14px}.ticker-currency{display:block;color:var(--muted);font-size:10px;line-height:1.4}.share-pill{font-size:12px;color:#cbd6df}.position-detail td{background:#0e1720;white-space:normal;padding:12px 23px;color:var(--muted);font-size:12px}.position-detail strong{color:var(--text);font-weight:500}.table-footnote{color:var(--muted);font-size:11px;padding:14px 23px}.allocation-panel .panel-heading{padding:22px 19px 12px}.allocation-panel h2{font-size:16px}.allocation-panel .small-tag{font-size:9px}.donut-wrap{position:relative;width:184px;height:184px;margin:14px auto 20px}.donut-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-center strong{font-size:32px;font-weight:600;line-height:1.3}.donut-center span{font-size:12px;color:var(--muted)}.allocation-legend{padding:0 22px;display:grid;gap:11px;font-size:12px}.legend-row{display:flex;align-items:center;gap:8px}.legend-swatch{width:7px;height:7px;border-radius:2px;flex-shrink:0}.legend-value{margin-left:auto;color:#c4cfd8;font-variant-numeric:tabular-nums}.allocation-note{font-size:11px;color:var(--muted);margin:21px 22px 18px;padding-top:16px;border-top:1px solid var(--line)}.data-note{margin-top:15px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:13px}.data-note summary{padding:12px 18px;cursor:pointer}.data-note>div{padding:0 18px 15px;max-width:1000px}.data-note p+p{margin-top:9px}.research-section{margin-top:43px;border-top:1px solid var(--line);padding-top:32px}.research-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.research-heading h2{font-size:25px;margin-bottom:5px}.research-heading p{font-size:13px;color:var(--muted)}.research-count{font-size:30px;color:#4e6271;display:flex;gap:13px;align-items:center}.research-count span{font-size:10px;width:90px;letter-spacing:1.7px;line-height:1.8}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.research-card{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:23px;display:flex;flex-direction:column;position:relative;overflow:hidden}.research-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}.research-type{font-size:10px;letter-spacing:1.2px;color:var(--muted)}.status-tag{display:inline-block;color:#e7c981;background:#302a1d;border:1px solid #524730;font-size:11px;border-radius:4px;padding:3px 7px;white-space:nowrap}.research-number{font-size:45px;color:#32424f;line-height:1.2;margin-top:20px;font-weight:500}.research-card h3{margin:12px 0}.research-card p{font-size:14px;color:var(--muted);margin-bottom:26px;line-height:1.8}.research-open{display:flex;align-items:center;justify-content:space-between;margin-top:auto;background:none;border:0;border-top:1px solid var(--line);padding:15px 0 0;color:var(--accent);font-size:13px;text-align:left}.research-open span{font-size:22px;font-weight:400}.research-open:hover{color:white}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:32px 0;margin-top:38px;border-top:1px solid var(--line)}.footer-brand{font-size:12px;letter-spacing:1.5px;font-weight:700;color:#bcc9d2}.footer-brand span{display:block;font-size:9px;color:var(--muted);letter-spacing:1.5px;font-weight:400}footer p{font-size:11px;color:var(--muted)}.footer-demo{font-size:10px;letter-spacing:1px;color:var(--muted);white-space:nowrap}dialog{background:var(--surface);color:var(--text);border:1px solid #445341;border-radius:14px;padding:34px;max-width:620px;width:calc(100% - 32px);max-height:85vh;box-shadow:0 24px 100px #0009}dialog::backdrop{background:#03080dcc;backdrop-filter:blur(5px)}dialog h2{font-size:24px;line-height:1.6;margin:14px 0}dialog .status-tag{margin-bottom:20px}.dialog-close{position:absolute;right:13px;top:10px;background:transparent;border:0;color:var(--muted);font-size:28px;width:36px;height:36px}#dialog-body h3{font-size:16px;color:var(--accent);margin-top:18px}#dialog-body p{font-size:15px;color:#c3cdd6;margin-top:6px}.dialog-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:17px;margin-top:22px}.error-banner{padding:15px;background:#402523;border:1px solid #7c4a43;border-radius:8px;margin-bottom:16px}[hidden]{display:none!important}@media(min-width:1400px){main{padding-top:43px}}@media(max-width:1100px){.portfolio-layout{grid-template-columns:minmax(0,1fr) 250px}.metric-value{font-size:29px}.summary{padding:22px 19px}.investor-value{font-size:21px}.investor-pl{grid-row:3;grid-column:1;text-align:left}.investor-pl small{display:inline;margin-left:7px}.research-card{padding:19px}.research-card h3{font-size:19px}.header-inner,main{padding-left:26px;padding-right:26px}td,th{padding-left:12px;padding-right:12px}.allocation-legend{padding:0 17px}}@media(max-width:900px){.portfolio-layout{grid-template-columns:1fr}.allocation-panel{display:grid;grid-template-columns:220px 1fr;align-items:center}.allocation-panel .panel-heading{grid-column:1/-1}.donut-wrap{margin:8px auto 20px}.allocation-legend{padding-right:35px}.allocation-note{grid-column:1/-1;margin-top:0}.summary-grid{grid-template-columns:1fr 1fr}.summary.primary{grid-column:1/-1;min-height:150px}.summary{min-height:150px}.summary-pattern{width:230px}.research-grid{grid-template-columns:1fr}.research-card{padding:23px}.research-card h3{font-size:21px}.research-number{display:none}.research-card h3{margin-top:22px}.research-count{display:none}footer{flex-wrap:wrap}.research-card p{margin-bottom:20px}}@media(max-width:600px){.header-inner{padding:16px;gap:12px;flex-wrap:wrap}.brand{font-size:16px;gap:9px}.brand-mark{width:33px;height:33px;font-size:24px}.brand-sub{font-size:9px;letter-spacing:1.4px}nav{order:3;flex-basis:100%;gap:25px;padding-top:9px;font-size:13px}.demo-pill{font-size:10px;padding:4px 7px}.page-heading{align-items:flex-start;gap:12px}main{padding:25px 16px 0}h1{font-size:25px}.eyebrow{font-size:10px}.snapshot-label{font-size:10px;gap:6px;padding-top:6px;max-width:135px}.snapshot-icon{display:none}.summary-grid{gap:10px}.summary{padding:18px 15px;min-height:140px}.summary.primary{min-height:146px}.metric-label{font-size:12px}.metric-value{font-size:23px;letter-spacing:-.9px}.primary .metric-value{font-size:35px}.metric-value .currency{font-size:17px;margin-right:4px;vertical-align:1px}.metric-note{font-size:10px}.section-label span{font-size:11px}.section-label h2{font-size:17px}.investor-grid{gap:8px;margin-bottom:17px}.investor-tab{padding:14px 10px;gap:6px}.investor-identity{gap:6px;font-size:14px}.avatar{width:24px;height:24px;font-size:12px}.tab-check{display:none}.investor-value{font-size:17px;grid-column:1/-1}.investor-pl{font-size:11px;grid-column:1/-1}.investor-pl small{display:block;margin-left:0;font-size:9px}.panel-heading{padding:18px 16px 15px}.panel-heading h2{font-size:17px}th:first-child,td:first-child{padding-left:16px}.table-footnote{padding:12px 16px}.allocation-panel{grid-template-columns:175px 1fr}.donut-wrap{width:155px;height:155px}.allocation-legend{padding:0 17px 0 0;font-size:11px;gap:10px}.allocation-note{margin-left:17px;margin-right:17px}.research-section{margin-top:32px;padding-top:25px}.research-heading h2{font-size:23px}.research-heading p{font-size:12px}.data-note{font-size:12px}.research-card{padding:20px}footer{gap:15px;padding:25px 0}footer p{flex-basis:100%;order:3;font-size:10px}.footer-demo{margin-left:auto}dialog{padding:28px 23px}dialog h2{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}