.stock-page{background:linear-gradient(180deg,#08111b,#0e1724 45%,#090e18)}.stock-page #aurora{opacity:.24}.stock-main{padding:136px 0 70px}.back-home{display:grid;place-items:center;text-decoration:none}
.stock-intro{min-height:295px;display:flex;align-items:center;justify-content:space-between;position:relative}.stock-intro>div:first-child{position:relative;z-index:2}.stock-intro h1{font-size:clamp(50px,6.5vw,78px);line-height:1.02;margin:21px 0 20px}.stock-intro h1 em{font-style:normal;-webkit-text-stroke:0;color:#a5ecde;background:none;-webkit-text-fill-color:#a5ecde}.stock-intro p{max-width:610px;color:#afbdc9;line-height:1.8;font-size:14px;margin:0 0 18px}.stock-warning{display:inline-block;padding:8px 11px;border:1px solid #86ccbb44;background:#55bb9b13;border-radius:9px;font-size:11px;color:#91caba}.stock-hero-symbol{width:210px;height:210px;border:1px solid #8ce8ce55;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 0 25px #87dfd00b,0 0 0 55px #87dfd008,inset 0 0 50px #55cca628;flex:none}.stock-hero-symbol span{font:128px/1 Georgia,serif;color:#b2f8d9;text-shadow:0 0 28px #7ce9be}.stock-hero-symbol i{position:absolute;right:-7px;top:-17px;font-size:56px;font-style:normal;color:#a1d2ff}
.market-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:34px 0 17px}.metric-card{border-radius:20px;padding:21px 21px 19px;display:flex;flex-direction:column;min-height:145px}.metric-card>span{color:#94a9b6;font-size:12px}.metric-card strong{font-size:clamp(24px,2.5vw,31px);letter-spacing:-.035em;margin:16px 0 5px;font-variant-numeric:tabular-nums}.metric-card strong i{font-size:16px;font-style:normal;color:#728a9b}.metric-card small{font-size:11px;color:#7696a4}.metric-card .positive,.price-head .positive{color:#82eac8}.metric-card .negative,.price-head .negative{color:#f2a5a8}
.stock-layout{display:grid;grid-template-columns:.94fr 1.06fr;gap:17px}.stock-panel{border-radius:24px;padding:25px;min-width:0}.stock-panel-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.stock-panel-head h2{font-family:"DM Serif Display","Songti SC",serif;font-size:29px;font-weight:400;margin:9px 0 0}.stock-panel-head>span{font-size:11px;color:#90a3b2}.market-open{font-size:10px!important;color:#8de1c3!important}.stock-helper{font-size:12px;color:#8398a9;margin:13px 0 18px}
.stock-list{display:grid;gap:7px}.stock-row{display:grid;grid-template-columns:minmax(0,1fr) 75px 84px;align-items:center;gap:9px;min-height:67px;width:100%;padding:11px 13px;border:1px solid #ffffff10;border-radius:13px;background:#ffffff05;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.stock-row:hover{background:#ffffff0e;transform:translateX(2px)}.stock-row.active{background:#83d9d415;border-color:#86efce77}.stock-row-name{display:flex;align-items:center;gap:10px;min-width:0}.stock-avatar{width:37px;height:37px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--stock-bg);color:var(--stock-color);font-weight:700;font-size:17px}.stock-company{display:grid;gap:3px;min-width:0}.stock-company b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-company small{font-size:10px;color:#8096a5}.stock-row-price{text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.stock-row-change{text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.positive{color:#83eac8}.negative{color:#f4a4aa}
.event-card{border:1px solid #8adbc33a;background:linear-gradient(120deg,#7dddc316,#8d97e61a);border-radius:15px;margin:16px 0;padding:15px 17px}.event-card span{font-size:10px;letter-spacing:.1em;color:#7edac4}.event-card strong{display:block;margin:7px 0 3px;font-size:14px}.event-card p{font-size:11px;color:#a5b6c2;margin:0;line-height:1.6}.next-day{width:100%;justify-content:space-between;font-size:13px;min-height:46px}.next-day:disabled{opacity:.5;cursor:not-allowed}
.selected-symbol{padding:7px 11px;border:1px solid #ffffff25;border-radius:8px;font-family:monospace;font-size:12px!important;letter-spacing:.1em}.price-head{display:flex;align-items:baseline;gap:13px;margin:22px 0 14px}.price-head strong{font-size:37px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.price-head span{font-size:12px}.chart-shell{height:220px;position:relative;border:1px solid #ffffff12;border-radius:15px;background:linear-gradient(180deg,#76cfc311,transparent 70%);overflow:hidden}.chart-shell svg{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible}.chart-grid{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-evenly}.chart-grid span{display:block;border-top:1px dashed #ffffff16}.chart-legend{display:flex;justify-content:space-between;gap:5px;font-size:9px;color:#7e93a1;letter-spacing:.08em;margin:8px 1px 21px}.chart-legend span:nth-child(2){letter-spacing:0}
.order-panel{border-top:1px solid #ffffff1c;padding-top:18px}.order-head{display:flex;justify-content:space-between;font-size:12px;color:#a4b7c2}.order-head b{color:#eff8f6}.order-panel label{display:block;margin:18px 0 8px;color:#a4b7c2;font-size:12px}.amount-row{display:flex;gap:9px}.amount-row input{min-width:0;flex:1;height:44px;padding:0 13px;background:#070e1b;border:1px solid #ffffff27;border-radius:11px;color:white;font:inherit;outline:none}.amount-row input:focus{border-color:#89e7d2}.amount-row button{width:68px;background:#ffffff0c;border:1px solid #ffffff27;border-radius:11px;color:#c5d8dc;cursor:pointer}.trade-hint{font-size:10px;color:#7c91a0;margin:8px 0 15px}.trade-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.trade-actions .button{min-height:45px;font-size:13px}.trade-message{min-height:18px;color:#9ee9ce;font-size:11px;margin:11px 0 0}.trade-message.error{color:#f2a7ad}
.stock-results{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:17px}.portfolio-list,.trade-log{min-height:160px;max-height:270px;overflow:auto;margin-top:16px}.empty-state{display:grid;place-items:center;min-height:130px;border:1px dashed #ffffff1f;border-radius:13px;color:#718997;font-size:12px;text-align:center;padding:20px}.portfolio-row,.log-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 2px;border-bottom:1px solid #ffffff13;font-size:12px}.portfolio-row:last-child,.log-row:last-child{border:0}.portfolio-row>div:first-child,.log-row>div:first-child{display:grid;gap:5px}.portfolio-row small,.log-row small{color:#7790a0}.portfolio-row>div:last-child,.log-row>div:last-child{text-align:right}.portfolio-row b,.log-row b{display:block;margin-bottom:5px}.record-panel{margin-top:17px;padding:28px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:radial-gradient(circle at 80% 50%,#5ad2ac1b,transparent 42%),var(--glass)}.record-panel h2{font-family:"DM Serif Display","Songti SC",serif;font-size:29px;font-weight:400;margin:11px 0}.record-panel p{font-size:12px;color:#94a9b7;margin:0 0 13px}.achievement-list{display:flex;flex-wrap:wrap;gap:7px}.achievement-list span{padding:7px 10px;border:1px solid #ffffff21;border-radius:99px;color:#9cafbc;font-size:10px}.achievement-list span.earned{color:#95efd0;background:#79dec917;border-color:#7de7ce55}.record-panel .button{flex:none;font-size:12px}.stock-footer{display:flex;justify-content:space-between;gap:10px;padding:29px 0;color:#718797;font-size:11px}.stock-footer a:hover{color:#9ae8d2}
@media(max-width:900px){.market-dashboard{grid-template-columns:repeat(2,1fr)}.stock-layout{grid-template-columns:1fr}.stock-results{grid-template-columns:1fr}}
@media(max-width:600px){.stock-main{padding-top:115px}.stock-intro{min-height:0;padding-bottom:18px}.stock-intro h1{font-size:50px}.stock-intro p{font-size:12px}.stock-warning{font-size:10px;line-height:1.5}.stock-hero-symbol{position:absolute;right:-50px;top:12px;opacity:.25;width:145px;height:145px}.stock-hero-symbol span{font-size:85px}.market-dashboard{gap:9px;margin-top:22px}.metric-card{padding:15px;min-height:110px}.metric-card strong{font-size:24px;margin:11px 0 4px}.stock-panel{padding:19px}.stock-row{grid-template-columns:minmax(0,1fr) 65px 70px;padding:9px;gap:4px}.stock-avatar{width:30px;height:30px;font-size:14px}.stock-company b{font-size:11px}.stock-row-price,.stock-row-change{font-size:11px}.record-panel{display:block}.record-panel .button{margin-top:20px}.stock-footer{display:grid;gap:8px}.chart-shell{height:180px}}
@media(prefers-reduced-motion:reduce){.stock-row,.button{transition:none}}
.chart-toolbar{display:flex;justify-content:space-between;align-items:center;gap:9px;margin:1px 0 14px}.chart-switch{display:flex;gap:3px;padding:3px;border:1px solid #ffffff1c;border-radius:10px;background:#06101c99}.chart-switch button{border:0;background:transparent;color:#8ba4b3;padding:8px 11px;border-radius:7px;font-size:11px;cursor:pointer;white-space:nowrap}.chart-switch button.selected{background:#86dec01f;color:#b4f5e0}.chart-switch button:focus-visible,.chart-controls button:focus-visible,#priceChart:focus-visible{outline:2px solid #9bead8;outline-offset:2px}
.ohlc-strip{display:flex;align-items:center;flex-wrap:wrap;gap:9px 14px;padding:10px 12px;margin-bottom:10px;border:1px solid #ffffff15;border-radius:10px;background:#ffffff05;font-size:10px;color:#a3b8c5;font-variant-numeric:tabular-nums}.ohlc-strip b{color:#e0f2f4;font-weight:600;margin-left:3px}.ohlc-strip>span:first-child{color:#80d9c4;font-weight:700;letter-spacing:.06em}
.chart-shell{height:300px}.chart-shell svg{cursor:crosshair}.chart-shell svg .candle-hit{cursor:crosshair}.chart-shell svg .candle-selected{filter:drop-shadow(0 0 5px #b3ffeb)}.chart-grid{display:none}.chart-legend{align-items:center;margin-bottom:8px}.chart-key{display:flex;align-items:center;gap:5px;color:#9caeba}.chart-key i{display:inline-block;width:12px;height:2px;margin-left:5px}.key-ma5{background:#e7c782}.key-ma10{background:#ab9bf6}.key-volume{background:#8bc7bd;height:7px!important}.chart-controls{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0 0 18px;color:#8095a3;font-size:10px}.chart-controls button{min-height:36px;padding:0 10px;border:1px solid #ffffff20;border-radius:9px;background:#ffffff08;color:#c5dce0;cursor:pointer;font-size:10px}.chart-controls button:disabled{opacity:.35;cursor:default}
.stock-insights{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:17px}.stock-insights .stock-panel{min-height:302px}.equity-summary{display:flex;gap:19px;flex-wrap:wrap;margin:20px 0 12px;color:#8fa9b8;font-size:11px}.equity-summary b{color:#dce9ed;margin-left:6px;font-variant-numeric:tabular-nums}.equity-chart-shell{height:174px;border:1px solid #ffffff12;border-radius:14px;background:#0a1723aa;overflow:hidden}.equity-chart-shell svg{height:100%;width:100%}.daily-table-wrap{overflow-x:auto;margin-top:16px}.daily-table{width:100%;border-collapse:collapse;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.daily-table th,.daily-table td{text-align:right;padding:10px 6px;border-bottom:1px solid #ffffff14}.daily-table th:first-child,.daily-table td:first-child{text-align:left}.daily-table th{color:#8ea6b3;font-weight:500}.daily-table td{color:#d6e5e9}.daily-table tr:last-child td{border-bottom:0}.daily-table tbody tr{cursor:pointer}.daily-table tbody tr:hover,.daily-table tbody tr.selected{background:#69ddc916}
@media(max-width:900px){.stock-insights{grid-template-columns:1fr}}
@media(max-width:600px){.chart-toolbar{flex-wrap:wrap}.chart-switch{flex:1;justify-content:center}.chart-switch button{flex:1}.ohlc-strip{gap:6px 10px}.chart-shell{height:265px}.chart-legend{font-size:9px}.chart-controls span{display:none}.chart-controls button{min-height:44px;min-width:92px}.daily-table{font-size:9px}.daily-table th,.daily-table td{padding:9px 5px}}
.day-action{display:grid;gap:9px;margin-top:16px;padding-top:15px;border-top:1px solid #ffffff1c}.day-action>span{font-size:10px;letter-spacing:.06em;color:#83a5ad}.day-action .next-day{background:#86dec014;border:1px solid #80dfc45c;color:#b8f4e2}.day-action .next-day:hover{background:#86dec027;border-color:#9cf2d8}.day-action .next-day:focus-visible{outline:2px solid #9bead8;outline-offset:2px}