:root{--bg: #F7F5F0;--bg-app: #EEF1F7;--surface: #FFFFFF;--surface-soft: #EEF1F8;--line: #DDD9CE;--line-soft: #E8E5DB;--text: #232A3B;--text-muted: #565E75;--accent: #3F51C7;--accent-ink: #FFFFFF;--accent-soft: #E8ECFB;--gain: #1F7A4D;--gain-bg: #DDF5E3;--gain-ink: #0B6B33;--loss: #B8343A;--loss-bg: #FFE1DE;--loss-ink: #A11F25;--warn-bg: #FFF1C2;--warn-ink: #7A5600;--gold: #E3A008;--robot: #7C5CCB;--focus: #3F51C7;--result-good: #DDF5E3;--result-bad: #FFE1DE;--result-great: #DDE8FF;--result-flat: #EEF1F7;--asset-stock: #3F51C7;--asset-gold: #E3A008;--asset-bond: #12A594;--asset-fund: #7C5CCB;--asset-cash: #7C9A8E;--risk-low-bg: #DDF5EF;--risk-low-ink: #0B6B5F;--risk-lowmid-bg: #E3F3DA;--risk-lowmid-ink: #2F6B12;--risk-mid-bg: #FFF1C2;--risk-mid-ink: #7A5600;--risk-midhigh-bg: #FFE0C2;--risk-midhigh-ink: #8F3A00;--risk-high-bg: #FFD6D6;--risk-high-ink: #A11F25;--risk-extreme-bg: #A11F25;--risk-extreme-ink: #FFFFFF;--font: "Noto Sans Thai", system-ui, sans-serif;--fs-display: 48px;--fs-number-xl: 40px;--fs-h1: 28px;--fs-h2: 20px;--fs-body: 16px;--fs-small: 14px;--fs-caption: 12px;--fs-micro: 10px;--lh-th: 1.5;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-pill: 999px;--shadow-card: 0 2px 8px rgba(27, 35, 64, .12);--border-w: 2px;--tap-min: 44px}[data-theme=pro]{--bg: #0E1621;--bg-app: #0E1621;--surface: #172230;--surface-soft: #1F2E40;--line: #26364A;--line-soft: #26364A;--control-border: #5E7791;--text: #EAF0F8;--text-muted: #9FB0C6;--text-faint: #7E87A6;--accent: #3EE0C5;--accent-ink: #0E1621;--accent-soft: #1F2E40;--gain: #5BE3A0;--gain-bg: #12332A;--gain-ink: #5BE3A0;--loss: #FF8A8F;--loss-bg: #2B1A1F;--loss-ink: #FF8A8F;--warn: #FFC247;--warn-bg: #2B2A12;--warn-ink: #FFC247;--sell: #FF9A6B;--robot: #FFC247;--info: #6FB4E8;--focus: #3EE0C5;--asset-stock: #3EE0C5;--asset-gold: #FFC247;--asset-bond: #6FB4E8;--asset-fund: #B79CFF;--asset-cash: #A3BFB3;--fs-body: 14px;--fs-small: 13px;--fs-caption: 11px;--fs-micro: 10px;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--shadow-card: none;--border-w: 1px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:var(--fs-body);line-height:var(--lh-th);-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}input,select{font-family:inherit;font-size:inherit;color:var(--text)}.num{font-variant-numeric:tabular-nums}.small{font-size:var(--fs-small)}.muted{color:var(--text-muted)}.row{display:flex;align-items:center}.row.between{justify-content:space-between}.row.baseline{align-items:baseline}.row.wrap{flex-wrap:wrap}.gap8{gap:8px}.gap12{gap:12px}.grow{flex:1;min-width:0}.left{text-align:left;display:flex;flex-direction:column}.right{display:flex;flex-direction:column;align-items:flex-end}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left;font-weight:600}.display{font-size:var(--fs-number-xl);font-weight:700;line-height:1.15}.display.sm{font-size:28px}.h1{font-size:var(--fs-h1);font-weight:700;line-height:1.3;margin:4px 0 8px}.h2{font-size:var(--fs-h2);font-weight:600;line-height:1.3}.h3{font-size:16px;font-weight:600;margin-bottom:6px}.big{font-size:17px;font-weight:700}.delta.gain{color:var(--gain)}.delta.loss{color:var(--loss)}.delta.flat{color:var(--text-muted)}.loss-text{color:var(--loss-ink,var(--loss));font-weight:600}.gain-text{color:var(--gain-ink,var(--gain));font-weight:600}.warn-text{color:var(--warn-ink)}[data-theme=pro] .warn-text{color:var(--warn)}.disclaimer{font-size:var(--fs-caption);color:var(--text-muted);text-align:center;margin:20px 0 8px}.btn{min-height:var(--tap-min);padding:0 18px;border:0;border-radius:var(--r-md);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--accent);color:var(--accent-ink)}.btn.lg{min-height:52px;font-size:17px;width:100%}.btn.sm{min-height:44px;padding:0 14px}.btn.next{min-height:52px;width:100%;font-size:17px;background:#232a3b;color:#fff}[data-theme=pro] .btn.next{background:var(--surface);color:var(--text);border:1px solid var(--accent)}.btn.buy{background:var(--accent);color:var(--accent-ink);min-height:56px;flex:1;font-size:18px}.btn.sell{background:#b54708;color:#fff;min-height:56px;flex:1;font-size:18px}.btn.sm.sell{min-height:44px;flex:none;font-size:15px}[data-theme=pro] .btn.sell{background:transparent;color:var(--sell);border:var(--border-w) solid var(--sell)}.btn.hold{background:var(--gain);color:#fff;min-height:56px;flex:1;font-size:18px}[data-theme=pro] .btn.hold{background:transparent;color:var(--gain);border:var(--border-w) solid var(--gain)}.btn.outline{background:transparent;color:var(--accent);border:var(--border-w) solid var(--accent)}.btn.dark{background:#232a3b;color:#fff}[data-theme=pro] .btn.dark{background:var(--accent);color:var(--accent-ink)}.btn.ghost{background:transparent;color:var(--text-muted)}.btn:disabled{background:#d5d9e4;color:#565e75;border-color:transparent}[data-theme=pro] .btn:disabled{background:var(--surface-soft);color:var(--text-muted)}.iconbtn{width:44px;height:44px;border-radius:22px;border:0;background:var(--surface);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-card)}[data-theme=pro] .iconbtn{border-radius:var(--r-md);border:1px solid var(--line)}.iconbtn.ghost{background:transparent;box-shadow:none}.btn-col{display:flex;flex-direction:column;gap:8px;margin-top:8px}.shell{min-height:100vh;display:flex}.rail{display:none}.main{flex:1;min-width:0;display:flex;flex-direction:column;max-width:1180px;margin:0 auto;width:100%;padding:12px 16px 90px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.pill{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:var(--r-pill);background:var(--surface-soft);font-weight:600;font-size:var(--fs-small);font-variant-numeric:tabular-nums}.pill.strong{background:var(--surface);min-height:36px;font-weight:700;box-shadow:var(--shadow-card)}.pill.gain{background:var(--gain-bg);color:var(--gain-ink)}.pill.loss{background:var(--loss-bg);color:var(--loss-ink)}.switch{display:flex;background:var(--surface);border-radius:22px;padding:3px;box-shadow:var(--shadow-card)}.switch button{min-height:44px;min-width:52px;border:0;border-radius:20px;background:transparent;color:var(--text-muted);font-weight:600}.switch button.on{background:var(--accent);color:var(--accent-ink)}[data-theme=pro] .switch{border-radius:10px;border:1px solid var(--line);box-shadow:none}[data-theme=pro] .switch button{border-radius:8px}.segs{display:flex;gap:4px;margin:4px 0 12px}.seg{flex:1;height:6px;border-radius:3px;background:#1b23402e}[data-theme=pro] .seg{background:var(--surface-soft);border-radius:0;height:4px}.seg.done{background:var(--accent)}.seg.cur{background:var(--gold)}[data-theme=pro] .seg.cur{background:var(--warn)}.content{flex:1}.bottom-nav{position:fixed;left:12px;right:12px;bottom:10px;background:var(--surface);border-radius:26px;padding:5px;display:flex;box-shadow:var(--shadow-card);max-width:600px;margin:0 auto;z-index:5}[data-theme=pro] .bottom-nav{border-radius:10px;border:1px solid var(--line);box-shadow:none}.bottom-nav button{flex:1;min-height:54px;border:0;border-radius:21px;background:transparent;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:11px;font-weight:600}.bottom-nav button.on{background:var(--accent);color:var(--accent-ink)}[data-theme=pro] .bottom-nav button{border-radius:0;border-top:2px solid transparent}[data-theme=pro] .bottom-nav button.on{background:transparent;color:var(--accent);border-top-color:var(--accent)}.card{background:var(--surface);border-radius:var(--r-lg);padding:14px 16px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:6px;margin-bottom:10px}[data-theme=pro] .card{border:1px solid var(--line)}.card.inner{background:var(--surface-soft);box-shadow:none;margin:8px 0;border:0}.col{display:flex;flex-direction:column;gap:0}.home-grid{display:grid;grid-template-columns:1fr;gap:0 16px}.robot-row{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--surface-soft);border-radius:var(--r-md);padding:8px 12px}[data-theme=pro] .robot-row{background:var(--bg)}.legend{display:flex;gap:12px;flex-wrap:wrap;font-weight:600}.empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:18px 8px}.bar{height:14px;border-radius:7px;background:var(--surface-soft)}.bar .fill{height:100%;border-radius:7px;background:var(--accent)}.bar .fill.loss{background:var(--loss)}[data-theme=pro] .bar,[data-theme=pro] .bar .fill{border-radius:0;height:6px}.trade-row{display:flex;gap:8px;margin-bottom:8px}.advisor{display:flex;align-items:center;gap:8px;margin-bottom:10px}.bubble{flex:1;background:var(--surface);border-radius:16px;padding:8px 12px;font-size:var(--fs-small);box-shadow:var(--shadow-card)}[data-theme=pro] .bubble{border:1px solid var(--line)}.newsstrip{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:6px 14px;border:0;border-radius:var(--r-md);background:var(--surface);margin-bottom:10px;box-shadow:var(--shadow-card);font-size:var(--fs-small)}[data-theme=pro] .newsstrip{border:1px solid var(--line)}.banner{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--r-md);margin-bottom:10px;font-size:var(--fs-small)}.banner.warn{background:var(--warn-bg);color:var(--warn-ink)}.banner.info{background:var(--accent-soft)}.list{display:flex;flex-direction:column;gap:8px}.asset-row{display:flex;align-items:center;gap:10px;width:100%;min-height:64px;padding:8px 14px;border:0;border-radius:var(--r-md);background:var(--surface);text-align:left;box-shadow:var(--shadow-card)}[data-theme=pro] .asset-row{border:1px solid var(--line);min-height:44px;padding:4px 12px}.asset-row.locked{opacity:.55}.dot{width:10px;height:10px;border-radius:50%;flex:none;display:inline-block}.dot.lg{width:14px;height:14px}.rowbtn{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;border:0;background:transparent;text-align:left;border-top:1px solid var(--line-soft)}.rowline{display:flex;align-items:center;gap:10px;padding:6px 0;border-top:1px solid var(--line-soft)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 10px}.chip{min-height:44px;padding:0 16px;border-radius:var(--r-pill);border:var(--border-w) solid var(--line);background:var(--surface);font-weight:600;color:var(--text)}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.sortbar{margin-bottom:8px}.sortbar select{min-height:44px;border-radius:var(--r-sm);border:var(--border-w) solid var(--line);background:var(--surface);padding:0 8px}.risk{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:13px;font-size:12px;font-weight:700;flex:none;white-space:nowrap}.risk-low{background:var(--risk-low-bg,#DDF5EF);color:var(--risk-low-ink,#0B6B5F)}.risk-lowmid{background:var(--risk-lowmid-bg,#E3F3DA);color:var(--risk-lowmid-ink,#2F6B12)}.risk-mid{background:var(--risk-mid-bg,#FFF1C2);color:var(--risk-mid-ink,#7A5600)}.risk-midhigh{background:var(--risk-midhigh-bg,#FFE0C2);color:var(--risk-midhigh-ink,#8F3A00)}.risk-high{background:var(--risk-high-bg,#FFD6D6);color:var(--risk-high-ink,#A11F25)}.risk-extreme{background:var(--risk-extreme-bg,#A11F25);color:var(--risk-extreme-ink,#fff)}[data-theme=pro] .risk{background:var(--surface-soft);color:var(--text);border:1px solid var(--line)}.nbadge{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:13px;font-size:12px;font-weight:700;flex:none;white-space:nowrap}.nb-good{background:var(--gain-bg);color:var(--gain-ink)}.nb-bad{background:var(--loss-bg);color:var(--loss-ink)}.nb-special,.nb-personal{background:var(--warn-bg);color:var(--warn-ink)}.nb-rumor{background:var(--surface-soft);color:var(--text-muted);border:1px dashed var(--text-faint,var(--text-muted))}.news-card{background:var(--surface);border-radius:var(--r-md);padding:12px 14px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-card);margin:8px 0}[data-theme=pro] .news-card{border:1px solid var(--line)}.news-card.rumor{border:2px dashed var(--text-faint,var(--text-muted));box-shadow:none}.news-card.personal{border:2px solid var(--gold)}.news-card p{margin:0}.split{display:grid;grid-template-columns:1fr;gap:12px;align-items:center}.donut-wrap{display:flex;justify-content:center}.legend-table{display:flex;flex-direction:column;gap:4px}.lg-row{display:flex;align-items:center;gap:8px;min-height:36px;border-bottom:1px solid var(--line-soft)}.slider-row{display:flex;flex-direction:column;gap:2px;margin:10px 0}input[type=range]{width:100%;height:44px;accent-color:var(--accent)}.sumbar{padding:8px 12px;border-radius:var(--r-md);font-weight:600;margin:8px 0}.sumbar.ok{background:var(--gain-bg);color:var(--gain-ink)}.sumbar.bad{background:var(--loss-bg);color:var(--loss-ink)}.mission{background:var(--surface);border-radius:var(--r-md);padding:12px 14px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-card)}[data-theme=pro] .mission{border:1px solid var(--line)}.mission.done{border-left:6px solid var(--gain)}.mission.fail{opacity:.75}.titles{display:flex;gap:8px;flex-wrap:wrap;color:var(--text-muted)}.titles span.on{color:var(--text);font-weight:700}.titles span:after{content:" ·"}.titles span:last-child:after{content:""}.meter{display:flex;align-items:center;gap:8px}.meter-bar{display:flex;gap:3px}.meter-bar i{width:18px;height:8px;border-radius:2px;background:var(--surface-soft)}.meter-bar i.on{background:var(--accent)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e16218c;display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet{background:var(--bg);width:100%;max-width:560px;max-height:92vh;overflow:auto;border-radius:24px 24px 0 0;padding:16px;display:flex;flex-direction:column;gap:8px;outline:none}[data-theme=pro] .sheet{background:var(--surface);border:1px solid var(--line);border-radius:12px 12px 0 0}.sheet-head{display:flex;align-items:center;gap:8px}.tradebox{display:flex;flex-direction:column;gap:8px;margin-top:4px}.seg2{display:flex;background:var(--surface-soft);border-radius:var(--r-md);padding:3px}.seg2 button{flex:1;min-height:44px;border:0;border-radius:var(--r-md);background:transparent;font-weight:700;color:var(--text-muted)}.seg2 button.on.buy{background:var(--accent);color:var(--accent-ink)}.seg2 button.on.sell{background:#b54708;color:#fff}.field{display:flex;flex-direction:column;gap:4px}.field input{min-height:48px;border-radius:var(--r-md);border:var(--border-w) solid var(--control-border,#232A3B);padding:0 12px;background:var(--surface);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.quick{display:flex;gap:8px}.effect{background:var(--surface-soft);border-radius:var(--r-md);padding:8px 12px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:96px;background:#232a3b;color:#fff;padding:10px 18px;border-radius:var(--r-pill);z-index:30;font-size:var(--fs-small);max-width:90vw;box-shadow:0 4px 14px #00000040}[data-theme=pro] .toast{background:var(--surface-soft);color:var(--text);border:1px solid var(--accent)}.start{min-height:100vh;display:flex;justify-content:center;padding:20px 16px 40px;background:var(--bg-app)}.start-inner{width:100%;max-width:760px;display:flex;flex-direction:column;gap:14px}.start-hero{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.start-hero>div{flex:1;min-width:240px}.logo{margin:0;font-size:34px;line-height:1.2}.levels{display:flex;flex-direction:column;gap:8px}.level{display:flex;align-items:center;gap:12px;width:100%;min-height:76px;padding:10px 14px;border:var(--border-w) solid transparent;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);text-align:left}.level:not(.locked):hover{border-color:var(--accent)}.level.locked{background:#d9dce5;color:#565e75;box-shadow:none}.level-no{width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;flex:none}.level.locked .level-no{background:#aab0c2}.tut{align-items:center;text-align:center;padding-top:32px}.tut-body{max-width:460px;font-size:18px}.skip{align-self:flex-end}.dots{display:flex;gap:8px}.dots i{width:10px;height:10px;border-radius:50%;background:var(--line)}.dots i.on{background:var(--accent)}.result{min-height:100vh;display:flex;justify-content:center;padding:16px;transition:background .6s}.result-inner{width:100%;max-width:640px;display:flex;flex-direction:column;gap:10px}.result-hero{display:flex;align-items:center;gap:16px;margin:8px 0}.mascot-pop{transform:scale(.6);opacity:0;transition:transform .5s cubic-bezier(.3,1.6,.5,1),opacity .4s}.mascot-pop.in{transform:none;opacity:1}.rowline.pop{animation:rise .4s both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.result-items .rowline:first-of-type{border-top:0}.debrief{min-height:100vh;display:flex;justify-content:center;padding:16px 16px 48px;background:var(--bg-app)}.debrief-inner{width:100%;max-width:760px}.hero{flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}.hero>div{flex:1;min-width:220px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.stat{background:var(--surface);border-radius:var(--r-lg);padding:12px 14px;box-shadow:var(--shadow-card)}[data-theme=pro] .stat{border:1px solid var(--line)}.behave{display:flex;gap:12px}.behave>div{flex:1;background:var(--surface-soft);border-radius:var(--r-md);padding:10px;display:flex;flex-direction:column;align-items:center}.behave b{font-size:28px}.insight{margin:4px 0;background:var(--warn-bg);color:var(--warn-ink);padding:8px 12px;border-radius:var(--r-md)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compare>div{background:var(--surface-soft);border-radius:var(--r-md);padding:10px}@media (min-width:960px){.rail{display:flex;flex-direction:column;gap:6px;width:230px;padding:20px 14px;border-right:1px solid var(--line);position:sticky;top:0;height:100vh;background:var(--surface)}.rail-logo{display:flex;align-items:center;gap:8px;margin-bottom:16px}.rail-btn{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:0;border-radius:var(--r-md);background:transparent;font-weight:600;text-align:left;color:var(--text-muted)}.rail-btn.on{background:var(--accent);color:var(--accent-ink)}.rail-foot{margin-top:auto;font-size:var(--fs-caption);color:var(--text-muted)}.bottom-nav{display:none}.main{padding-bottom:32px}.home-grid{grid-template-columns:1.2fr 1fr}.split{grid-template-columns:240px 1fr}.sheet-backdrop{align-items:center}.sheet{border-radius:24px}.stat-grid{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){.mascot-pop{transition:none;transform:none;opacity:1}.rowline.pop{animation:none}.result{transition:none}}