@font-face{font-family:Lab;src:url('assets/fonts/Sarabun-Regular.ttf')}@font-face{font-family:Lab;src:url('assets/fonts/Sarabun-SemiBold.ttf');font-weight:600}
:root{color-scheme:dark;--ink:#f1efe4;--muted:#9aa99e;--gold:#d1b970;--green:#77d5a7;--red:#f28e8e}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 30% 0%,#142d23 0,transparent 50%),#070e0b;color:var(--ink);font-family:Lab,sans-serif;font-size:15px;line-height:1.65}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:var(--gold);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.lab-nav{height:78px;max-width:1400px;margin:auto;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0e}.lab-nav a{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--ink);font-size:14px}.lab-nav img{width:38px;height:38px}.lab-nav span{color:var(--muted);font-weight:400}#lang,.quiet{border:1px solid #ffffff22;background:transparent;color:var(--ink);border-radius:9px;padding:10px 17px}main{max-width:1300px;margin:auto;padding:34px 36px 60px}.lab-intro{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:11px;letter-spacing:.17em;color:var(--gold);margin:0 0 9px}h1{font-weight:600;font-size:clamp(26px,3vw,38px);line-height:1.5;margin:0}.lab-intro p:not(.eyebrow){color:var(--muted);margin:7px 0 20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:10px 0 25px;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;padding:17px 0}.stats>div{padding:0 24px;border-left:1px solid #ffffff12}.stats>div:first-child{padding-left:0;border:0}.stats span{display:block;color:var(--muted);font-size:12px}.stats strong{font-size:27px;font-weight:600;font-variant-numeric:tabular-nums}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.chart-panel,.order-panel{border:1px solid #a2c3a91c;border-radius:18px;background:#0c1712c9;overflow:hidden}.chart-top{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:22px 24px 12px}.market{font-weight:600;letter-spacing:.09em}#side{margin-left:12px;color:var(--gold);font-size:12px}.simulation{font-size:11px;color:var(--muted)}.levels{display:flex;gap:20px;padding:0 24px 12px;font-size:11px;color:var(--muted);flex-wrap:wrap}.levels b{font-weight:400;color:var(--ink);margin-left:5px}#chart{display:block;width:100%;height:auto;min-height:220px}#chart text{font:12px Lab,sans-serif}.chart-bottom{display:flex;justify-content:space-between;padding:14px 24px;border-top:1px solid #ffffff0c;color:var(--muted);font-size:13px}#floating{font-size:20px;font-variant-numeric:tabular-nums}.order-panel{padding:23px}label{display:block;margin:0 0 15px}label>span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}input,select{width:100%;min-height:44px;border:1px solid #ffffff20;background:#08110d;border-radius:8px;padding:9px 12px;color:var(--ink);font-variant-numeric:tabular-nums}input:disabled{opacity:.55}.input-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview{border-top:1px solid #ffffff12;padding-top:10px}.preview>div{display:flex;justify-content:space-between;gap:8px;margin:8px 0;font-size:12px}.preview span{color:var(--muted)}.preview b{font-weight:600}#risk-value{color:var(--red)}#reward{color:var(--green)}.risk-note{font-size:12px;min-height:40px;color:var(--green)}.risk-note.danger{color:var(--red)}.primary{width:100%;border:0;border-radius:9px;background:linear-gradient(110deg,#e0cf98,#b49951);color:#102017;padding:13px;font-weight:600}.wide{width:100%;margin-top:10px}.micro{font-size:11px;color:var(--muted);margin:14px 0 0}.result{padding:0 24px 20px;font-size:14px}.result:empty{display:none}.result strong{display:block;color:var(--gold);font-size:20px;margin-bottom:6px}.journal{margin-top:28px}.journal-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.journal h2{font-size:17px;font-weight:600}.journal-head span{font-size:12px;color:var(--muted)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;font-variant-numeric:tabular-nums}th{font-weight:400;color:var(--muted);font-size:11px}td,th{padding:12px 15px;border-bottom:1px solid #ffffff10;white-space:nowrap}td:first-child,th:first-child{padding-left:0}.positive{color:var(--green)}.negative{color:var(--red)}details{margin-top:30px;color:var(--muted);font-size:12px;max-width:850px}summary{cursor:pointer;color:var(--gold)}[hidden]{display:none!important}
@media(max-width:800px){main{padding:24px 18px 45px}.lab-nav{padding:0 18px;height:64px}.workspace{grid-template-columns:1fr}.order-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.order-panel>.eyebrow,.input-pair,.preview,.risk-note,.primary,.wide,.micro{grid-column:1/-1}.order-panel>label{min-width:0}.lab-intro{align-items:flex-start}.lab-intro .quiet{font-size:12px;white-space:nowrap}.stats strong{font-size:22px}.stats>div{padding:0 12px}.chart-top{padding:18px 16px 10px}.levels{padding:0 16px 10px;gap:12px}.simulation{max-width:130px;text-align:right}.journal-head{display:block}.lab-nav span{display:none}#chart{min-height:190px}}

.share-results{margin-top:25px;padding:24px;border:1px solid #cfb77244;border-radius:16px;background:#122219}.share-results h2{font-size:20px;margin:0;font-weight:600}.share-results p{color:var(--muted);font-size:13px}.share-actions{display:flex;gap:12px;flex-wrap:wrap}.line-share{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;background:#06c755;color:#062912;border-radius:9px;font-weight:600}.share-actions>*{min-height:46px}#save-status:empty{display:none}@media(max-width:600px){.share-actions>*{flex:1;white-space:nowrap}}
.chart-panel .share-results{margin:0;border:0;border-top:1px solid #cfb77233;border-radius:0;padding:20px 24px;background:#112018}