:root{color:#f7f9ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#07090e;font-family:Inter,Segoe UI,Arial,sans-serif}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}#root{width:100%;min-height:100vh}h1,h2,h3,p{margin-top:0}button,a{-webkit-tap-highlight-color:transparent}:root{--eclipse-white:#f7f9ff;--eclipse-muted:#929bad;--eclipse-dim:#626c7d;--eclipse-border:#c4d5f41f;--eclipse-glow:#dcedff47;--eclipse-blue:#a8d9ff}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--eclipse-white);background:radial-gradient(at 78% 8%,#4f6e9b1c,#0000 35%),radial-gradient(at 20% 85%,#3d537814,#0000 35%),#07090e;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #e8f5ff}button:disabled{cursor:not-allowed}.dashboard{grid-template-columns:210px minmax(0,1fr);gap:28px;max-width:1800px;min-height:100vh;margin:0 auto;padding:24px;display:grid}.glass{border:1px solid var(--eclipse-border);-webkit-backdrop-filter:blur(18px);background:linear-gradient(145deg,#131720e0,#0a0c12f0);box-shadow:0 12px 45px #0000002e,inset 0 1px #ffffff09}.sidebar{border-radius:19px;flex-direction:column;height:calc(100vh - 48px);min-height:520px;padding:23px 13px 16px;display:flex;position:sticky;top:24px;overflow:hidden}.brand{border-bottom:1px solid #dce8ff17;align-items:center;gap:10px;padding:3px 2px 25px;display:flex}.eclipse-logo{color:#fff;background:radial-gradient(circle,#a7c7ed 0%,#28364b 37%,#10151f 72%);border-radius:12px;flex:none;place-items:center;width:36px;height:36px;font-size:25px;display:grid;box-shadow:0 0 22px #b8dbff26}.brand-copy{min-width:0}.brand strong{letter-spacing:.8px;white-space:nowrap;font-size:18px;display:block}.brand small{color:var(--eclipse-muted);letter-spacing:1px;white-space:nowrap;margin-top:5px;font-size:10px;display:block}.nav-caption,.eyebrow{color:#a2adbf;letter-spacing:1.8px;font-size:9px;font-weight:700}.nav-caption{padding:25px 8px 13px}.navigation{gap:7px;display:grid}.nav-item{color:#9ba4b5;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;min-height:43px;padding:14px 12px;font-size:16px;font-weight:600;transition:all .18s;display:flex}.nav-item:hover{color:#fff;background:#c6deff0e;border-color:#cde0ff1a}.nav-icon{text-align:center;color:#d5e8ff;width:18px;font-size:17px}.sidebar-bottom{margin-top:auto}.sidebar-note{color:#8490a3;letter-spacing:.5px;white-space:nowrap;border:1px solid #c4d5f417;border-radius:10px;align-items:center;gap:7px;margin-bottom:11px;padding:12px 8px;font-size:7px;display:flex}.status-dot{background:#d7efff;border-radius:50%;flex:none;width:6px;height:6px;display:inline-block;box-shadow:0 0 10px #c0e4ffbf}.logout-button{color:#8792a4;text-align:left;opacity:.8;background:#ffffff06;border:1px solid #c4d5f41a;border-radius:10px;width:100%;padding:12px;font-size:11px}.main-content{min-width:0;padding:4px 0}.topbar{justify-content:space-between;align-items:center;gap:18px;margin:0 0 24px;display:flex}.topbar-brand{gap:7px;display:grid}.topbar .eyebrow{margin:0}.breadcrumb{color:#a3adbd;letter-spacing:.4px;font-size:11px}.breadcrumb span{color:#647184;padding:0 8px}.connect-button{color:#f3f8ff;white-space:nowrap;background:linear-gradient(135deg,#e8f3ff1c,#a0c0e80a);border:1px solid #d7e9ff2b;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:39px;padding:0 15px;font-size:10px;font-weight:600;display:inline-flex}.discord-mark{font-size:16px}.hero-panel{background:radial-gradient(at 78% 48%,#9ec6f217,#0000 42%),linear-gradient(115deg,#12161ffa,#090c13f5);border-radius:21px;align-items:center;min-height:310px;padding:37px 34px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:3;width:55%;max-width:480px;position:relative}.pill{color:#d6e8fc;letter-spacing:1.1px;white-space:nowrap;background:#d5e9ff0b;border:1px solid #d2e6ff29;border-radius:30px;align-items:center;gap:8px;padding:8px 10px;font-size:8px;display:inline-flex}.hero-copy h1{letter-spacing:-1.9px;color:#fff;margin:23px 0 13px;font-size:clamp(34px,3.7vw,51px);font-weight:750;line-height:1.08}.hero-copy h1 span{color:#c5e5ff;text-shadow:0 0 32px #bedfff2e;display:block}.hero-description{color:#a4afc0;max-width:320px;font-size:11px;line-height:1.9}.hero-footnote{color:#8d9aab;letter-spacing:1.05px;white-space:nowrap;align-items:center;gap:9px;margin-top:29px;font-size:7px;display:flex}.celestial-scene{isolation:isolate;width:54%;height:100%;position:absolute;top:0;right:0;overflow:hidden}.celestial-halo{aspect-ratio:1;pointer-events:none;border-radius:50%;position:absolute;top:50%;left:56%;transform:translate(-50%,-50%)}.halo-outer{filter:blur(10px);background:radial-gradient(circle,#a2cfff1c,#78ade60b 45%,#0000 70%);width:260px}.halo-inner{border:1px solid #cce6ff21;width:205px;box-shadow:0 0 40px #bdddff14,inset 0 0 35px #bdddff09}.celestial-bubble{aspect-ratio:1;z-index:2;background:radial-gradient(at 34% 25%,#fffffffa 0%,#ecf8ffd9 3%,#c0e0ff6e 11%,#0000 29%),radial-gradient(at 36% 31%,#cceaff 0%,#88b8e5 14%,#41668c 34%,#1b2b40 57%,#0b111d 74%);border:1px solid #f0f9ffe0;border-radius:50%;width:clamp(130px,15vw,188px);position:absolute;top:50%;left:56%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 8px #eaf7fff2,0 0 23px #c3e2ff85,0 0 58px #84baf538,inset 8px 5px 20px #f5fbff73,inset -23px -18px 42px #000000b8}.bubble-highlight{filter:blur(7px);background:linear-gradient(90deg,#0000,#ffffffc7,#0000);border-radius:50%;width:56%;height:19%;position:absolute;top:12%;left:10%;transform:rotate(-37deg)}.bubble-core{background:radial-gradient(circle at 37% 30%,#eff9ff4d,#0000 37%);border-radius:50%;width:80%;height:80%;position:absolute;top:12%;left:11%}.bubble-shadow{background:linear-gradient(135deg,#0000 38%,#03070e1a 54%,#03070ed6 100%);border-radius:50%;position:absolute;inset:0}.light-trail{z-index:3;pointer-events:none;border:1px solid #d1ebff94;border-radius:50%;width:135%;height:34%;position:absolute;top:35%;left:-17%;transform:rotate(-24deg)}.trail-two{z-index:1;border-color:#9ecfff38;width:145%;height:43%;top:29%;left:-23%;transform:rotate(22deg)}.trail-three{z-index:1;border-color:#ebf7ff2e;width:120%;height:25%;top:39%;left:-8%;transform:rotate(-42deg)}.celestial-star{color:#e4f3ff;text-shadow:0 0 13px #c4e2ffcc;position:absolute}.star-one{font-size:17px;top:19%;left:22%}.star-two{font-size:21px;top:24%;right:11%}.star-three{font-size:28px;bottom:19%;left:17%}.star-four{font-size:13px;bottom:24%;right:13%}.star-five{font-size:24px;top:68%;right:27%}.section-heading{justify-content:space-between;align-items:end;gap:16px;margin:30px 0 15px;display:flex}.section-heading .eyebrow{margin:0 0 8px}.section-heading h2{color:#fff;letter-spacing:-.4px;margin:0;font-size:21px;font-weight:650}.live-tag{color:#b7c9df;letter-spacing:1.1px;border:1px solid #c4d5f41f;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:7px;display:inline-flex}.balance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.balance-card{border-radius:17px;min-width:0;padding:21px;transition:all .18s}.balance-card:hover{border-color:#d2e6ff3d;box-shadow:0 0 30px #90bff70f}.balance-top{align-items:center;gap:10px;display:flex}.balance-icon{color:#d8edff;background:#c6e0ff12;border:1px solid #cde6ff21;border-radius:11px;place-items:center;width:37px;height:37px;font-size:23px;display:grid}.bank-icon{color:#b5d7fa}.card-label{color:#929fb2;letter-spacing:1.2px;font-size:18px;font-weight:1000}.card-menu{color:#77859a;letter-spacing:2px;margin-left:auto;font-size:12px}.balance-label{color:#aab5c5;margin-top:22px;font-size:18px;font-weight:900}.balance-value{color:#fff;letter-spacing:-.8px;margin-top:8px;font-size:clamp(27px,3vw,36px);font-weight:700;line-height:1.25}.balance-value span{color:#b6c9df;letter-spacing:0;font-size:11px;font-weight:500}.balance-divider{background:linear-gradient(90deg,#c0dbfa33,#0000);height:1px;margin:20px 0 13px}.balance-foot{color:#8794a7;font-size:9px}.dashboard-footer{color:#707d90;letter-spacing:.9px;border-top:1px solid #c4d5f417;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:26px;padding:17px 2px;font-size:7px;display:flex}.footer-separator{color:#b7d8fa;padding:0 4px}.footer-star{color:#d7efff}@media (width>=1500px){.dashboard{gap:32px;padding:30px}.sidebar{height:calc(100vh - 60px);top:30px}.hero-panel{min-height:350px;padding:42px}}@media (width<=1050px){.dashboard{grid-template-columns:210px minmax(0,1fr);gap:18px;padding:16px}.sidebar{height:calc(100vh - 32px);padding-inline:12px;top:16px}.hero-panel{min-height:300px;padding:27px 23px}.hero-copy{width:60%}.celestial-scene{width:48%}.balance-card{padding:17px}}@media (width<=720px){.dashboard{flex-direction:column;gap:18px;padding:12px;display:flex}.sidebar{border-radius:16px;width:100%;height:auto;min-height:0;padding:13px;position:relative;top:auto}.brand{padding-bottom:13px}.nav-caption,.sidebar-bottom{display:none}.navigation{gap:7px;padding-top:12px;display:flex;overflow-x:auto}.nav-item{min-width:max-content;min-height:38px;padding:0 10px;font-size:10px}.main-content{padding:0}.topbar{align-items:center;margin-bottom:16px}.topbar .eyebrow{letter-spacing:1.2px;font-size:7px}.breadcrumb{font-size:9px}.connect-button{gap:6px;min-height:35px;padding:0 9px;font-size:9px}.hero-panel{align-items:start;min-height:405px;padding:25px 20px 175px}.hero-copy{width:100%}.hero-copy h1{margin-top:17px;font-size:clamp(33px,9vw,43px)}.hero-description{font-size:10px}.hero-footnote{letter-spacing:.7px;margin-top:18px;font-size:6px}.celestial-scene{width:100%;height:210px;top:auto;bottom:0}.celestial-bubble{width:145px;top:52%;left:55%}.celestial-halo{left:55%}.light-trail{width:100%;top:36%;left:0}.trail-two{width:110%;top:30%;left:-5%}.trail-three{width:100%;left:0}.section-heading{margin-top:25px}.section-heading h2{font-size:19px}.balance-grid{grid-template-columns:1fr;gap:12px}.balance-card{padding:19px}.balance-value{font-size:32px}.dashboard-footer{font-size:6px;line-height:1.8}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.leaderboard-card{isolation:isolate;background:radial-gradient(at 8% 0,#7543d330,#0000 42%),radial-gradient(at 95% 100%,#47369b24,#0000 40%),linear-gradient(145deg,#131022fa,#080811fa);border:1px solid #a57eff33;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 12px 40px #00000029}.leaderboard-card:before{content:"";z-index:-1;pointer-events:none;opacity:.4;background-image:radial-gradient(circle at 12% 20%,#c7b4ff 0 1px,#0000 1.5px),radial-gradient(circle at 82% 15%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 68% 73%,#a58aff 0 1px,#0000 1.5px),radial-gradient(circle at 28% 88%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 94% 48%,#c7b4ff 0 1px,#0000 1.5px);background-size:190px 160px;position:absolute;inset:0}.leaderboard-list{flex-direction:column;gap:10px;display:flex;position:relative}.leaderboard-row{background:linear-gradient(110deg,#ffffff0b,#ffffff03);border:1px solid #b299ff1c;border-radius:14px;align-items:center;gap:14px;min-width:0;padding:13px 16px;transition:background .18s,border-color .18s,transform .18s;display:flex}.leaderboard-row:hover{background:linear-gradient(110deg,#8b5cf621,#ffffff06);border-color:#b28fff61;transform:translateY(-2px)}.leaderboard-rank{color:#c9b5ff;background:#9469ff1a;border:1px solid #aa89ff2e;border-radius:10px;flex:0 0 34px;place-items:center;height:34px;font-size:12px;font-weight:800;display:grid}.leaderboard-row:first-child .leaderboard-rank{color:#ffe6a1;background:#ffc44a1f;border-color:#ffcf6461}.leaderboard-row:nth-child(2) .leaderboard-rank{color:#e3e8f4;background:#c6d1e71a;border-color:#c6d1e747}.leaderboard-row:nth-child(3) .leaderboard-rank{color:#e9b38c;background:#cd814c1a;border-color:#cd814c47}.leaderboard-avatar{object-fit:cover;border:2px solid #b18fff61;border-radius:50%;flex:0 0 42px;width:42px;height:42px;box-shadow:0 0 16px #8b5cf61f}.leaderboard-avatar-fallback{color:#e6dcff;background:linear-gradient(145deg,#483078,#171225);place-items:center;font-weight:700;display:grid}.leaderboard-username{color:#f1edff;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.leaderboard-balance{color:#cbb5ff;text-align:right;white-space:nowrap;text-shadow:0 0 18px #a67dff26;flex:none;font-size:13px;font-weight:750}@media (width<=600px){.leaderboard-row{gap:9px;padding:11px 9px}.leaderboard-rank{flex-basis:30px;height:30px;font-size:11px}.leaderboard-avatar{flex-basis:36px;width:36px;height:36px}.leaderboard-username{font-size:12px}.leaderboard-balance{font-size:11px}}#crystals-lb .eyebrow,#crystals-lb .live-tag{font-size:14px;font-weight:800}.nav-item.active{font-weight:700}.stock-market{--market-bg:#050507;--panel-bg:#0d0d11;--border:#303037;--white:#fff;--muted:#9999a5;--green:#fff;--red:#a0a0aa;width:100%;min-width:0;color:var(--white);background:var(--market-bg);box-sizing:border-box;padding:24px;font-family:inherit}.stock-market *{box-sizing:border-box}.stock-market h1,.stock-market h2,.stock-market h3,.stock-market p{margin-top:0}.market-heading{margin-bottom:32px}.market-heading h1{color:var(--white);letter-spacing:-1px;margin-bottom:0;font-size:clamp(26px,3vw,36px);font-weight:800}.companies-section{margin-bottom:30px}.companies-section>h2,.trade-panel>h2,.details-panel>h2,.holdings-heading>h2{color:var(--muted);margin-bottom:16px;font-size:15px;font-weight:700}.company-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.company-tab{border:1px solid var(--border);min-width:0;color:var(--white);text-align:left;cursor:pointer;background:#101014;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;transition:border-color .16s,background .16s;display:flex}.company-tab:hover{border-color:#777780}.company-tab.active{border-color:var(--white);background:var(--white);color:#050507}.company-tab strong{letter-spacing:.4px;font-size:15px}.company-tab span{max-width:100%;color:inherit;opacity:.68;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.selected-company{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.selected-company h2{margin-bottom:8px;font-size:21px}.company-full-name{color:var(--muted);font-size:14px;font-weight:400}.selected-price{letter-spacing:-.6px;overflow-wrap:anywhere;font-size:clamp(23px,3vw,31px);font-weight:800}.price-change{background:#101014;border:1px solid #3b3b44;border-radius:12px;flex-direction:column;align-items:flex-end;gap:7px;padding:13px 16px;display:flex}.price-change span,.available-balance>span,.detail-highlight>span,.detail-row>span,.holding-metrics span,.holding-top>div>span,.holdings-total>span{color:var(--muted);font-size:12px}.price-change strong{font-size:16px}.market-chart{box-sizing:border-box;width:100%;min-width:0;margin-top:18px}.chart-grid{stroke:#25252d;stroke-width:.7px}.chart-area{fill:#fff;opacity:.06}.chart-line{fill:none;stroke:#fff;stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:#fff}.chart-footer{color:var(--muted);justify-content:space-between;gap:12px;margin-top:12px;font-size:12px;display:flex}.trade-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:36px;display:grid}.market-panel{border:1px solid var(--border);background:var(--panel-bg);border-radius:14px;min-width:0;padding:20px}.trade-panel,.details-panel{flex-direction:column;gap:16px;display:flex}.trade-panel>h2,.details-panel>h2{color:var(--white);margin-bottom:0;font-size:17px}.available-balance{background:#08080a;border:1px solid #3b3b44;border-radius:10px;flex-direction:column;gap:8px;padding:15px;display:flex}.available-balance strong{overflow-wrap:anywhere;font-size:20px}.trade-panel label{color:var(--muted);margin-bottom:-10px;font-size:12px}.trade-panel input{width:100%;min-height:44px;color:var(--white);font:inherit;background:#050507;border:1px solid #38383f;border-radius:9px;outline:none;padding:11px 12px}.trade-panel input:focus{border-color:var(--white)}.estimated-cost{color:var(--muted);overflow-wrap:anywhere;margin-bottom:0;font-size:12px}.trade-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.trade-buttons button{min-height:44px;font:inherit;cursor:pointer;border-radius:9px;font-weight:700;transition:opacity .16s,background .16s}.trade-buttons button:hover{opacity:.8}.buy-button{border:1px solid var(--white);background:var(--white);color:#050507}.sell-button{color:var(--white);background:0 0;border:1px solid #52525b}.detail-highlight{border-bottom:1px solid #29292f;flex-direction:column;gap:8px;padding:15px 0;display:flex}.detail-highlight strong{font-size:26px}.detail-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.detail-row strong{text-align:right;overflow-wrap:anywhere;font-size:13px}.holdings-section{flex-direction:column;gap:14px;display:flex}.holdings-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.holdings-heading>h2{color:var(--white);margin-bottom:0;font-size:22px}.holdings-heading>span{color:var(--muted);font-size:12px}.holdings-list{flex-direction:column;gap:12px;display:flex}.holding-card{flex-direction:column;gap:18px;display:flex}.holding-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.holding-top>div,.holding-value{flex-direction:column;gap:7px;display:flex}.holding-top h3{margin-bottom:0;font-size:17px}.holding-value{text-align:right;align-items:flex-end}.holding-value>strong{overflow-wrap:anywhere;font-size:17px}.profit{color:#fff!important}.loss{color:#a0a0aa!important}.holding-value>span{overflow-wrap:anywhere;font-size:12px}.holding-metrics{border-top:1px solid #29292f;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:16px;display:grid}.holding-metrics>div{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.holding-metrics strong{overflow-wrap:anywhere;font-size:12px}.holdings-total{background:#101014;flex-direction:column;gap:9px;display:flex}.holdings-total>strong{overflow-wrap:anywhere;font-size:25px}.holdings-total>span:last-child{font-size:12px}.empty-holdings{color:var(--muted)}@media (width<=700px){.stock-market{padding:16px}.company-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-layout{grid-template-columns:1fr}.market-chart svg{height:180px}}@media (width<=420px){.selected-company{flex-direction:column;align-items:flex-start}.price-change{align-items:flex-start}.holding-top{flex-direction:column}.holding-value{text-align:left;align-items:flex-start}.holding-metrics{grid-template-columns:1fr}}.account-balances{background:#08080a;border:1px solid #303037;border-radius:10px;flex-direction:column;gap:0;margin-top:4px;padding:0 14px;display:flex}.account-balance-row{justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.account-balance-row+.account-balance-row{border-top:1px solid #29292f}.account-balance-row span{color:#9999a5;font-size:12px}.account-balance-row strong{color:#fff;text-align:right;overflow-wrap:anywhere;font-size:13px}.market-chart svg{overflow:visible}.market-chart .chart-grid{stroke:#292333;stroke-width:.6px;opacity:.65}.market-chart .chart-area{fill:url(#eclipse-gradient);opacity:1}.market-chart .chart-line{fill:none;stroke:#b58aff;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #9b5cff80)}.market-chart .chart-point{fill:#e0caff;stroke:#a56aff;stroke-width:1.5px;filter:drop-shadow(0 0 5px #a56aff)}.market-chart{width:100%;min-width:0}.market-chart svg{width:100%;height:220px;display:block;overflow:hidden}