:root{--bg: #FAFAF7;--bg-2: #F4F3EE;--bg-3: #ECEAE2;--ink: #1A1A1F;--ink-2: #4A4A53;--ink-3: #7A7A82;--ink-4: #B5B5BB;--line: #E5E3DA;--line-2: #D6D3C7;--card: #FFFFFF;--nav-bg: rgba(250, 250, 247, .85);--accent: oklch(.55 .06 175);--accent-soft: oklch(.93 .02 175);--accent-ink: oklch(.38 .06 175);--gain: oklch(.58 .13 152);--gain-soft: oklch(.94 .04 152);--loss: oklch(.62 .16 25);--loss-soft: oklch(.95 .04 25);--warn: oklch(.72 .13 75);--c1: oklch(.55 .06 175);--c2: oklch(.62 .1 65);--c3: oklch(.55 .08 25);--c4: oklch(.5 .08 280);--c5: oklch(.65 .06 130);--c6: oklch(.55 .07 320);--c7: oklch(.7 .08 90);--font-display: "Instrument Serif", "Noto Serif Thai", Georgia, serif;--font-ui: "Geist", "IBM Plex Sans Thai", "Helvetica Neue", system-ui, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;--font-weight-body: 400;--pad-card: 24px;--gap: 16px;--radius: 14px;--radius-sm: 8px;--radius-lg: 22px}:root[data-theme=dark]{color-scheme:dark;--bg: #16171B;--bg-2: #1E1F25;--bg-3: #292A31;--ink: #F1F1EE;--ink-2: #C3C3C9;--ink-3: #8E8E97;--ink-4: #5C5C65;--line: #2B2C33;--line-2: #3A3B43;--card: #1B1C22;--nav-bg: rgba(22, 23, 27, .82);--accent: oklch(.68 .07 175);--accent-soft: oklch(.32 .04 175);--accent-ink: oklch(.78 .07 175);--gain: oklch(.7 .13 152);--gain-soft: oklch(.32 .06 152);--loss: oklch(.68 .16 25);--loss-soft: oklch(.32 .07 25);--warn: oklch(.75 .13 75);--c1: oklch(.7 .07 175);--c2: oklch(.72 .1 65);--c3: oklch(.68 .1 25);--c4: oklch(.66 .09 280);--c5: oklch(.74 .07 130);--c6: oklch(.68 .08 320);--c7: oklch(.78 .09 90)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-weight:var(--font-weight-body, 400);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column}.shell{max-width:1360px;margin:0 auto;width:100%;padding:32px 40px 96px}.shell-narrow{max-width:1100px;margin:0 auto;width:100%;padding:32px 40px 96px}.topnav{position:sticky;top:0;z-index:50;background:var(--nav-bg);backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--line)}.topnav-inner{max-width:1360px;margin:0 auto;padding:0 40px;height:64px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:24px;letter-spacing:-.01em}.brand-mark{width:28px;height:28px;border-radius:50%;background:var(--ink);position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:14px;background:var(--bg);border-radius:0 50% 50% 0}.nav-links{display:flex;gap:2px;margin-left:8px}.nav-link{padding:8px 14px;border-radius:999px;color:var(--ink-2);font-size:14px;letter-spacing:-.01em;white-space:nowrap;transition:background .15s,color .15s}.nav-link:hover{background:var(--bg-2);color:var(--ink)}.nav-link.active{background:var(--ink);color:var(--bg)}.nav-spacer{flex:1}.nav-tools{display:flex;align-items:center;gap:10px}.pill-toggle{display:inline-flex;background:var(--bg-2);border-radius:999px;padding:3px;border:1px solid var(--line)}.pill-toggle button{padding:5px 11px;border-radius:999px;font-size:12px;font-weight:500;color:var(--ink-3);letter-spacing:0}.pill-toggle button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #0000000d}.icon-btn{width:36px;height:36px;border-radius:50%;display:inline-grid;place-items:center;color:var(--ink-2);border:1px solid var(--line);background:var(--card);transition:background .15s}.icon-btn:hover{background:var(--bg-2)}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--c2),var(--c3));color:#fff;font-size:12px;font-weight:600;display:grid;place-items:center}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--pad-card)}.card-tight{padding:18px}.card-flat{background:transparent;border:1px dashed var(--line-2)}.display{font-family:var(--font-display);font-weight:400;letter-spacing:-.02em}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tabnum{font-variant-numeric:tabular-nums}.field-label{display:block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}.label-up{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:500}.muted{color:var(--ink-3)}.muted-2{color:var(--ink-4)}.h1{font-family:var(--font-display);font-size:56px;line-height:1.08;letter-spacing:-.03em;font-weight:400}.h2{font-family:var(--font-display);font-size:36px;line-height:1.15;letter-spacing:-.02em;font-weight:400}.h3{font-family:var(--font-display);font-size:26px;line-height:1.2;letter-spacing:-.015em;font-weight:400}:lang(th) .display,:root[lang=th] .display{line-height:1.35}.display{line-height:1.15}.section-title{font-family:var(--font-display);font-size:22px;letter-spacing:-.015em;margin:0;text-wrap:balance;line-height:1.2}.gain{color:var(--gain)}.loss{color:var(--loss)}.delta{display:inline-flex;align-items:center;gap:3px;font-variant-numeric:tabular-nums;font-weight:500}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:13px;font-weight:500;letter-spacing:-.005em;transition:transform .06s,background .15s,opacity .15s}.btn:hover{background:#000}.btn:active{transform:translateY(1px)}.btn-outline{background:var(--card);color:var(--ink);border:1px solid var(--line-2)}.btn-outline:hover{background:var(--bg-2)}.btn-ghost{background:transparent;color:var(--ink-2)}.btn-ghost:hover{background:var(--bg-2);color:var(--ink)}.btn-sm{padding:6px 12px;font-size:12px}.btn-accent{background:var(--accent-ink);color:#fff}.btn-accent:hover{background:#003d31;background:oklch(.32 .07 175)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:24px}.tab{padding:12px 18px;color:var(--ink-3);font-size:13px;font-weight:500;position:relative;letter-spacing:-.005em}.tab:hover,.tab.active{color:var(--ink)}.tab.active:after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:2px;background:var(--ink);border-radius:2px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;background:var(--bg-2);color:var(--ink-2);border:1px solid var(--line)}.chip-soft{background:var(--accent-soft);color:var(--accent-ink);border-color:transparent}.chip-gain{background:var(--gain-soft);color:var(--gain);border-color:transparent}.chip-loss{background:var(--loss-soft);color:var(--loss);border-color:transparent}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.segmented{display:inline-flex;background:var(--bg-2);padding:3px;border-radius:999px;border:1px solid var(--line);gap:1px}.segmented button{padding:5px 12px;border-radius:999px;font-size:12px;color:var(--ink-3);font-weight:500;font-variant-numeric:tabular-nums}.segmented button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 2px #0000000f}.table{width:100%;border-collapse:collapse;font-size:13px}.table thead th{text-align:left;font-weight:500;color:var(--ink-3);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0}.table tbody td{padding:10px 16px;border-bottom:1px solid var(--line);vertical-align:middle}.table tbody tr:hover td{background:var(--bg-2)}.table .num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.ticker{display:inline-flex;align-items:center;gap:10px}.ticker-mark{width:32px;height:32px;border-radius:8px;background:var(--bg-2);display:grid;place-items:center;font-size:11px;font-weight:600;color:var(--ink-2);font-family:var(--font-mono)}.ticker-logo{border-radius:8px;object-fit:contain;background:#fff;border:1px solid rgba(0,0,0,.08);box-sizing:border-box}:root[data-theme=dark] .ticker-logo{background:#f1f2f4;border-color:transparent;box-shadow:0 0 0 1px #00000059}.bar{height:6px;background:var(--bg-2);border-radius:999px;overflow:hidden;position:relative}.bar>span{display:block;height:100%;background:var(--ink);border-radius:999px;transition:width .6s cubic-bezier(.2,.7,.2,1)}.stackbar{height:10px;border-radius:999px;display:flex;overflow:hidden;background:var(--bg-2)}.stackbar>span{display:block;height:100%}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;gap:24px}.page-head h1{margin:0;font-family:var(--font-display);font-size:42px;letter-spacing:-.025em;line-height:1;font-weight:400}.page-head .sub{margin-top:6px;color:var(--ink-3);font-size:14px}.grid{display:grid;gap:var(--gap)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-12{grid-template-columns:repeat(12,1fr)}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-5{grid-column:span 5}.col-span-6{grid-column:span 6}.col-span-7{grid-column:span 7}.col-span-8{grid-column:span 8}.col-span-12{grid-column:span 12}.option-card{border:1px solid var(--line);background:var(--card);border-radius:var(--radius-lg);padding:32px;text-align:left;transition:border-color .15s,transform .15s,background .15s;display:block;width:100%}.option-card:hover{border-color:var(--ink);transform:translateY(-2px)}.option-card.selected{border-color:var(--ink);background:var(--bg-2)}.option-card .o-icon{width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;margin-bottom:24px}.goal-ring{position:relative;width:84px;height:84px}.goal-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.goal-ring .ring-bg{stroke:var(--bg-3)}.goal-ring .ring-fg{stroke:var(--ink);stroke-linecap:round;transition:stroke-dashoffset .8s}.goal-ring .ring-pct{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-display);font-size:18px;letter-spacing:-.02em}hr.rule{border:0;border-top:1px solid var(--line);margin:24px 0}.kbd{font-family:var(--font-mono);font-size:11px;background:var(--bg-2);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 6px;color:var(--ink-2)}@keyframes fadeUp{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeUp .4s ease both}@keyframes slideUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0;transform:scale(.97) translateY(-4px)}to{opacity:1;transform:none}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite;display:inline-flex}@keyframes shimmer{0%{opacity:.35}50%{opacity:.7}to{opacity:.35}}.shimmer{animation:shimmer 1.4s ease-in-out infinite}@keyframes sheetUp{0%{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}.sheet-up{animation:sheetUp .22s cubic-bezier(.25,.46,.45,.94) both}.spark{display:inline-block;vertical-align:middle}:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}.empty{padding:64px 24px;text-align:center;color:var(--ink-3)}.bottom-nav{display:none}.port-total-val{font-size:26px}.watchlist-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media(min-width:769px)and (max-width:1200px){.shell,.shell-narrow{padding:24px 28px 80px}.topnav-inner{padding:0 24px;gap:12px}.topnav-inner .pill-toggle{display:none}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-12{grid-template-columns:1fr}[class*=col-span-]{grid-column:1 / -1!important}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.page-head h1{font-size:32px}.section-title{font-size:20px}.hero-grid{grid-template-columns:1fr!important;gap:24px!important}.hero-num{font-size:52px!important}.port-total-val{font-size:24px!important}.port-metric-val{font-size:20px!important}.hide-tab{display:none!important}.table thead th{padding:8px 10px;font-size:11px}.table tbody td{padding:8px 10px}.row-actions{gap:0!important}.row-actions .act-secondary{display:none!important}.tbl-portfolio thead{display:block}.tbl-portfolio thead tr{display:flex;align-items:center;flex-wrap:nowrap;padding:10px 14px 8px;border-bottom:1px solid var(--line);gap:8px}.tbl-portfolio thead th{display:block;border:none;padding:0}.tbl-portfolio thead th.num{text-align:right}.tbl-portfolio thead th.hide-tab{display:none!important}.tbl-portfolio tbody tr{display:flex;align-items:center;flex-wrap:nowrap;padding:6px 14px;border-bottom:1px solid var(--line);gap:8px;background:inherit}.tbl-portfolio tbody tr:hover{background:var(--bg-2)!important}.tbl-portfolio tbody td{display:block;border:none;padding:0}.tbl-portfolio tbody td.num{text-align:right}.tbl-portfolio tbody td.hide-tab{display:none!important}.tbl-col-holding{flex:1 1 0;min-width:0;overflow:hidden}.tbl-col-price{flex:0 0 96px;text-align:right}.tbl-col-value{flex:0 0 94px;text-align:right}.tbl-col-pl{flex:0 0 90px;text-align:right}.tbl-col-weight{flex:0 0 108px;text-align:right}.tbl-col-actions{flex:0 0 136px}.tbl-col-holding .holding-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.holding-sector{display:none!important}.tbl-portfolio tbody tr.tbl-total-row{background:var(--bg)!important;font-weight:500;border-bottom:none;padding-top:10px;padding-bottom:10px}}@media(min-width:900px)and (max-width:1200px){.grid-12{grid-template-columns:repeat(12,1fr)}.col-span-3{grid-column:span 3!important}.col-span-4{grid-column:span 4!important}.col-span-5{grid-column:span 5!important}.col-span-6{grid-column:span 6!important}.col-span-7{grid-column:span 7!important}.col-span-8{grid-column:span 8!important}.col-span-12{grid-column:span 12!important}.grid-3{grid-template-columns:repeat(3,1fr)}.watchlist-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.show-mob{display:none}@media(max-width:768px){.shell,.shell-narrow{padding:16px 16px 88px}.topnav-inner{padding:0 14px;gap:6px;height:56px}.nav-links,.icon-btn{display:none}.page-head{flex-direction:column;align-items:flex-start;margin-bottom:16px;gap:12px}.page-head h1{font-size:26px}.page-head .sub{font-size:13px}.section-title{font-size:17px}.grid-2,.grid-3,.grid-4,.grid-12{grid-template-columns:1fr}[class*=col-span-]{grid-column:1 / -1!important}.hero-grid{grid-template-columns:1fr!important;gap:16px!important}.port-total-val{font-size:22px!important}.port-metric-val{font-size:18px!important}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap .table{min-width:560px}.tbl-card{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.tbl-card .table{min-width:600px}.tbl-card .tbl-portfolio{min-width:340px}.hide-mob,.hide-tab{display:none!important}.show-mob{display:flex!important}.tbl-portfolio{width:100%;table-layout:fixed}.tbl-portfolio thead th,.tbl-portfolio tbody td{padding-left:8px!important;padding-right:8px!important}.tbl-portfolio .tbl-col-value{width:100px;padding-right:4px!important;overflow:hidden;white-space:nowrap}.tbl-portfolio .tbl-col-pl{width:84px;padding-left:6px!important;padding-right:4px!important;border-left:1px solid var(--line)}.tbl-portfolio .tbl-col-actions{width:24px;padding-left:2px!important;padding-right:8px!important}.tbl-portfolio .tbl-col-holding{overflow:hidden;min-width:0}.tbl-portfolio .tbl-col-holding .holding-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{border-radius:10px}.card .display{word-break:break-word}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:4px 0 max(4px,env(safe-area-inset-bottom));z-index:100}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;color:var(--ink-4);font-size:10px;font-weight:500;background:none;border:none;cursor:pointer;transition:color .15s;min-height:44px}.bottom-nav-item.active{color:var(--ink)}.bottom-nav-item.active svg{stroke:var(--ink)}.twk-fab{bottom:calc(64px + env(safe-area-inset-bottom))!important}.hero-grid{grid-template-columns:1fr!important}.hero-num{font-size:44px!important}}@media(max-width:390px){.topnav-inner .pill-toggle{display:none}.shell,.shell-narrow{padding:12px 12px 88px}.page-head h1{font-size:22px}}.tt{position:absolute;background:var(--ink);color:var(--bg);font-size:11px;padding:6px 10px;border-radius:6px;pointer-events:none;white-space:nowrap;transform:translate(-50%,-110%);font-variant-numeric:tabular-nums}