@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700&family=Noto+Sans+KR:wght@400;500;700&display=swap";:root{--bg-primary:#0f1219;--bg-secondary:#181c25;--bg-tertiary:#1f222e;--bg-elevated:#262a36;--glass-bg:#ffffff0a;--glass-bg-hover:#ffffff12;--glass-border:#ffffff14;--glass-border-hover:#ffffff24;--glass-blur:20px;--text-primary:#ffffffeb;--text-secondary:#ffffff94;--text-tertiary:#ffffff5c;--text-muted:#ffffff38;--color-up:#ee2b3e;--color-up-soft:#ee2b3e26;--color-up-glow:#ee2b3e59;--color-down:#0680f9;--color-down-soft:#0680f926;--color-down-glow:#0680f959;--color-flat:#fff6;--accent:#9855f6;--accent-soft:#9855f626;--accent-glow:#9855f64d;--gradient-accent:linear-gradient(135deg, #9855f6, #d342f0);--color-success:#22c365;--color-success-bg:#22c3651f;--color-error:#e23636;--color-error-bg:#e236361f;--color-warning:#f6a823;--color-warning-bg:#f6a8231f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(80% 60% at 50% 0,#39196626 0%,#0000 60%),radial-gradient(60% 50% at 80% 100%,#1433521a 0%,#0000 50%);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}@keyframes flash-up{0%{box-shadow:0 0 0 0 var(--color-up-glow);background-color:var(--color-up-soft)}50%{box-shadow:0 0 20px 4px var(--color-up-glow)}to{background-color:#0000;box-shadow:0 0 #0000}}@keyframes flash-down{0%{box-shadow:0 0 0 0 var(--color-down-glow);background-color:var(--color-down-soft)}50%{box-shadow:0 0 20px 4px var(--color-down-glow)}to{background-color:#0000;box-shadow:0 0 #0000}}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.15}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-6px)scaleY(.95)}to{opacity:1;transform:translateY(0)scaleY(1)}}@keyframes subtle-glow{0%,to{opacity:.6}50%{opacity:1}}.app-container{max-width:1440px;margin:0 auto;padding:16px 20px 32px;animation:.5s ease-out fade-in}.header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:8px;padding:16px 0 12px;display:flex}.header-left{align-items:baseline;gap:12px;display:flex}.header-title{font-family:var(--font-body);color:var(--text-primary);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.header-subtitle{color:var(--text-tertiary);font-size:.8rem;font-weight:400}.header-right{align-items:center;gap:12px;display:flex}.connection-status{transition:var(--transition-normal);border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:500;display:inline-flex}.connection-status.connected{background:var(--color-success-bg);color:var(--color-success);border:1px solid #22c36533}.connection-status.disconnected{background:var(--color-error-bg);color:var(--color-error);border:1px solid #e2363633;animation:2s ease-in-out infinite subtle-glow}.api-status-banner{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:8px;margin-bottom:16px;padding:10px 16px;font-size:.82rem;font-weight:500;animation:.3s ease-out slide-down;display:flex}.api-status-banner.success{background:var(--color-success-bg);color:var(--color-success);border:1px solid #22c36526}.api-status-banner.error{background:var(--color-error-bg);color:var(--color-error);border:1px solid #e2363626}.api-status-banner.warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid #f6a82326}.market-overview{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.index-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:var(--transition-normal);padding:20px 24px;position:relative;overflow:hidden}.index-card:before{content:"";background:var(--gradient-accent);opacity:0;height:2px;transition:var(--transition-normal);position:absolute;top:0;left:0;right:0}.index-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-2px)}.index-card:hover:before{opacity:1}.index-name{font-family:var(--font-display);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.85rem;font-weight:600}.index-price{font-family:var(--font-display);letter-spacing:-.02em;transition:color var(--transition-fast);margin-bottom:4px;font-size:2rem;font-weight:700}.index-price.up{color:var(--color-up)}.index-price.down{color:var(--color-down)}.index-change{font-family:var(--font-display);transition:color var(--transition-fast);margin-bottom:6px;font-size:.95rem;font-weight:600}.index-change.up{color:var(--color-up)}.index-change.down{color:var(--color-down)}.index-volume{color:var(--text-tertiary);margin-bottom:10px;font-size:.75rem}.sparkline-container{border-radius:var(--radius-sm);margin-top:4px;overflow:hidden}.sparkline-container.small{margin-top:6px}.sparkline-container svg{width:100%;height:auto;display:block}.market-stats-summary{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);grid-column:1/-1;justify-content:center;align-items:center;gap:32px;padding:10px 20px;font-size:.82rem;display:flex}.stats-group{align-items:center;gap:10px;display:flex}.stats-market-name{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:.06em;font-size:.78rem;font-weight:600}.stat-up{color:var(--color-up);font-weight:600}.stat-flat{color:var(--color-flat);font-weight:500}.stat-down{color:var(--color-down);font-weight:600}.market-stats-bar{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);align-items:center;gap:20px;padding:10px 16px;display:flex}.stat-item{align-items:center;gap:6px;display:flex}.stat-label{color:var(--text-tertiary);font-size:.75rem}.stat-value{font-family:var(--font-display);font-size:.85rem;font-weight:600}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}.panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:var(--transition-normal);padding:20px;animation:.5s ease-out both fade-in}.panel:first-child{animation-delay:50ms}.panel:nth-child(2){animation-delay:.1s}.panel:nth-child(3){animation-delay:.15s}.panel:nth-child(4){animation-delay:.2s}.panel:hover{border-color:var(--glass-border-hover)}.panel-title{color:var(--text-primary);border-bottom:1px solid var(--glass-border);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;font-size:.95rem;font-weight:700;display:flex}.panel-title svg{color:var(--accent);flex-shrink:0}.investor-trends{flex-direction:column;gap:16px;display:flex}.trend-market{flex-direction:column;gap:8px;display:flex}.trend-market-name{font-family:var(--font-display);color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:600}.trend-row{grid-template-columns:44px 1fr 90px;align-items:center;gap:10px;display:grid}.trend-label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.trend-bar-container{background:#ffffff0a;border-radius:4px;height:8px;overflow:hidden}.trend-bar,.trend-bar-fill{height:100%;transition:width var(--transition-slow);border-radius:4px}.trend-bar-fill.positive{background:linear-gradient(90deg, var(--color-up), #f25a69b3)}.trend-bar-fill.negative{background:linear-gradient(90deg, var(--color-down), #3899fab3)}.trend-value{font-family:var(--font-display);text-align:right;font-size:.8rem;font-weight:600}.trend-value.up{color:var(--color-up)}.trend-value.down{color:var(--color-down)}.forex-card{border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:var(--transition-normal);background:#ffffff05;flex-direction:column;gap:8px;margin-bottom:16px;padding:14px 16px;display:flex}.forex-card:hover{background:#ffffff0a}.forex-info{align-items:center;gap:12px;display:flex}.forex-sparkline{opacity:.9;width:100%;height:36px;overflow:hidden}.forex-sparkline svg{display:block;width:100%!important;height:100%!important}.forex-label{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:.04em;font-size:.82rem;font-weight:600}.forex-price{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.2rem;font-weight:700}.forex-price.up{color:var(--color-up)}.forex-price.down{color:var(--color-down)}.forex-change{font-family:var(--font-display);margin-left:auto;font-size:.82rem;font-weight:600}.forex-change.up{color:var(--color-up)}.forex-change.down{color:var(--color-down)}.sector-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.sector-item{border-radius:var(--radius-sm);transition:var(--transition-fast);cursor:default;background:#ffffff05;border:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:9px 12px;display:flex}.sector-item:hover{border-color:var(--glass-border);background:#ffffff0d}.sector-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-right:6px;font-size:.78rem;font-weight:500;overflow:hidden}.sector-change{font-family:var(--font-display);white-space:nowrap;font-size:.78rem;font-weight:600}.sector-change.up{color:var(--color-up)}.sector-change.down{color:var(--color-down)}.watchlist-panel{flex-direction:column;display:flex}.search-container{margin-bottom:14px;position:relative}.search-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-normal);background:#ffffff0a;outline:none;padding:10px 36px;font-size:.85rem}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:#ffffff0f}.search-clear{color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-clear:hover{color:var(--text-primary)}.search-results{background:var(--bg-elevated);border:1px solid var(--glass-border-hover);border-radius:var(--radius-md);z-index:100;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);max-height:220px;animation:.2s ease-out slide-down;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 32px #0006}.search-result-item{cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid #ffffff08;align-items:center;gap:10px;padding:10px 14px;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#ffffff0f}.result-name{color:var(--text-primary);font-size:.85rem;font-weight:500}.result-symbol{font-family:var(--font-display);color:var(--text-tertiary);font-size:.75rem;font-weight:400}.result-market{color:var(--accent);background:var(--accent-soft);border-radius:10px;margin-left:auto;padding:2px 8px;font-size:.7rem;font-weight:500}.watchlist-stocks{flex-direction:column;gap:8px;max-height:400px;padding-right:2px;display:flex;overflow-y:auto}.stock-card{border-radius:var(--radius-md);transition:var(--transition-normal);cursor:default;background:#ffffff05;border:1px solid #ffffff0d;padding:14px 16px}.stock-card:hover{border-color:var(--glass-border-hover);background:#ffffff0d}.stock-card.flash-up{animation:.8s ease-out flash-up}.stock-card.flash-down{animation:.8s ease-out flash-down}.stock-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.stock-name{color:var(--text-primary);font-size:.88rem;font-weight:600;line-height:1.3}.stock-symbol{font-family:var(--font-display);color:var(--text-tertiary);margin-top:1px;font-size:.72rem;font-weight:400}.remove-btn{width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.remove-btn:hover{background:var(--color-error-bg);color:var(--color-error)}.stock-card-body{align-items:baseline;gap:10px;display:flex}.stock-price{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.stock-price.up{color:var(--color-up)}.stock-price.down{color:var(--color-down)}.stock-change{font-family:var(--font-display);font-size:.8rem;font-weight:600}.stock-change.up{color:var(--color-up)}.stock-change.down{color:var(--color-down)}.ranking-panel{flex-direction:column;display:flex}.ranking-tabs{gap:6px;margin-bottom:14px;display:flex}.ranking-tab{border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-normal);text-align:center;background:0 0;flex:1;padding:9px 14px;font-size:.82rem;font-weight:500}.ranking-tab:hover{border-color:var(--glass-border-hover);background:#ffffff0a}.ranking-tab.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px var(--accent-glow);font-weight:600}.ranking-list{flex-direction:column;gap:4px;max-height:440px;padding-right:2px;display:flex;overflow-y:auto}.ranking-item{border-radius:var(--radius-sm);transition:var(--transition-fast);cursor:pointer;border:1px solid #0000;align-items:center;gap:12px;padding:10px 12px;display:flex}.ranking-item:hover{border-color:var(--glass-border);background:#ffffff0a}.ranking-item.flash-up{animation:.8s ease-out flash-up}.ranking-item.flash-down{animation:.8s ease-out flash-down}.ranking-rank{font-family:var(--font-display);color:var(--text-tertiary);text-align:center;flex-shrink:0;width:24px;font-size:.82rem;font-weight:700}.ranking-item:first-child .ranking-rank{color:#fab938}.ranking-item:nth-child(2) .ranking-rank{color:#b8b8b8}.ranking-item:nth-child(3) .ranking-rank{color:#cc7333}.ranking-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ranking-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:600;overflow:hidden}.ranking-symbol{font-family:var(--font-display);color:var(--text-tertiary);font-size:.7rem;font-weight:400}.ranking-data{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:1px;display:flex}.ranking-price{font-family:var(--font-display);font-size:.88rem;font-weight:700}.ranking-price.up{color:var(--color-up)}.ranking-price.down{color:var(--color-down)}.ranking-change{font-family:var(--font-display);font-size:.75rem;font-weight:600}.ranking-change.up{color:var(--color-up)}.ranking-change.down{color:var(--color-down)}.loading-skeleton{text-align:center;color:var(--text-tertiary);border-radius:var(--radius-md);background:linear-gradient(90deg,#0000 0%,#ffffff08 50%,#0000 100%);padding:24px;font-size:.82rem;animation:1.8s ease-in-out infinite skeleton-pulse}.empty-state{color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;font-size:.85rem;display:flex}.empty-state svg{color:var(--text-muted)}.footer{text-align:center;border-top:1px solid var(--glass-border);margin-top:8px;padding:24px 0 8px}.footer p{color:var(--text-tertiary);font-size:.72rem;line-height:1.8}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}.market-overview{grid-template-columns:1fr 1fr}}@media (width<=768px){.app-container{padding:10px 12px 24px}.header{flex-direction:column;align-items:flex-start;gap:8px}.header-left{flex-direction:column;gap:2px}.header-title{font-size:1.2rem}.market-overview{grid-template-columns:1fr}.index-price{font-size:1.5rem}.dashboard-grid{grid-template-columns:1fr}.market-stats-summary{flex-direction:column;gap:12px}.sector-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.trend-row{grid-template-columns:40px 1fr 75px}}@media (width<=480px){.index-price{font-size:1.3rem}.ranking-tabs{gap:4px}}.modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:1000;background:#080a10d1;justify-content:center;align-items:center;animation:.25s cubic-bezier(.4,0,.2,1) fade-in;display:flex;position:fixed;inset:0}.modal-container{background:var(--bg-secondary);border:1px solid var(--glass-border-hover);border-radius:var(--radius-xl);flex-direction:column;width:92vw;max-width:1200px;height:80vh;max-height:800px;animation:.3s cubic-bezier(.34,1.56,.64,1) modal-slide-up;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #0009,inset 0 1px 1px #ffffff0d}@keyframes modal-slide-up{0%{opacity:0;transform:scale(.96)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--glass-border);background:#ffffff03;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-title-info{align-items:baseline;gap:8px;display:flex}.modal-stock-name{color:var(--text-primary);font-size:1.35rem;font-weight:700}.modal-stock-symbol{font-family:var(--font-display);color:var(--text-secondary);font-size:.85rem;font-weight:600}.modal-stock-market{color:var(--accent);background:var(--accent-soft);border-radius:10px;margin-left:4px;padding:2px 8px;font-size:.72rem;font-weight:600}.modal-close-btn{color:var(--text-secondary);cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{color:var(--text-primary);background:#ffffff14}.modal-body{flex:1;grid-template-columns:1fr 340px;display:grid;overflow:hidden}@media (width<=960px){.modal-body{grid-template-rows:1fr 300px;grid-template-columns:1fr;overflow-y:auto}.modal-container{height:90vh}}.modal-chart-area{border-right:1px solid var(--glass-border);flex-direction:column;gap:16px;padding:20px;display:flex;overflow:hidden}.chart-header{justify-content:space-between;align-items:center;display:flex}.chart-price-info{align-items:baseline;gap:10px;display:flex}.chart-current-price{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.8rem;font-weight:700}.chart-current-price.up{color:var(--color-up)}.chart-current-price.down{color:var(--color-down)}.chart-change-info{font-family:var(--font-display);font-size:.95rem;font-weight:600}.chart-change-info.up{color:var(--color-up)}.chart-change-info.down{color:var(--color-down)}.chart-intervals{gap:4px;display:flex}.chart-interval-btn{border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;padding:5px 12px;font-size:.8rem;font-weight:500}.chart-interval-btn:hover{background:#ffffff0a}.chart-interval-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.chart-wrapper{border-radius:var(--radius-md);background:#00000026;border:1px solid #ffffff08;flex:1;min-height:250px;position:relative;overflow:hidden}.modal-sidebar{flex-direction:column;display:flex;overflow:hidden}.sidebar-tabs{border-bottom:1px solid var(--glass-border);background:#ffffff03;display:flex}.sidebar-tab-btn{color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px;font-size:.82rem;font-weight:600}.sidebar-tab-btn:hover{color:var(--text-primary)}.sidebar-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.sidebar-content{flex:1;padding:16px;overflow-y:auto}.orderbook-container{font-family:var(--font-display);flex-direction:column;display:flex}.orderbook-row{border-bottom:1px solid #ffffff05;grid-template-columns:80px 1fr 80px;align-items:center;height:28px;display:grid;position:relative}.orderbook-ask-vol,.orderbook-bid-vol{z-index:1;padding:0 8px;font-size:.78rem;font-weight:500}.orderbook-ask-vol{text-align:right;color:var(--color-down)}.orderbook-bid-vol{text-align:left;color:var(--color-up)}.orderbook-price{text-align:center;z-index:1;cursor:pointer;transition:background var(--transition-fast);justify-content:center;align-items:center;height:100%;font-size:.82rem;font-weight:700;display:flex}.orderbook-price.ask{color:var(--color-down);background:#0680f905}.orderbook-price.bid{color:var(--color-up);background:#ee2b3e05}.orderbook-bar{border-radius:2px;transition:width .3s ease-out;position:absolute;top:2px;bottom:2px}.orderbook-bar.ask{transform-origin:100%;background:#0680f91f;left:50%;right:0}.orderbook-bar.bid{transform-origin:0;background:#ee2b3e1f;left:0;right:50%}.trades-list{flex-direction:column;gap:6px;display:flex}.trade-row{border-bottom:1px solid #ffffff05;grid-template-columns:70px 1fr 60px;align-items:center;padding:4px 0;font-size:.78rem;display:grid}.trade-time{color:var(--text-tertiary)}.trade-price{font-family:var(--font-display);text-align:right;padding-right:12px;font-weight:600}.trade-price.up{color:var(--color-up)}.trade-price.down{color:var(--color-down)}.trade-vol{font-family:var(--font-display);text-align:right;color:var(--text-secondary);font-weight:500}.clickable{cursor:pointer;position:relative}.clickable:after{content:"";border-radius:inherit;transition:var(--transition-fast);position:absolute;inset:0}.clickable:active:after{background:#ffffff08}.click-hint-icon{color:var(--text-muted);vertical-align:middle;transition:color var(--transition-fast);margin-left:4px}.clickable:hover .click-hint-icon,.trend-market.clickable:hover .click-hint-icon{color:var(--accent)}.ranking-load-more{border:1px dashed var(--glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-normal);background:#ffffff08;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:12px;font-size:.82rem;font-weight:500;display:flex}.ranking-load-more:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.detail-modal{max-width:1100px}.sector-modal{max-width:700px;height:auto;max-height:80vh}.sector-modal-body{max-height:calc(80vh - 80px);padding:20px;overflow-y:auto}.index-detail-stats{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#ffffff05;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px;display:flex}.detail-stat-row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.detail-stat-label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.detail-stat-value{font-family:var(--font-display);color:var(--text-primary);font-size:.85rem;font-weight:600}.detail-stat-value.up{color:var(--color-up)}.detail-stat-value.down{color:var(--color-down)}.top-stocks-list{flex-direction:column;gap:2px;display:flex}.top-stock-item{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);border:1px solid #0000;align-items:center;gap:10px;padding:8px 10px;display:flex}.top-stock-item:hover{border-color:var(--glass-border);background:#ffffff0d}.top-stock-rank{font-family:var(--font-display);color:var(--text-tertiary);text-align:center;flex-shrink:0;width:20px;font-size:.78rem;font-weight:700}.top-stock-item:first-child .top-stock-rank{color:#fab938}.top-stock-item:nth-child(2) .top-stock-rank{color:#b8b8b8}.top-stock-item:nth-child(3) .top-stock-rank{color:#cc7333}.top-stock-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.82rem;font-weight:600;overflow:hidden}.top-stock-symbol{font-family:var(--font-display);color:var(--text-tertiary);flex-shrink:0;font-size:.72rem}.investor-summary-today{border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#ffffff05;margin-bottom:12px;padding:10px 12px}.investor-history-table{font-family:var(--font-display);font-size:.78rem}.inv-table-header{color:var(--text-tertiary);border-bottom:1px solid var(--glass-border);grid-template-columns:60px 1fr 1fr 1fr;margin-bottom:4px;padding:6px 8px;font-weight:600;display:grid}.inv-table-row{transition:background var(--transition-fast);border-bottom:1px solid #ffffff05;grid-template-columns:60px 1fr 1fr 1fr;padding:5px 8px;font-weight:500;display:grid}.inv-table-row:hover{background:#ffffff08}.inv-date{color:var(--text-tertiary)}.inv-table-row .up{color:var(--color-up)}.inv-table-row .down{color:var(--color-down)}.sector-stocks-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.sector-stock-card{border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);background:#ffffff05;padding:16px;position:relative;overflow:hidden}.sector-stock-card:before{content:"";height:2px;transition:var(--transition-normal);opacity:0;position:absolute;top:0;left:0;right:0}.sector-stock-card.up:before{background:var(--color-up);opacity:.6}.sector-stock-card.down:before{background:var(--color-down);opacity:.6}.sector-stock-card:hover{border-color:var(--glass-border-hover);background:#ffffff0d;transform:translateY(-2px)}.sector-stock-card:hover:before{opacity:1}.sector-stock-name{color:var(--text-primary);margin-bottom:2px;font-size:.9rem;font-weight:600}.sector-stock-symbol{font-family:var(--font-display);color:var(--text-tertiary);margin-bottom:10px;font-size:.72rem}.sector-stock-price{font-family:var(--font-display);margin-bottom:2px;font-size:1.15rem;font-weight:700}.sector-stock-price.up{color:var(--color-up)}.sector-stock-price.down{color:var(--color-down)}.sector-stock-change{font-family:var(--font-display);margin-bottom:4px;font-size:.82rem;font-weight:600}.sector-stock-change.up{color:var(--color-up)}.sector-stock-change.down{color:var(--color-down)}.sector-stock-volume{color:var(--text-tertiary);font-size:.72rem}@media (width<=960px){.detail-modal .modal-body,.sector-modal .modal-body{grid-template-rows:1fr auto;grid-template-columns:1fr}.sector-stocks-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}