.trade-app{--t-bg:#f5f3ed;--t-card:#fff;--t-ink:#212b27;--t-muted:#606d65;--t-line:#d2d8d0;--t-soft:#e9ede5;--t-up:#087557;--t-down:#a63140;color:var(--t-ink);background:var(--t-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:100svh;padding:0 20px;font:1rem/1.55 Yu Gothic UI,Meiryo,system-ui,sans-serif}.trade-app.trade-dark{--t-bg:#171b22;--t-card:#222730;--t-ink:#edf0e8;--t-muted:#b1bab6;--t-line:#424b55;--t-soft:#303840;--t-up:#79d4af;--t-down:#ffa3b0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.trade-app *{box-sizing:border-box}.trade-frame{max-width:1280px;margin:auto}.trade-app h1,.trade-app h2,.trade-app p{margin:0}.trade-app h1{font-size:1.65rem}.trade-app h2{font-size:1rem}.trade-app button,.trade-app input,.trade-app textarea{font:inherit}.trade-app button{border:1px solid var(--t-line);background:var(--t-card);min-height:44px;color:var(--t-ink);cursor:pointer;border-radius:5px;padding:9px 13px}.trade-app button:hover{background:var(--t-soft)}.trade-app button:disabled{opacity:.5;cursor:not-allowed}.trade-app button[aria-pressed=true]{border-color:var(--t-ink);box-shadow:inset 0 0 0 1px var(--t-ink)}:is(.trade-app button:focus-visible,.trade-app a:focus-visible,.trade-app input:focus-visible,.trade-app summary:focus-visible){outline:3px solid var(--t-up);outline-offset:3px}.trade-app a{color:inherit}.trade-app small{color:var(--t-muted);font-size:.8rem}.trade-app .trade-primary{background:var(--t-ink);color:var(--t-card);border-color:var(--t-ink);width:100%;margin-top:12px}.trade-header{border-top:3px solid var(--t-up);border-bottom:1px solid var(--t-line);flex-wrap:wrap;align-items:center;gap:24px;padding:14px 0;display:flex}.trade-brand{font-weight:700;text-decoration:none}.trade-header nav{flex:1;align-items:center;gap:6px;display:flex}.trade-header nav a,.trade-header nav button{background:0 0;border:0;padding:10px;font-size:.9rem;text-decoration:none}.trade-header nav [aria-current=page]{border-bottom:2px solid var(--t-ink);border-radius:0}.trade-alpha{color:var(--t-muted);border-bottom:1px solid var(--t-line);flex-wrap:wrap;gap:12px;padding:10px 0;font-size:.8rem;display:flex}.trade-alpha strong{color:var(--t-ink)}.trade-heading{justify-content:space-between;align-items:center;gap:16px;padding:22px 0 16px;display:flex}.trade-eyebrow{letter-spacing:.12em;color:var(--t-muted);font:.75rem ui-monospace,monospace}.trade-profile{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:12px;max-width:50%;font-size:.875rem;display:flex}.trade-summary{border-block:1px solid var(--t-line);grid-template-columns:1.2fr 1.2fr .8fr 1.3fr;gap:16px;padding:16px 0;display:grid}.trade-summary>div{flex-direction:column;display:flex}.trade-summary span{color:var(--t-muted);font-size:.875rem}.trade-summary strong{letter-spacing:-.04em;margin-top:6px;font:600 clamp(1.35rem,2.2vw,1.8rem) ui-monospace,monospace}.trade-summary strong small{margin-left:3px;font:.8rem system-ui}.trade-summary-note{color:var(--t-muted);justify-content:center;font-size:.8rem}.trade-gain{color:var(--t-up)}.trade-loss{color:var(--t-down)}.trade-status{color:var(--t-up);min-height:46px;padding:12px 0;font-size:.875rem}.trade-error{background:var(--t-soft);border-left:3px solid var(--t-down);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.trade-grid{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"chart order""positions order""positions rank";align-items:start;gap:0 24px;display:grid}.trade-chart-section{grid-area:chart;min-width:0}.trade-markets{gap:8px;display:flex}.trade-markets button{text-align:left;flex:1}.trade-markets small,.trade-directions small{display:block}.trade-quote{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:10px;padding:14px 0 8px;display:flex}.trade-quote>div:last-child{text-align:right;margin-left:auto}.trade-quote strong{font:600 1.5rem ui-monospace,monospace;display:block}.trade-quote span{color:var(--t-muted);font-size:.75rem;display:block}.trade-plot{background:var(--t-card);width:100%;height:235px;display:block}.trade-plot line{stroke:var(--t-line)}.trade-plot text{fill:var(--t-muted);font-size:12px}.trade-plot .trade-price-line{fill:none;stroke:var(--t-ink);stroke-width:1.8px}.trade-plot .trade-entry-line{stroke:var(--t-up);stroke-dasharray:4 4}.trade-plot-wait{background:var(--t-card);height:235px;color:var(--t-muted);place-items:center;display:grid}.trade-order{background:var(--t-card);border:1px solid var(--t-line);grid-area:order;min-width:0;padding:20px}.trade-order p{margin:14px 0 8px;font-size:.875rem}.trade-directions{gap:8px;display:flex}.trade-directions button{flex:1;padding:12px 5px;font-size:.9rem}.trade-amounts{gap:5px;margin-bottom:8px;display:flex}.trade-amounts button{flex:1;padding:8px 2px;font-size:.875rem}.trade-order-note{color:var(--t-muted)}.trade-order>.trade-primary+small{margin-top:10px;display:block}.trade-positions{grid-area:positions;min-width:0}.trade-positions h2{margin:18px 0 8px}.trade-positions>p{color:var(--t-muted);padding:8px 0 16px;font-size:.875rem}.trade-position{border-block:1px solid var(--t-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.trade-position small,.trade-history small{display:block}.trade-position>strong{font-size:1.25rem}.trade-history{border-bottom:1px solid var(--t-line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:.875rem;display:flex}.trade-mini-rank{grid-area:rank;min-width:0;margin-top:22px}.trade-row-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.trade-row-heading button{background:0 0;border:0;padding:4px;font-size:.875rem}.trade-periods{gap:6px;margin:10px 0;display:flex}.trade-periods button{flex:1;font-size:.875rem}.trade-mini-rank>p{color:var(--t-muted);font-size:.8rem}.trade-mini-rank ol{margin:10px 0;padding:0;list-style:none}.trade-mini-rank li,.trade-neighbors>div{border-bottom:1px solid var(--t-line);justify-content:space-between;gap:10px;padding:9px 0;font-size:.8rem;display:flex}.trade-mini-rank li span,.trade-neighbors span{overflow-wrap:anywhere;min-width:0}.trade-mini-rank li strong,.trade-neighbors strong{white-space:nowrap;font-variant-numeric:tabular-nums}.trade-neighbors>div{padding-inline:8px}.trade-me{background:var(--t-soft)}.trade-number{text-align:right;font-variant-numeric:tabular-nums}.trade-rank-controls{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.trade-rank-controls .trade-periods{min-width:250px}.trade-full-ranking>p,.trade-rank-controls p{color:var(--t-muted);margin:16px 0;font-size:.875rem}.trade-full-ranking table{border-collapse:collapse;width:100%;font-size:.875rem}.trade-full-ranking td,.trade-full-ranking th{border-bottom:1px solid var(--t-line);text-align:left;overflow-wrap:anywhere;padding:13px 8px}.trade-full-ranking .trade-number{text-align:right;white-space:nowrap}.trade-full-ranking th{color:var(--t-muted);font-weight:500}.trade-full-ranking small{margin-top:3px;display:block}.trade-footer{border-top:1px solid var(--t-line);color:var(--t-muted);flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;padding:18px 0 30px;font-size:.8rem;display:flex}.trade-footer>p{flex:1;min-width:240px}.trade-footer details{width:100%}.trade-footer summary{cursor:pointer;min-height:44px;padding-block:10px}.trade-footer details p{max-width:900px;margin-top:8px}.trade-name{flex-wrap:wrap;align-items:end;gap:8px;padding-bottom:15px;display:flex}.trade-name label,.trade-share label{flex-direction:column;gap:6px;display:flex}.trade-name input,.trade-share textarea{color:var(--t-ink);background:var(--t-card);border:1px solid var(--t-line);border-radius:4px;max-width:100%;padding:10px;font-size:1rem}.trade-share{background:var(--t-card);color:var(--t-ink);border:1px solid var(--t-line);width:min(480px,100% - 24px);padding:24px}.trade-share::backdrop{background:#0007}.trade-share textarea{resize:vertical;width:100%;margin:16px 0}.trade-share>div{gap:10px;display:flex}.trade-share p{color:var(--t-muted);margin-top:12px;font-size:.8rem}.trade-skip{z-index:10;background:var(--t-card);padding:12px;position:absolute;top:-100px;left:10px}.trade-skip:focus{top:10px}@media (max-width:760px){.trade-app{padding:0 12px}.trade-header{gap:10px}.trade-header nav{flex-basis:100%;order:3;justify-content:space-around}.trade-header>button{margin-left:auto}.trade-header nav button,.trade-header nav a{text-align:center;flex:1}.trade-heading{align-items:start;padding-top:16px}.trade-app h1{font-size:1.35rem}.trade-profile{justify-content:end;max-width:47%;font-size:.8rem}.trade-summary{grid-template-columns:1fr 1fr;gap:14px 8px}.trade-summary strong{font-size:1.45rem}.trade-summary span{font-size:.8rem}.trade-summary-note{font-size:.75rem}.trade-grid{grid-template-columns:1fr;grid-template-areas:"chart""order""positions""rank";gap:16px}.trade-order{padding:16px}.trade-quote strong{font-size:1.3rem}.trade-positions h2{margin-top:12px}.trade-mini-rank{margin-top:0}.trade-full-ranking td,.trade-full-ranking th{padding:11px 4px}.trade-full-ranking small{font-size:.75rem}.trade-full-ranking .trade-number{white-space:normal}.trade-name label{max-width:100%}}@media (max-width:360px){.trade-summary strong{font-size:1.25rem}.trade-header nav button,.trade-header nav a{padding-inline:5px;font-size:.8rem}}@media (prefers-reduced-motion:reduce){.trade-app *{scroll-behavior:auto}}.trade-status:empty{display:none}.trade-profile:has(>span:empty){display:none}.trade-app .trade-primary:hover{background:var(--t-ink);filter:brightness(1.12)}.trade-app [tabindex="-1"]:focus-visible{outline:3px solid var(--t-up);outline-offset:4px}.trade-app textarea:focus-visible{outline:3px solid var(--t-up);outline-offset:4px}.trade-field-label{margin:14px 0 6px;font-size:.875rem;font-weight:600}.trade-order .trade-markets button{text-align:center;padding:9px 6px;font-size:.875rem}.trade-start-steps{color:var(--t-muted);flex-wrap:wrap;gap:6px 18px;margin:16px 0 0;padding-left:20px;font-size:.875rem;display:flex}.trade-order .trade-profit-example{background:var(--t-soft);margin:12px 0;padding:10px;font-size:.875rem}.trade-profit-example small{margin-top:3px;display:block}.trade-held-order>span{color:var(--t-muted);font-size:.875rem;display:block}.trade-held-order>strong{margin:5px 0;font:600 1.8rem/1.4 ui-monospace,monospace;display:block}.trade-held-order>small{margin-top:8px;display:block}.trade-result{background:var(--t-card);border:1px solid var(--t-line);border-top:3px solid var(--t-up);margin:0 0 24px;padding:20px;scroll-margin-top:12px}.trade-result-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.trade-result-heading h2{margin-top:4px;font-size:1.2rem}.trade-result-heading>span{color:var(--t-muted);font-size:.8rem}.trade-result-values{grid-template-columns:1.4fr 1fr 1fr;gap:20px;margin:18px 0;display:grid}.trade-result-values>div{min-width:0}.trade-result-values dt{color:var(--t-muted);font-size:.875rem}.trade-result-values dd{overflow-wrap:anywhere;margin:5px 0 0;font:600 1.5rem/1.4 ui-monospace,monospace}.trade-result>p{color:var(--t-muted);font-size:.875rem}.trade-result-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}@media (max-width:760px){.trade-grid{grid-template-areas:"order""chart""positions""rank"}.trade-heading{padding:14px 0}.trade-alpha{gap:4px 10px}.trade-order{padding:16px}.trade-chart-section{margin-top:16px}.trade-result{padding:16px}.trade-result-values{grid-template-columns:1fr 1fr;gap:14px}.trade-result-values>div:first-child{grid-column:1/-1}.trade-result-actions button{flex:1}}.trade-app .trade-execute button{flex-direction:column;align-items:center;gap:2px;min-height:96px;padding:12px 8px;display:flex}.trade-execute strong{font-size:1.35rem}.trade-execute span{font-size:1rem;font-weight:600}.trade-app .trade-execute .trade-execute-buy{background:var(--t-up);border-color:var(--t-up);color:var(--t-card)}.trade-app .trade-execute .trade-execute-sell{background:var(--t-down);border-color:var(--t-down);color:var(--t-card)}.trade-app .trade-execute small{color:inherit;font-size:.875rem}.trade-app .trade-execute button:hover:not(:disabled){filter:brightness(1.08)}
