*{box-sizing:border-box}html,body{background:var(--c-surface);height:100%;color:var(--c-text);font-family:var(--font-ui);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#app{position:fixed;inset:0}#chart{position:absolute;inset:0}#safe-probe{pointer-events:none;visibility:hidden;width:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);position:absolute;top:0;left:0}#surface{touch-action:none;position:absolute;inset:0}.strip{width:min(62%,240px);height:var(--strip-h);border-radius:var(--r-sm);pointer-events:none;opacity:var(--strip-idle-opacity);place-items:center;transition:opacity .18s,background-color .18s,transform .18s;display:grid;position:absolute;left:50%;transform:translate(-50%)}.strip:after{content:"";background:currentColor;border-radius:2px;height:2px;position:absolute;left:34%;right:34%}.strip__label{font:600 10px/1 var(--font-num);letter-spacing:.14em;opacity:0;transition:opacity .16s}.strip--top{top:calc(env(safe-area-inset-top,0px) + 28px);color:var(--c-short)}.strip--bottom{bottom:calc(max(env(safe-area-inset-bottom,0px), var(--chart-time-axis-height)) + 6px);color:var(--c-long)}.strip[data-armed=false]{opacity:0}.strip[data-mode=action]{opacity:1;background:color-mix(in srgb, currentColor 14%, transparent);border:1px solid color-mix(in srgb, currentColor 55%, transparent)}.strip[data-mode=action]:after{opacity:0}.strip[data-mode=action] .strip__label{opacity:1}.strip[data-mode=action][data-dim=true]{opacity:.32}.pill{pointer-events:none;opacity:.75;width:40px;height:88px;transition:opacity .16s;position:absolute;top:calc(75% - 44px)}.pill:after{content:"";background:var(--c-muted);border-radius:5px;width:5px;height:50px;position:absolute;top:19px}.pill--left{left:calc(env(safe-area-inset-left,0px) + 3px)}.pill--left:after{left:0}.pill--right{right:calc(env(safe-area-inset-right,0px) + 3px)}.pill--right:after{right:0}.pill[data-armed=false]{opacity:0}#hud{top:calc(env(safe-area-inset-top,0px) + 6px);left:var(--s-3);right:calc(var(--chart-price-axis-width) + var(--s-2));align-items:center;gap:var(--s-2);pointer-events:none;font:11px/1 var(--font-num);color:var(--c-text-dim);display:flex;position:absolute}#hud .sym{color:var(--c-text);letter-spacing:.04em;font-weight:600}#hud .net{color:var(--c-axis-text);border:1px solid var(--c-layer-edge);letter-spacing:.1em;border-radius:3px;padding:2px 4px}#hud .spacer{flex:1}#layers{pointer-events:none;position:absolute;inset:0}.layer{background:var(--c-layer);border-right:1px solid var(--c-layer-edge);width:min(86%,340px);padding:calc(env(safe-area-inset-top,0px) + var(--s-4)) var(--s-4) var(--s-4);pointer-events:auto;touch-action:pan-y;transition:transform var(--t-layer) cubic-bezier(.22, .61, .36, 1);position:absolute;top:0;bottom:0;overflow-y:auto}.layer--left{flex-direction:column;padding-bottom:0;display:flex;left:0;overflow:hidden;transform:translate(-101%)}.tabs{gap:var(--s-2);margin-bottom:var(--s-3);border-bottom:1px solid var(--c-layer-edge);flex:none;display:flex}.tab{min-height:38px;color:var(--c-text-dim);font:600 11px/1 var(--font-num);letter-spacing:.14em;background:0 0;border:0;border-bottom:2px solid #0000;flex:1 1 0;padding:0}.tab[data-active=true]{color:var(--c-long);border-bottom-color:var(--c-long)}.layer--right{border-right:0;border-left:1px solid var(--c-layer-edge);flex-direction:column;padding-bottom:0;display:flex;left:auto;right:0;overflow:hidden;transform:translate(101%)}.layer[data-open=true]{transform:translate(0)}.panel__band{flex:none}.panel__band--top{border-bottom:1px solid var(--c-layer-edge);padding-bottom:var(--s-2)}.panel__band--bottom{gap:var(--s-2);padding:var(--s-3) 0 calc(env(safe-area-inset-bottom,0px) + var(--s-3));border-top:1px solid var(--c-layer-edge);display:flex}.panel__scroll{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:auto;min-height:0;overflow:hidden auto}.panel__scroll::-webkit-scrollbar{display:none}.panel__scroll .row>*{min-width:0}.panel__scroll .row .v,.panel__scroll .row .k{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hint{margin:var(--s-2) 0 0;color:var(--c-text-dim);font:11px/1.45 var(--font-ui);flex:0 0 100%}.chips{gap:var(--s-2);margin-bottom:var(--s-4);flex-wrap:wrap;display:flex}.chips--last{margin-bottom:var(--s-2)}.chip{padding:var(--s-2) var(--s-3);border:1px solid var(--c-layer-edge);color:var(--c-text-dim);font:11px/1 var(--font-num);letter-spacing:.06em;background:0 0;border-radius:4px}.chip[data-active=true]{color:var(--c-long);border-color:var(--c-long)}.chip--ghost{border-style:dashed}.chip:active{color:var(--c-text)}.tf{min-height:40px;color:var(--c-text-dim);font:13px/1 var(--font-num);text-align:center;background:0 0;border:0;flex:1 1 0}.tf[data-active=true]{color:var(--c-long);font-weight:600}.row.row--overlay{gap:var(--s-3);grid-template-columns:54px minmax(0,1fr) 68px 28px;align-items:center;display:grid}.row--overlay .pick{text-align:center;margin-left:0}.row__anchor{grid-column:3;justify-self:end}.row__input--period{width:100%;min-width:0}.row__remove{width:28px;color:var(--c-text-dim);background:0 0;border:0;flex:none;grid-column:4;padding:0;font-size:17px;line-height:1}.row__remove:active{color:var(--c-short)}.row.row--add{justify-content:flex-start;gap:var(--s-2);border-bottom:0}.row.row--position{gap:var(--s-3);grid-template-columns:minmax(0,1fr) auto auto 28px;align-items:center;display:grid}.row--position .m{color:var(--c-axis-text);font:11px/1 var(--font-num)}.row--position .v{text-align:right}.row--market{gap:var(--s-2)}.row--market .dex{border:1px solid var(--c-layer-edge);color:var(--c-axis-text);font:9px/1.4 var(--font-num);letter-spacing:.06em;text-transform:uppercase;border-radius:3px;flex:none;padding:1px 4px}.row--market .k{flex:auto;min-width:0}.row--market .m{color:var(--c-axis-text);font:11px/1 var(--font-num)}.row--market .v{text-align:right;min-width:62px}.star{width:28px;color:var(--c-layer-edge);text-align:left;background:0 0;border:0;flex:none;padding:0;font-size:13px;line-height:1}.star[data-on=true]{color:var(--c-vwap)}.layer .panel__scroll{padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--s-4))}.layer h2{margin:0 0 var(--s-4);font:600 11px/1 var(--font-num);letter-spacing:.16em;color:var(--c-axis-text)}.row{justify-content:space-between;align-items:baseline;column-gap:var(--s-3);padding:var(--s-3) 0;border-bottom:1px solid var(--c-layer-edge);font:13px/1.3 var(--font-ui);flex-wrap:wrap;display:flex}.row .k{color:var(--c-text-dim)}.row .v{font-family:var(--font-num);color:var(--c-text)}.row .v[data-tone=long]{color:var(--c-long)}.row .v[data-tone=short]{color:var(--c-short)}.row--tap{cursor:pointer}.row--tap[data-active=true] .k{color:var(--c-text)}.scrim{opacity:0;pointer-events:none;transition:opacity var(--t-layer) ease;background:#000;position:absolute;inset:0}.scrim[data-open=true]{opacity:.5;pointer-events:auto}.coach{z-index:4;pointer-events:none;position:absolute;inset:0}@keyframes coach-enter{0%{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.coach__bubble--enter{animation:.19s cubic-bezier(.22,.61,.36,1) coach-enter}@media (prefers-reduced-motion:reduce){.coach__bubble--enter{animation:none}}.coach__bubble{left:96px;right:var(--s-3);bottom:calc(env(safe-area-inset-bottom,0px) + var(--strip-h) + 56px);padding:var(--s-4);border:1px solid var(--c-layer-edge);border-left:2px solid var(--c-long);border-radius:var(--r-sm);background:var(--c-layer);pointer-events:auto;position:absolute;box-shadow:0 10px 28px #000000b3}.coach__bubble[data-dock=top]{top:calc(env(safe-area-inset-top,0px) + var(--strip-h) + 56px);bottom:auto}@keyframes coach-mark{0%,to{opacity:.55}50%{opacity:1}}.pill[data-coach=true]{opacity:1;animation:1.1s ease-in-out infinite coach-mark}.pill[data-coach=true]:after{background:var(--c-long);width:6px}.strip[data-coach=true]{opacity:1;animation:1.1s ease-in-out infinite coach-mark}.coach__close{width:32px;height:32px;color:var(--c-axis-text);background:0 0;border:0;padding:0;font-size:17px;line-height:1;position:absolute;top:2px;right:2px}.coach__close:active{color:var(--c-text)}.coach__bubble p{margin:0 var(--s-5) var(--s-3) 0;white-space:pre-line;font:13px/1.45 var(--font-ui);color:var(--c-text)}.coach__bubble:after{content:"";border:11px solid #0000;width:0;height:0;position:absolute}.coach__bubble[data-arrow=down]:after{border-top-color:var(--c-long);bottom:-22px;left:22px}.coach__bubble[data-arrow=up]:after{border-bottom-color:var(--c-long);top:-22px;left:22px}.coach__bubble[data-arrow=left]:after{border-right-color:var(--c-long);margin-top:-11px;top:50%;left:-22px}.coach__bubble[data-arrow=right]:after{border-left-color:var(--c-long);margin-top:-11px;top:50%;right:-22px}.coach__foot{align-items:center;gap:var(--s-4);display:flex}.coach__count{font:11px/1 var(--font-num);letter-spacing:.08em;color:var(--c-axis-text);flex:none}.coach__btn{border:1px solid var(--c-long);border-radius:var(--r-sm);min-height:38px;color:var(--c-long);font:600 12px/1 var(--font-num);letter-spacing:.08em;background:0 0;flex:auto}.coach__btn[hidden],.coach__skip[hidden]{display:none}.coach__skip{padding:var(--s-2) 0 var(--s-2) var(--s-3);color:var(--c-axis-text);font:11px/1 var(--font-num);letter-spacing:.1em;background:0 0;border:0;flex:none}.dialog{z-index:3;padding:var(--s-5);pointer-events:auto;background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dialog__box{width:min(100%,320px);padding:var(--s-5);border:1px solid var(--c-layer-edge);border-radius:var(--r-md);background:var(--c-layer)}.dialog__box h3{margin:0 0 var(--s-3);font:600 13px/1.3 var(--font-ui);color:var(--c-text)}.dialog__box p{margin:0 0 var(--s-5);font:13px/1.45 var(--font-ui);color:var(--c-text-dim)}.dialog__actions{gap:var(--s-3);margin-bottom:var(--s-3);display:flex}.dialog__actions:last-of-type{margin-bottom:var(--s-4)}.dialog__btn{border:1px solid var(--c-layer-edge);border-radius:var(--r-sm);min-height:44px;color:var(--c-text-dim);font:600 12px/1 var(--font-num);letter-spacing:.08em;background:0 0;flex:1 1 0}.dialog__btn--danger{border-color:var(--c-short);color:var(--c-short)}.dialog__btn--go{border-color:var(--c-long);color:var(--c-long)}.pairing{padding:var(--s-3);border-radius:var(--r-sm);background:var(--c-surface);word-break:break-all;-webkit-user-select:text;user-select:text;max-height:5.5em;overflow:hidden;color:var(--c-text-dim)!important;font:10px/1.5 var(--font-num)!important;margin:0!important}.dialog__btn:active{background:var(--c-layer-edge)}.notice{left:var(--s-4);right:var(--s-4);bottom:calc(max(env(safe-area-inset-bottom,0px), var(--chart-time-axis-height)) + 40px);background:var(--c-layer);border:1px solid var(--c-layer-edge);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);font:13px/1.4 var(--font-ui);color:var(--c-text);pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;position:absolute;transform:translateY(6px)}.notice[data-open=true]{opacity:1;transform:none}.notice b{font-weight:600}.notice .sub{color:var(--c-text-dim);margin-top:4px;font-size:12px;display:block}.onboard{pointer-events:none;opacity:0;background:linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--c-surface) 30%, transparent) 34%, color-mix(in srgb, var(--c-surface) 88%, transparent) 58%, var(--c-surface) 78%);transition:opacity .24s;position:absolute;inset:0}.onboard[data-open=true]{opacity:1;pointer-events:auto}.onboard__text{left:var(--s-4);right:var(--s-4);bottom:calc(max(env(safe-area-inset-bottom,0px), var(--chart-time-axis-height)) + 106px);position:absolute}.onboard__text h1{margin:0 0 var(--s-3);font:600 19px/1.25 var(--font-ui);letter-spacing:-.01em;color:var(--c-text)}.onboard__text p{font:14px/1.5 var(--font-ui);color:var(--c-text-dim);max-width:34em;margin:0}.onboard__note{margin-top:var(--s-3)!important;color:var(--c-axis-text)!important;font-size:12px!important}.onboard__action{width:min(62%,240px);left:50%;bottom:calc(max(env(safe-area-inset-bottom,0px), var(--chart-time-axis-height)) + 6px);border:1px solid color-mix(in srgb, var(--c-long) 55%, transparent);background:color-mix(in srgb, var(--c-long) 14%, transparent);height:44px;color:var(--c-long);border-radius:var(--r-sm);font:600 12px/1 var(--font-num);letter-spacing:.14em;text-transform:uppercase;transition:opacity .16s;position:absolute;transform:translate(-50%)}.onboard__action:disabled{opacity:.45}.onboard__skip{width:min(62%,240px);left:50%;bottom:calc(max(env(safe-area-inset-bottom,0px), var(--chart-time-axis-height)) + 60px);height:30px;color:var(--c-text-dim);font:12px/1 var(--font-ui);background:0 0;border:0;position:absolute;transform:translate(-50%)}.onboard__skip[hidden]{display:none}.onboard__error{color:var(--c-short)!important}#boot{display:none}#boot[data-state]{z-index:999;padding:calc(env(safe-area-inset-top,0px) + var(--s-5)) var(--s-4) var(--s-4);background:var(--c-surface);color:var(--c-text-dim);font:13px/1.5 var(--font-ui);-webkit-user-select:text;user-select:text;display:block;position:fixed;inset:0;overflow:auto}#boot[data-state=failed]{color:var(--c-short)}#boot strong{margin-bottom:var(--s-3);color:var(--c-text);font-size:16px;display:block}#boot pre{margin:0 0 var(--s-4);white-space:pre-wrap;word-break:break-word;font:11px/1.5 var(--font-num);color:var(--c-text-dim)}#boot .boot__env{color:var(--c-axis-text)}.row__input{border:1px solid var(--c-layer-edge);border-radius:var(--r-sm);background:var(--c-surface);width:4.5em;min-width:0;color:var(--c-text);font:13px/1.3 var(--font-num);text-align:right;-webkit-user-select:text;user-select:text;flex:0 auto;margin:-2px 0;padding:2px 6px}.row__input:focus{border-color:var(--c-long);outline:none}.pick{min-width:0;margin:-4px 0 -4px var(--s-2);border-radius:var(--r-sm);background:var(--c-layer-edge);color:var(--c-text);font:13px/1.3 var(--font-num);cursor:pointer;border:0;flex:0 auto;padding:4px 8px;display:inline-block}.pick:active{box-shadow:inset 0 0 0 1px var(--c-text-dim)}
