@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-latin-400-normal-CNwBRw8h.woff2) format("woff2"),url(/assets/roboto-latin-400-normal-BX2H0A0_.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-latin-500-normal-CkrA1NAy.woff2) format("woff2"),url(/assets/roboto-latin-500-normal-CoDN7ZW2.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/roboto-latin-700-normal-CXeAXeti.woff2) format("woff2"),url(/assets/roboto-latin-700-normal-DxC3k-1u.woff) format("woff")}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-mono-latin-400-normal-GekRknry.woff2) format("woff2"),url(/assets/roboto-mono-latin-400-normal-DBZPkcnn.woff) format("woff")}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-latin-500-normal-pxIOXZmA.woff2) format("woff2"),url(/assets/roboto-mono-latin-500-normal-D6j6AMzd.woff) format("woff")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-thai-thai-400-normal-BEOmKAI1.woff2) format("woff2"),url(/assets/noto-sans-thai-thai-400-normal-Dxb_unuU.woff) format("woff")}:root{color-scheme:dark;font-family:Roboto,Noto Sans Thai,system-ui,sans-serif;font-synthesis:none;--page-bg: #0f1114;--header-bg: #121212;--surface: #15181c;--surface-raised: #181b20;--surface-input: #111317;--surface-hover: #1b1f24;--text-primary: #f4f4f5;--text-secondary: #a7adb7;--text-muted: #737b87;--border: #2b3037;--border-strong: #3a414a;--purple: #bb86fc;--purple-strong: #9550ee;--teal: #03dac6;--positive: #69d06f;--amber: #ffb300;--amber-surface: rgba(255, 179, 0, .07);--chart-grid: rgba(126, 134, 145, .22);--chart-hover: rgba(187, 134, 252, .07);--focus: #d6adff;--header-height: 70px}:root[data-theme=light]{color-scheme:light;--page-bg: #f6f7f9;--surface: #ffffff;--surface-raised: #f8f9fb;--surface-input: #ffffff;--surface-hover: #f1f3f6;--text-primary: #17191d;--text-secondary: #555d69;--text-muted: #7a828e;--border: #d9dde3;--border-strong: #c2c8d0;--purple: #7f3ec8;--purple-strong: #7f3ec8;--teal: #00796f;--positive: #17853c;--amber: #a96600;--amber-surface: rgba(169, 102, 0, .08);--chart-grid: rgba(74, 82, 94, .18);--chart-hover: rgba(127, 62, 200, .08);--focus: #6e2cab}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--page-bg)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--page-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only,.field .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;background:var(--page-bg)}.site-header{position:sticky;z-index:50;top:0;height:var(--header-height);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 30px;border-bottom:1px solid #282c32;background:var(--header-bg);color:#f4f4f5}.brand{display:inline-flex;width:250px;height:52px;align-items:center;justify-self:start;overflow:hidden;border-radius:6px;margin-left:-15px}.brand img{display:block;width:250px;height:auto}.desktop-nav{align-self:stretch;display:flex;align-items:stretch;gap:36px}.desktop-nav a{position:relative;display:inline-flex;align-items:center;padding:1px 5px 0;color:#b5b7bd;font-size:15px;font-weight:400;line-height:1;text-decoration:none}.desktop-nav a:hover,.desktop-nav a.active{color:#c596ff}.desktop-nav a.active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--purple);content:""}.header-actions{display:flex;align-items:center;justify-self:end;gap:9px}.icon-button,.pagination-button,.star-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-strong);background:transparent;cursor:pointer}.icon-button{width:43px;height:42px;border-radius:6px;color:#c8cbd0}.icon-button:hover{border-color:#59606a;background:#181b1f;color:#fff}.theme-select select{width:84px;height:42px;padding:0 10px;border:1px solid #30353c;border-radius:6px;background:#15171a;color:#d6d8dc;cursor:pointer}.mobile-menu-button,.mobile-nav{display:none}.page-content{width:min(100%,1600px);margin:0 auto;padding:27px 30px 32px}.hero h1{margin:0;color:var(--text-primary);font-size:clamp(32px,2.6vw,38px);font-weight:700;letter-spacing:-.025em;line-height:1.17}.hero>p{margin:8px 0 0;color:var(--text-secondary);font-size:16px;line-height:1.45}.market-tabs{display:flex;align-items:stretch;width:max-content;max-width:100%;height:38px;margin-top:19px}.market-tab{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:198px;padding:0 20px;border:1px solid var(--border);border-radius:0;background:var(--surface-input);color:var(--text-secondary);font-size:14px;font-weight:500;white-space:nowrap}.market-tab:first-child{border-radius:5px 0 0 5px}.market-tab:last-child{border-radius:0 5px 5px 0}.market-tab.active{position:relative;z-index:1;border-color:var(--purple);color:var(--purple)}button.market-tab{min-width:170px;margin-left:-1px;cursor:pointer}button.market-tab:hover{background:var(--surface-hover);color:var(--text-primary)}button.market-tab:disabled{cursor:wait;opacity:.8}.status-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--amber)}.provider-tab.live .status-dot{background:var(--teal)}.provider-tab.connecting .status-dot{background:var(--text-muted)}.provider-tab.partial .status-dot{background:var(--amber)}.filter-panel{display:grid;grid-template-columns:minmax(270px,1.55fr) minmax(180px,.95fr) minmax(245px,1.2fr) minmax(195px,1.05fr) auto;align-items:end;gap:16px;min-height:98px;margin-top:15px;padding:15px 20px 16px;border:1px solid var(--border);border-radius:6px;background:var(--surface)}.field,.field-group{min-width:0}.field-group{display:grid;gap:6px}.field-label{display:block;color:var(--text-secondary);font-size:13px;font-weight:500;line-height:1}.search-field{position:relative;display:flex;height:46px;align-items:center;gap:11px;padding:0 13px;border:1px solid var(--border);border-radius:5px;background:var(--surface-input);color:var(--text-secondary)}.search-field:focus-within,.field-group select:focus,.number-field:focus-within{border-color:var(--purple)}.search-field input{width:100%;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;color:var(--text-primary)}.search-field input::placeholder{color:var(--text-secondary);opacity:.9}.field-group select{width:100%;height:46px;padding:0 13px;border:1px solid var(--border);border-radius:5px;outline:0;background:var(--surface-input);color:var(--text-primary);cursor:pointer}.yield-fieldset{min-width:0;margin:0;padding:0;border:0}.yield-inputs{display:grid;grid-template-columns:minmax(88px,1fr) 12px minmax(88px,1fr);align-items:center;gap:5px}.number-field{display:flex;height:46px;align-items:center;padding:0 10px;border:1px solid var(--border);border-radius:5px;background:var(--surface-input);color:var(--text-secondary)}.number-field input{width:100%;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;color:var(--text-primary);font-family:Roboto Mono,monospace}.number-field input::-webkit-inner-spin-button{opacity:0}.range-separator{color:var(--text-muted);text-align:center}.filter-actions{display:flex;gap:12px}.filter-reset{width:49px;height:46px;border-color:var(--border-strong);color:var(--text-primary)}:root[data-theme=light] .filter-reset:hover{background:var(--surface-hover);color:var(--text-primary)}.primary-button{display:inline-flex;min-width:162px;height:46px;align-items:center;justify-content:center;gap:9px;padding:0 20px;border:1px solid var(--purple-strong);border-radius:5px;background:var(--purple-strong);color:#fff;font-weight:500;cursor:pointer}.primary-button:hover{border-color:var(--purple);background:var(--purple);color:#17131c}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 362px;gap:14px;margin-top:14px}.ranking-panel,.context-panel{border:1px solid var(--border);border-radius:0;background:var(--surface)}.ranking-panel{display:flex;min-width:0;height:669px;flex-direction:column;overflow:hidden}.table-scroll{width:100%;overflow-x:auto;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}table{width:100%;min-width:1070px;border-collapse:collapse;table-layout:fixed}th,td{border-bottom:1px solid var(--border);vertical-align:middle}thead{background:var(--surface-raised)}thead tr{height:48px}thead th{padding:0 10px;color:var(--text-secondary);font-size:13px;font-weight:400;text-align:left;white-space:nowrap}tbody tr{height:62px;background:var(--surface)}tbody tr:hover{background:var(--surface-hover)}tbody td,tbody th{padding:0 10px;font-size:14px;font-weight:400;text-align:left}.rank-column{width:43px;padding-left:16px}.watch-column{width:54px}.stock-column{width:240px}.price-column{width:118px}.yield-column{width:144px}.range-column{width:224px}.dividend-column{width:134px}.date-column{width:112px}.rank-cell{padding-left:16px;color:var(--text-primary);font-family:Roboto Mono,monospace;font-size:14px;font-weight:500}.watch-cell{padding-right:4px;padding-left:4px}.star-button{width:42px;height:42px;border:0;border-radius:50%;color:var(--text-secondary)}.star-button:hover{background:var(--surface-raised);color:var(--text-primary)}.star-button.saved{color:var(--purple)}.stock-cell{display:flex;height:61px;align-items:center;gap:13px}.ticker-mark{display:inline-flex;width:32px;height:32px;flex:0 0 32px;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-family:Roboto Mono,monospace;font-size:11px;font-weight:700}.tone-0{background:#3653c8}.tone-1{background:#168e9e}.tone-2{background:#5e3caf}.tone-3{background:#2d9b4d}.tone-4{background:#ad6c12}.tone-5{background:#b43c61}.stock-copy{display:grid;min-width:0;gap:3px}.stock-copy strong{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1}.stock-copy span{overflow:hidden;color:var(--text-secondary);font-size:11px;font-weight:400;line-height:1.2;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.numeric{font-family:Roboto Mono,monospace}.numeric strong{font-size:15px;font-weight:500}.price-cell,.dividend-cell{display:table-cell}.price-cell strong,.price-cell span,.dividend-cell strong,.dividend-cell span{display:block}.price-cell span,.dividend-cell span{margin-top:3px;color:var(--text-muted);font-family:Roboto,sans-serif;font-size:11px}.yield-cell{overflow:hidden;white-space:nowrap}.yield-cell strong{color:var(--positive);font-size:18px}.range-cell{overflow:hidden}.range-cell .cell-muted{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.sort-button{display:inline-flex;align-items:center;gap:5px;margin:-8px;padding:8px;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;cursor:pointer}.sort-button:hover{background:var(--surface-hover);color:var(--text-primary)}.day-range{display:grid;grid-template-columns:52px minmax(58px,1fr) 52px;align-items:center;gap:8px;color:var(--text-secondary);font-family:Roboto Mono,monospace;font-size:10px;white-space:nowrap}.day-range>span:first-child{text-align:right}.range-track{position:relative;display:block;height:3px;border-radius:2px;background:#59616e}.range-dot{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:var(--teal);transform:translate(-50%,-50%)}.cell-muted,.date-cell{color:var(--text-secondary);font-size:12px}.empty-state{height:496px;color:var(--text-secondary);text-align:center}.empty-state svg,.empty-state strong,.empty-state button{display:block;margin:0 auto 9px}.empty-state button{border:0;background:transparent;color:var(--purple);cursor:pointer;text-decoration:underline}.table-spacer{min-height:22px;flex:1 1 auto}.table-pagination{display:flex;min-height:42px;align-items:center;justify-content:center;gap:10px;color:var(--text-secondary);font-size:12px}.pagination-button{width:44px;height:44px;border-radius:4px;color:var(--text-secondary)}.pagination-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.pagination-button:disabled{cursor:not-allowed;opacity:.35}.table-footer{display:flex;min-height:55px;align-items:center;justify-content:space-between;gap:16px;padding:0 15px;border-top:1px solid var(--border);background:var(--surface-raised);color:var(--text-secondary);font-size:12px}.table-footer>span,.table-footer a{display:inline-flex;align-items:center;gap:8px}.table-footer a{color:var(--purple);text-decoration:none;white-space:nowrap}.table-footer a:hover{text-decoration:underline}.context-panel{min-height:669px;padding:15px}.context-title{display:flex;align-items:center;gap:8px}.context-title h2{margin:0;font-size:16px;font-weight:500;line-height:1.3}.context-title svg{color:var(--text-secondary)}.context-kpis{display:grid;grid-template-columns:1fr 1fr;margin:25px 0}.context-kpis>div{min-width:0;padding:0 15px;text-align:center}.context-kpis>div+div{border-left:1px solid var(--border)}.context-kpis span,.context-kpis small{display:block;color:var(--text-secondary);font-size:12px}.context-kpis strong{display:block;margin:10px 0 5px;font-family:Roboto Mono,monospace;font-size:24px;font-weight:500}.teal-value{color:var(--teal)}.amber-value{color:var(--amber)}.distribution-block{padding:13px 0 10px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.distribution-block h3{margin:0;font-size:13px;font-weight:400}.chart-wrap{width:100%;height:168px;margin-top:3px}.chart-tooltip{display:grid;gap:3px;padding:8px 10px;border:1px solid var(--border-strong);border-radius:4px;background:var(--surface-raised);color:var(--text-primary);font-size:11px}.chart-tooltip span{color:var(--text-secondary)}.source-list{display:grid;gap:14px;margin:0;font-size:12px}.source-list>div{display:grid;grid-template-columns:89px 1fr;gap:8px}.source-list dt{color:var(--text-secondary)}.source-list dd{min-width:0;margin:0;color:var(--text-secondary);overflow-wrap:anywhere}.source-list a{display:inline-flex;align-items:center;gap:5px;color:var(--purple);text-decoration:none}.source-list a:hover{text-decoration:underline}.disclaimer{margin:13px 0 0;padding-top:10px;border-top:1px solid var(--border);color:var(--text-muted);font-size:10px;line-height:1.4}@media(max-width:1240px){.filter-panel{grid-template-columns:1.3fr .8fr 1fr}.filter-actions{grid-column:span 1}}@media(max-width:1100px){.desktop-nav{gap:22px}.content-grid{grid-template-columns:minmax(0,1fr)}.context-panel{min-height:0}.context-panel{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(340px,1.15fr);column-gap:22px}.context-title,.context-kpis,.source-list,.disclaimer{grid-column:1}.distribution-block{grid-column:2;grid-row:1 / span 4;border-top:0;border-bottom:0;border-left:1px solid var(--border);padding:0 0 0 20px}.chart-wrap{height:250px}}@media(max-width:820px){.site-header{grid-template-columns:1fr auto;padding:0 18px}.brand,.brand img{width:220px}.brand{margin-left:-12px}.header-actions{grid-column:2}.desktop-nav,.theme-select{display:none}.mobile-menu-button{display:inline-flex}.mobile-nav{position:absolute;top:calc(100% + 1px);right:16px;display:grid;width:210px;padding:7px;border:1px solid #30353c;border-radius:5px;background:#15171a}.mobile-nav a{padding:12px;border-radius:4px;color:#d0d2d6;text-decoration:none}.mobile-nav a:hover,.mobile-nav a.active{background:#20242a;color:#c596ff}.page-content{padding:24px 18px 28px}.filter-panel{grid-template-columns:1fr 1fr}.search-field,.yield-fieldset,.filter-actions{grid-column:1 / -1}.filter-actions{justify-content:flex-end}.context-panel{display:block}.distribution-block{margin-top:4px;padding:13px 0 10px;border-top:1px solid var(--border);border-right:0;border-bottom:1px solid var(--border);border-left:0}.chart-wrap{height:190px}}@media(max-width:640px){:root{--header-height: 64px}.site-header{padding:0 16px}.brand,.brand img{width:205px}.brand{margin-left:-10px}.header-actions .icon-button:first-child{display:none}.page-content{padding:22px 16px 24px}.hero h1{font-size:28px;line-height:1.18}.hero>p{max-width:330px;font-size:14px}.market-tabs{width:100%;height:auto;flex-direction:column}.market-tab,button.market-tab{width:100%;min-width:0;height:42px;margin:-1px 0 0;border-radius:0}.market-tab:first-child{border-radius:5px 5px 0 0}.market-tab:last-child{border-radius:0 0 5px 5px}.filter-panel{grid-template-columns:1fr;padding:16px}.search-field,.yield-fieldset,.filter-actions{grid-column:auto}.filter-actions{justify-content:stretch}.primary-button{flex:1}.ranking-panel{height:669px}.table-scroll{overscroll-behavior-inline:contain}table{min-width:1070px}.rank-column,.rank-cell,.watch-column,.watch-cell,.stock-column,.stock-cell{position:sticky;z-index:2;background:var(--surface)}thead .rank-column,thead .watch-column,thead .stock-column{z-index:5;background:var(--surface-raised)}.rank-column,.rank-cell{left:0}.watch-column,.watch-cell{left:43px}.stock-column,.stock-cell{left:97px;box-shadow:1px 0 0 var(--border)}tbody tr:hover .rank-cell,tbody tr:hover .watch-cell,tbody tr:hover .stock-cell{background:var(--surface-hover)}.table-footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:5px;padding:9px 13px}.table-footer>span{display:flex;max-width:100%;flex-wrap:wrap;gap:5px}.context-panel{padding:15px}.context-kpis>div{padding:0 8px}.context-kpis strong{font-size:22px}.source-list>div{grid-template-columns:78px 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}