:root{color-scheme:dark;--bg:#090e17;--surface:#0e1622;--surface-2:#111c2b;--stroke:#243043;--stroke-soft:#1b293b;--text:#e5edf9;--muted:#8392a8;--muted-2:#5e7087;--cyan:#54d4ff;--red:#ff5a72;--green:#38cfa3;--orange:#f4b569;--purple:#c4a0ff;font-family:Inter,"PingFang SC","Microsoft Yahei",Arial,sans-serif;font-size:13px;font-synthesis:none}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.46;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #40c6f7;outline-offset:2px}input,select{color:var(--text);background:#0c1522;border:1px solid #304056;border-radius:8px;outline:0}input:focus,select:focus{border-color:#4daeda;box-shadow:0 0 0 3px #4bd1ff14}.mono{font-variant-numeric:tabular-nums;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}.muted,.dim{color:var(--muted)}
.app{display:flex;flex-direction:column;height:100dvh;min-height:610px;width:100%;overflow:hidden}.topbar{height:61px;flex:none;border-bottom:1px solid var(--stroke-soft);display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 24px;background:#0d1521}.brand{display:flex;align-items:center;gap:11px;min-width:250px}.brand-icon{height:35px;width:35px;border:1px solid #25475d;border-radius:10px;background:#112331;display:flex;justify-content:center;align-items:center;gap:3px;transform:skew(-5deg)}.brand-icon i{width:4px;border-radius:3px;background:var(--cyan)}.brand-icon i:nth-child(1){height:9px;background:#32c99d}.brand-icon i:nth-child(2){height:21px}.brand-icon i:nth-child(3){height:13px;background:var(--red)}.brand-icon i:nth-child(4){height:26px}.brand-copy{display:flex;flex-direction:column;gap:4px}.brand-copy strong{font-size:15px;letter-spacing:1px}.brand-copy span{font-size:9px;letter-spacing:1.9px;color:#678ba5}.top-status{display:flex;align-items:center;gap:11px;color:#b4c6d9;font-size:12px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-status #sourceText{overflow:hidden;text-overflow:ellipsis}.live-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#40d49b;box-shadow:0 0 0 3px #36ce9324}.top-divider{width:1px;height:16px;background:#344255}.top-actions{display:flex;align-items:center;gap:11px}.invite{border:1px solid #2a4559;border-radius:7px;display:flex;align-items:center;gap:9px;padding:5px 6px 5px 10px;background:#132131}.invite span{font-size:11px;color:#88a0b6}.invite b{color:#76dbfa;font-size:14px;letter-spacing:2px}.invite button{background:#254b64;border:0;border-radius:5px;padding:5px 9px;color:#c8efff;font-size:11px}.small-btn{background:transparent;border:1px solid #2a384b;border-radius:7px;padding:8px 12px;color:#a9b8cb;white-space:nowrap}.small-btn:hover{background:#1a2837}.danger-quiet:hover{color:#ff8294;border-color:#833d4c}
.replaybar{height:61px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 24px;border-bottom:1px solid var(--stroke-soft);background:linear-gradient(90deg,#0d1724,#101a29)}.replay-left{display:flex;align-items:center;gap:14px;white-space:nowrap}.replay-label{color:#8295aa;font-size:12px}.replay-left strong{font-size:15px;color:#e8eef8}.separator-line{background:#314154;height:20px;width:1px}.last-price{font:600 24px "SFMono-Regular",Consolas,monospace;letter-spacing:-1px}.price-tag{font:600 12px "SFMono-Regular",Consolas,monospace}.positive{color:var(--red)!important}.negative{color:var(--green)!important}.step-controls{display:flex;align-items:center;gap:10px;white-space:nowrap}.step-controls label{font-size:11px}.step-controls select{height:34px;padding:0 8px;border-radius:6px}.step-btn,.primary-btn{border:1px solid #2b3b50;padding:9px 13px;border-radius:7px;background:#192638;color:#d8e4f0;font-weight:600}.step-btn span{color:#839bb4;font-size:11px;font-weight:400}.step-btn:hover{border-color:#487392}.primary-btn{background:#1c79a3;border-color:#2b8db9;color:white;min-width:118px}.primary-btn:hover{background:#218ab7}.primary-btn.playing{background:#693b36;border-color:#925445}.waiting-label{font-size:12px;color:#8298ad}.finished-tag{padding:5px 8px;border:1px solid #8f7043;color:#d5b17a;background:#352818;border-radius:5px;font-size:11px}
.metric-strip{flex:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:105px;border-bottom:1px solid #263447;background:#0c1420}.metric{padding:19px 24px 15px;border-right:1px solid var(--stroke-soft);overflow:hidden;min-width:0}.metric:last-child{border-right:0}.metric-label{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#9eafc4;font-size:11px;font-weight:600}.metric-label span{font-size:9px;color:#516a82;letter-spacing:1.4px;font-weight:500}.metric strong{display:block;font-size:clamp(17px,1.5vw,23px);font-weight:650;line-height:1.5;white-space:nowrap;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.metric small{font-size:11px;color:#73889f;white-space:nowrap;font-variant-numeric:tabular-nums}
.workspace{display:flex;flex:1;min-height:0;min-width:0;overflow:hidden}.chart-section{min-width:0;min-height:0;display:flex;flex-direction:column;flex:1;background:#0b121c}.chart-toolbar{height:47px;flex:none;display:flex;align-items:center;gap:18px;padding:0 16px;border-bottom:1px solid #1f2e3d;background:#101a26;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.ind-group{display:flex;align-items:center;gap:12px}.ind-group>span{color:#60758c;font-size:10px;font-weight:700;letter-spacing:1px;margin-right:2px}.ind-group label{display:flex;align-items:center;gap:5px;font-size:11px;color:#b4c0cf;cursor:pointer}.ind-group input{width:13px;height:13px;margin:0;accent-color:#52bdeb}.ind-group em{display:inline-block;width:11px;height:2px;border-radius:2px}.line-cyan{background:#64ccf4}.line-orange{background:#eec27b}.line-violet{background:#b9a1ff}.line-green{background:#54d39e}.chart-actions{display:flex;align-items:center;gap:3px;margin-left:auto}.chart-actions button{border:1px solid #2b3b4d;background:#131f2d;color:#9dacc0;border-radius:5px;min-width:29px;height:27px}.chart-actions button:nth-child(2){font-size:10px;padding:0 8px}.chart-actions button:hover{color:#e7f9ff;border-color:#5091b4}.chart-frame{flex:1;min-height:0;position:relative;background:#0b141f;overflow:hidden}.chart-frame canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.chart-corner{position:absolute;top:15px;right:84px;font-size:10px;pointer-events:none;color:#60758d;letter-spacing:.35px}.corner-divider{display:inline-block;height:11px;width:1px;background:#324154;margin:0 8px;vertical-align:-1px}.chart-tooltip{position:absolute;z-index:3;top:10px;left:14px;background:#121f2df1;border:1px solid #365169;border-radius:7px;padding:10px 12px;box-shadow:0 12px 30px #0008;pointer-events:none;min-width:215px;max-width:290px;white-space:pre-line;color:#e0ebf5;font:11px/1.7 "SFMono-Regular",Consolas,"PingFang SC",monospace}.chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#7d8ea1;background:#0c1522}.chart-bottom{height:31px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-top:1px solid #203041;color:#5d768d;font-size:10px;white-space:nowrap}.legend-red,.legend-green,.legend-mark{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:3px}.legend-red{background:#f05a71}.legend-green{background:#2cca9e}.legend-mark{background:#70bfff;border-radius:50%}
.sidebar{width:355px;max-width:38vw;flex:0 0 355px;background:#0f1825;border-left:1px solid #253346;overflow:auto;scrollbar-width:thin;scrollbar-color:#314255 transparent}.sidebar.collapsed{display:none}.side-card{padding:19px;border-bottom:1px solid #253145}.side-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}.side-title h2{font-size:13px;letter-spacing:.4px;margin:0}.side-subtitle{font-size:10px;color:#6d839a;white-space:nowrap}.trade-mini{display:flex;justify-content:space-between;border:1px solid #24364b;background:#122031;padding:12px 11px;border-radius:7px;gap:5px;margin-bottom:15px}.trade-mini span{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#7c91a9}.trade-mini b{color:#ebf3fa;font-size:13px;font-variant-numeric:tabular-nums}.size-tabs{display:flex;gap:5px;margin-bottom:13px;background:#0b1420;border-radius:7px;padding:4px}.size-tabs button{flex:1;background:transparent;color:#8295aa;border:0;border-radius:6px;padding:9px 8px;font-weight:600;font-size:11px}.size-tabs button.active{color:#d5eeff;background:#25435c;box-shadow:0 1px 6px #0004}.order-entry>label{display:block;color:#9badc1;font-size:11px;margin-bottom:8px}.input-unit{height:46px;display:flex;align-items:center;background:#101e2d;border:1px solid #34485f;border-radius:7px;padding-right:12px}.input-unit:focus-within{border-color:#5499ba}.input-unit input{background:transparent;border:0;box-shadow:none;width:100%;font-size:20px;font-variant-numeric:tabular-nums;padding:10px 12px;font-weight:600;min-width:0}.input-unit>span{color:#839bb1;font-size:12px}.quick-lots{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:9px}.quick-lots button{background:#162436;border:1px solid #2b3b50;border-radius:5px;color:#92a6bb;padding:7px 3px;font-size:10px}.quick-lots button:hover{color:#e8f3ff;border-color:#5b85a4}.order-preview{margin:15px 0;color:#8198b0;font-size:11px;line-height:1.5;min-height:32px}.order-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.order-buttons button{border:0;color:#fff;font-size:13px;font-weight:700;border-radius:7px;padding:13px 6px;display:flex;align-items:center;justify-content:center;gap:7px}.order-buttons button span{font-size:9px;opacity:.75;letter-spacing:.9px}.buy-btn{background:linear-gradient(115deg,#d04459,#f05a70)}.sell-btn{background:linear-gradient(115deg,#168f72,#24b28b)}.order-buttons button:hover{filter:brightness(1.1)}.trade-note{font-size:10px;line-height:1.7;color:#657d94;margin:12px 0 0}.leaderboard{display:flex;flex-direction:column;gap:8px}.leader-row{padding:12px;background:#121f2e;border:1px solid #233349;border-radius:8px}.leader-row.mine{border-color:#375670;background:#142536}.leader-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.leader-who{display:flex;align-items:center;gap:8px;min-width:0}.leader-rank{color:#627b91;font-size:10px;font-weight:700;width:14px}.player-dot{width:10px;height:10px;flex:0 0 10px;border-radius:3px;box-shadow:0 0 8px currentColor}.leader-name{font-size:12px;font-weight:600;white-space:nowrap;max-width:115px;overflow:hidden;text-overflow:ellipsis}.mine-label{color:#52bbe9;font-size:10px}.leader-return{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.leader-facts{display:grid;grid-template-columns:1fr 1fr;row-gap:4px;column-gap:10px;color:#7890a8;font-size:10px}.leader-facts b{color:#adbed0;font-weight:500;font-variant-numeric:tabular-nums}.leader-track{width:100%;height:3px;border-radius:3px;background:#243346;margin-top:10px;overflow:hidden}.leader-track span{display:block;height:100%;border-radius:3px;background:#45abd1}.trade-feed{display:flex;flex-direction:column;gap:7px;max-height:280px;overflow:auto;scrollbar-width:thin}.feed-row{border-bottom:1px solid #1d2b3d;padding:9px 0 10px;display:flex;gap:9px;align-items:flex-start}.feed-side{flex:0 0 auto;display:inline-block;padding:3px 6px;border-radius:4px;background:#3e222f;color:#ff8799;font-size:10px}.feed-side.sell{background:#153e38;color:#6bdab5}.feed-info{min-width:0;flex:1}.feed-info strong{font-weight:600;font-size:11px}.feed-info small{display:block;color:#7188a0;margin-top:5px;font-size:10px}.feed-price{text-align:right;font-size:11px;font-variant-numeric:tabular-nums;color:#d7e3ef}.feed-price small{display:block;color:#7088a0;font-size:10px;margin-top:4px}.empty-hint{padding:13px 0;color:#687f96;font-size:11px}.host-card{background:#122135}.host-details{display:grid;grid-template-columns:1fr 1fr;gap:12px}.host-item span{display:block;color:#819ab0;font-size:10px;margin-bottom:5px}.host-item b{font-size:11px;font-weight:600;color:#d3eaff}.host-item.full{grid-column:1/-1}
/* Welcome screen */
.welcome{min-height:100dvh;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 13% 63%,#10293f 0%,#09131f 35%,#090e17 75%);overflow:auto}.welcome-backdrop{pointer-events:none;position:absolute;inset:0;overflow:hidden}.glow-orb{position:absolute;border-radius:50%;filter:blur(75px)}.orb-one{width:440px;height:440px;background:#0a799028;left:-180px;top:25%}.orb-two{width:420px;height:420px;background:#5041a91c;right:-200px;bottom:-200px}.ghost-candles{position:absolute;left:4%;bottom:20%;width:44%;height:55%;display:flex;align-items:center;gap:clamp(13px,2vw,35px);opacity:.22;transform:rotate(-7deg)}.ghost-candles i{display:block;position:relative;width:17px;min-width:9px;height:15%;border-radius:3px;background:#40cfa3}.ghost-candles i:before{content:"";position:absolute;width:2px;height:190%;top:-45%;left:50%;background:inherit}.ghost-candles i:nth-child(2){height:37%;margin-top:30%;background:#e9546b}.ghost-candles i:nth-child(3){height:22%;margin-top:-20%}.ghost-candles i:nth-child(4){height:45%;margin-top:-25%}.ghost-candles i:nth-child(5){height:21%;margin-top:38%;background:#e9546b}.ghost-candles i:nth-child(6){height:52%;margin-top:-18%}.ghost-candles i:nth-child(7){height:38%;margin-top:-30%;background:#e9546b}.ghost-candles i:nth-child(8){height:45%;margin-top:-43%}.ghost-candles i:nth-child(9){height:26%;margin-top:-35%}.ghost-candles i:nth-child(10){height:55%;margin-top:-50%;background:#e9546b}.welcome-layout{position:relative;z-index:1;width:min(1180px,calc(100vw - 90px));display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,450px);align-items:center;gap:clamp(40px,7vw,130px);padding:45px 0}.welcome-hero{padding:34px 0}.hero-eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1.2px;color:#a1becf;margin-bottom:24px}.welcome-hero h1{margin:0;font-size:clamp(42px,5.2vw,71px);line-height:1.19;letter-spacing:-2.5px;font-weight:750}.welcome-hero h1 span{background:linear-gradient(100deg,#6de4f5,#8faef7);background-clip:text;-webkit-background-clip:text;color:transparent}.welcome-hero>p{color:#9badc2;font-size:14px;line-height:2;max-width:505px;margin:27px 0 37px}.hero-highlights{display:flex;gap:29px}.hero-highlights div{display:flex;flex-direction:column;gap:8px}.hero-highlights b{font-size:23px;font-weight:650;color:#6ccde5;font-family:Consolas,monospace}.hero-highlights span{color:#b1c2d4;font-size:11px}.hero-disclaimer{color:#627d95;font-size:10px;margin-top:76px}.welcome-panel{background:#111c2ce8;border:1px solid #344558;border-radius:17px;box-shadow:0 30px 100px #0009,0 0 0 6px #ffffff04;padding:34px 34px 25px;max-height:calc(100dvh - 60px);overflow:auto;scrollbar-width:thin}.panel-kicker{font-size:10px;color:#68bdda;letter-spacing:2px}.panel-heading h2{font-size:25px;margin:10px 0 8px;letter-spacing:-.7px}.panel-heading p{color:#8497af;font-size:12px;margin:0}.entry-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:26px 0 24px;background:#0a1420;padding:5px;border-radius:10px}.entry-tabs button{border:0;border-radius:7px;background:transparent;color:#8295a9;padding:12px;font-weight:650}.entry-tabs button.active{background:#243d52;color:#dceefc;box-shadow:0 2px 8px #0003}.entry-form{display:flex;flex-direction:column;gap:15px}.form-field{display:flex;flex-direction:column;gap:8px;min-width:0}.form-field>label{color:#bdcadb;font-size:11px;font-weight:600}.form-field>label span{font-weight:400;color:#617f98}.form-field>small{font-size:10px;line-height:1.5;color:#64809c}.form-field>input,.form-field>select{width:100%;height:43px;padding:0 12px;font-size:12px;background:#0d1724}.form-field input::placeholder{color:#4f657b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-option{border:1px solid #2a3b50;background:#0e1928;border-radius:9px;display:flex;flex-direction:column;gap:7px;padding:13px;cursor:pointer;position:relative;transition:border-color .15s}.mode-option input{position:absolute;right:10px;top:11px;accent-color:#50c2e3}.mode-option b{font-size:12px}.mode-option small{font-size:10px;color:#748ca3}.mode-option.active{border-color:#4f8da9;background:#193044}.room-fields{display:flex;flex-direction:column;gap:15px;padding:4px 0}.owner-info{padding:10px 12px;background:#153044;border:1px solid #30516a;color:#9cbcd0;border-radius:7px;font-size:11px;line-height:1.7}.submit-btn{margin-top:5px;border:0;border-radius:8px;background:linear-gradient(100deg,#087fa7,#309ec1);color:white;font-size:13px;font-weight:700;height:49px;display:flex;justify-content:center;align-items:center;gap:14px}.submit-btn:hover{filter:brightness(1.1)}.submit-btn span{font-size:20px;font-weight:400}.form-note,.panel-foot{color:#6c8298;font-size:10px;line-height:1.7;margin:0}.panel-foot{margin-top:20px;border-top:1px solid #28384c;padding-top:16px}
.toast-container{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:50;display:flex;flex-direction:column;gap:8px;max-width:min(90vw,620px);pointer-events:none}.toast{pointer-events:auto;max-width:100%;background:#183146;border:1px solid #3e7899;color:#dbf4ff;box-shadow:0 15px 50px #0009;border-radius:9px;padding:12px 18px;font-size:12px;line-height:1.5}.toast.error{background:#452331;border-color:#a34d61;color:#ffd4de}
@media(max-width:1180px){.topbar{padding:0 16px}.replaybar{padding:0 16px}.metric{padding:17px 14px}.sidebar{width:318px;flex-basis:318px;max-width:38vw}.ind-group{gap:8px}.chart-toolbar{gap:14px}.chart-corner{right:72px}.brand{min-width:194px}.brand-copy span{letter-spacing:1px}}
@media(max-width:850px){.app{height:auto;min-height:100dvh;overflow:visible}.topbar{height:auto;min-height:60px;flex-wrap:wrap;gap:6px;padding:10px 14px}.brand{min-width:auto}.top-status{order:3;width:100%;font-size:11px}.replaybar{height:auto;padding:12px 14px;flex-wrap:wrap}.step-controls{width:100%;justify-content:flex-end}.metric-strip{height:auto;grid-template-columns:repeat(2,1fr)}.metric{padding:12px 14px}.workspace{flex-direction:column;overflow:visible}.chart-section{height:70vh;min-height:490px}.sidebar{width:100%;max-width:none;flex-basis:auto;display:grid;grid-template-columns:1fr 1fr}.sidebar.collapsed{display:none}.side-card{border-right:1px solid #28384a}.welcome-layout{width:min(550px,calc(100vw - 28px));grid-template-columns:1fr;gap:20px;padding:25px 0}.welcome-hero{padding:15px 12px}.welcome-hero h1{font-size:40px}.welcome-hero>p{margin:17px 0}.hero-highlights{gap:17px}.hero-disclaimer{margin-top:15px}.welcome-panel{max-height:none}.chart-bottom span:last-child{display:none}}
@media(max-width:580px){.metric-strip{grid-template-columns:repeat(2,1fr)}.metric-label span{display:none}.metric strong{font-size:17px}.sidebar{display:block}.chart-toolbar{padding:0 10px}.chart-section{height:560px}.top-actions{gap:6px}.top-actions .invite{padding:5px;gap:5px}.invite span{display:none}.invite b{letter-spacing:.5px;font-size:11px}.topbar .small-btn{padding:6px}.welcome-panel{padding:24px 20px}.welcome-hero h1{font-size:37px}.replay-left{gap:8px}.last-price{font-size:19px}.step-controls{gap:5px}.step-controls label{display:none}.step-btn,.primary-btn{padding:8px;min-width:0}.chart-corner{display:none}}