:root{--bg:#000;--surface:#0a0a0a;--border:#1a1a1a;--border-light:#2a2a2a;--text:#e0e0e0;--text-muted:#999;--text-dim:#666;--text-bright:#fff;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--font:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);width:100vw;height:100vh;overflow:hidden}*{border-radius:0!important}#canvas-container{z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0}#ui-overlay{z-index:10;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}#top-bar,#stats-bar,#detail-panel:not(.hidden),#news-panel:not(.hidden),#filter-panel:not(.hidden),#tooltip:not(.hidden){pointer-events:auto}#stats-bar{bottom:var(--space-lg);left:var(--space-lg);gap:var(--space-sm);z-index:15;pointer-events:auto;align-items:center;display:flex;position:fixed}.stat-badge{color:#ffffff73;letter-spacing:.04em;height:32px;font-size:11px;font-weight:500;font-family:var(--font);background:#060608d9;border:1px solid #ffffff1f;align-items:center;padding:4px 10px;display:flex}.control-btn{color:#ffffff73;cursor:pointer;min-width:32px;height:32px;font-family:var(--font);letter-spacing:.04em;white-space:nowrap;background:#060608cc;border:1px solid #ffffff1f;justify-content:center;align-items:center;gap:4px;padding:0 12px;font-size:11px;font-weight:500;display:flex}.control-btn:hover{color:#fffc;background:#060608f2;border-color:#ffffff40}.control-btn .material-symbols-outlined{font-size:14px}.control-dropdown{position:relative}.dropdown-menu{z-index:20;background:#060608f2;border:1px solid #ffffff1f;min-width:140px;padding:6px 0;position:absolute;top:calc(100% + 6px);left:0}.dropdown-menu.hidden{display:none}.dropdown-menu label{color:#ffffff80;cursor:pointer;font-size:11px;font-family:var(--font);align-items:center;gap:8px;padding:6px 12px;display:flex}.dropdown-menu label:hover{color:#fffc;background:#ffffff0a}.dropdown-menu input[type=checkbox],.dropdown-menu input[type=radio]{accent-color:#fff9;width:12px;height:12px}#filter-panel{top:80px;right:var(--space-lg);-webkit-backdrop-filter:blur(16px);width:220px;padding:var(--space-sm) 0;z-index:20;background:#060608d9;border:1px solid #ffffff1f;border-radius:4px;position:absolute}.filter-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;display:flex}.filter-section{border-bottom:1px solid #ffffff0d}.filter-section:last-child{border-bottom:none}.filter-section-title{padding:10px var(--space-md);cursor:pointer;color:var(--text-muted);justify-content:space-between;align-items:center;font-size:12px;font-weight:500;display:flex}.filter-section-title:hover{color:var(--text)}.accordion-arrow{transition:transform .2s;font-size:16px!important}.filter-section-title.open .accordion-arrow{transform:rotate(180deg)}.filter-section-body{padding:0 var(--space-md) var(--space-sm)}#search-dropdown{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a0ae6;border:1px solid #ffffff1a;max-height:300px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}#search-dropdown.hidden{display:none}.search-result-item{cursor:pointer;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.search-result-item:hover{background:#ffffff0f}.search-result-item:last-child{border-bottom:none}.search-result-name{color:var(--text);font-size:12px;font-weight:500}.search-result-meta{color:var(--text-dim);margin-top:2px;font-size:10px}.search-result-sector{color:var(--text-dim);font-size:10px}#filter-panel.hidden,.filter-section-body.hidden{display:none}.filter-option{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;padding:5px 0;font-size:11px;display:flex}.filter-option:hover{color:var(--text)}.filter-option input[type=radio],.filter-option input[type=checkbox]{accent-color:#fff;width:13px;height:13px}#top-bar{top:var(--space-lg);left:var(--space-lg);right:var(--space-lg);z-index:15;pointer-events:auto;align-items:center;gap:6px;display:flex;position:absolute}.arrow{opacity:.4;margin-left:2px;font-size:10px}#depth-panel{flex:1;min-width:120px;height:32px}#depth-slider-wrap{background:#060608d9;border:1px solid #ffffff1f;width:100%;height:32px;position:relative;overflow:visible}#depth-histogram{opacity:.4;pointer-events:none;width:100%;height:32px;position:absolute;top:0;left:0}#depth-slider{appearance:none;cursor:pointer;z-index:2;background:0 0;outline:none;width:100%;height:32px;margin:0;position:absolute;top:0;left:0}#depth-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#ffffffd9;border:none;border-radius:0;width:3px;height:32px;transition:box-shadow .2s;box-shadow:0 0 6px #fff6}#depth-slider::-webkit-slider-thumb:hover{background:#fff;box-shadow:0 0 10px #fff9}#depth-slider::-moz-range-thumb{cursor:pointer;background:#ffffffd9;border:none;border-radius:0;width:3px;height:32px;box-shadow:0 0 6px #fff6}#search-container{flex-shrink:0;width:200px;position:relative}#search-bar{background:#060608d9;border:1px solid #ffffff1f;align-items:center;gap:8px;height:32px;padding:0 12px;transition:border-color .2s;display:flex}#search-bar:focus-within{background:#060608f2;border-color:#ffffff59}.search-icon{color:var(--text-muted);font-size:16px}#search-input{color:#fff;font-family:var(--font);background:0 0;border:none;outline:none;flex:1;font-size:12px}#search-input::placeholder{color:var(--text-muted);font-size:12px}#detail-panel{top:80px;right:var(--space-lg);-webkit-backdrop-filter:blur(16px);width:280px;max-height:calc(100vh - 120px);padding:var(--space-lg);z-index:20;background:#060608d9;border:1px solid #ffffff1f;border-radius:4px;transition:opacity .3s,transform .3s cubic-bezier(.4,0,.2,1);position:absolute;overflow-y:auto}#detail-panel.hidden{opacity:0;pointer-events:none;transform:translate(20px)}#detail-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}#detail-close{color:#fff9;cursor:pointer;padding:4px;font-size:20px}#detail-close:hover{color:#fff}.detail-header-row{align-items:center;gap:12px;display:flex}.detail-logo{object-fit:contain;background:#ffffff0f;border-radius:8px;flex-shrink:0;width:36px;height:36px}.detail-stock-name{color:var(--text-bright);font-size:16px;font-weight:600}.detail-stock-code{color:var(--text-dim);letter-spacing:.04em;margin-top:2px;font-size:11px}.detail-section{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--border)}.detail-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:var(--space-sm);font-size:9px;font-weight:600}.metric-grid{margin-top:var(--space-md)}.metric-grid-inner{grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.metric-cell{padding:var(--space-sm) 0;padding-left:var(--space-sm);border-left:1px solid var(--border)}.metric-cell:first-child{border-left:none;padding-left:0}.metric-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-size:9px}.metric-value{color:var(--text-bright);margin-top:2px;font-size:13px;font-weight:600}.related-item{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.related-item:hover{background:#ffffff08}.related-item-name{color:var(--text);font-size:12px}.related-item-type{letter-spacing:.04em;color:var(--text-dim);font-size:9px}.fb-btn{cursor:pointer;opacity:.4;background:0 0;border:1px solid #ffffff14;border-radius:4px;padding:1px 4px;font-size:10px;line-height:1;transition:all .15s}.fb-btn:hover{opacity:1;background:#ffffff14}.action-btn{width:100%;color:var(--text);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-family:Pretendard Variable,sans-serif;font-size:12px;transition:all .15s;display:flex}.action-btn:hover{background:#ffffff14;border-color:#fff3}.action-btn:active{transform:scale(.98)}.action-btn:disabled{opacity:.6;cursor:default}#tooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;z-index:100;color:#ffffffbf;letter-spacing:.02em;background:#0c0c0ceb;border:1px solid #ffffff14;border-radius:3px;max-width:220px;padding:5px 9px;font-size:11px;line-height:1.4;transition:opacity .1s;position:fixed}#tooltip.hidden{opacity:0;pointer-events:none}.tooltip-name{color:var(--text-bright);font-size:12px;font-weight:600}.tooltip-sector{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin-top:1px;font-size:9px}.tooltip-reason{color:#ffffff80;letter-spacing:.02em;border-top:1px solid #ffffff14;margin-top:4px;padding-top:4px;font-size:10px}#bottom-bar{bottom:var(--space-lg);left:var(--space-lg);color:var(--text-dim);font-size:11px;position:absolute}#news-panel{top:80px;right:var(--space-lg);bottom:var(--space-lg);-webkit-backdrop-filter:blur(16px);z-index:25;background:#060608d9;border:1px solid #ffffff1f;border-radius:4px;flex-direction:column;width:340px;transition:opacity .3s,transform .3s;display:flex;position:fixed;overflow:hidden}#news-panel.hidden{opacity:0;pointer-events:none;visibility:hidden;transform:translate(20px)}.news-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.news-tabs{border-bottom:1px solid #ffffff0f;gap:0;padding:0 16px;display:flex}.news-tab{color:var(--text-dim);cursor:pointer;font-size:11px;font-weight:500;font-family:var(--font);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 0;transition:all .2s}.news-tab:hover{color:var(--text-muted)}.news-tab.active{color:var(--text);border-bottom-color:#ffffff80}#news-context-bar{background:#ffffff05;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px 8px;display:flex}#news-context-bar.hidden{display:none}.news-context-copy{color:#ffffffc7;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;font-weight:500;overflow:hidden}.news-context-actions{flex-shrink:0;gap:6px;display:flex}.news-context-chip{color:#ffffff73;height:24px;font-size:10px;font-family:var(--font);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;padding:0 8px}.news-context-chip.active{color:#ffffffdb;background:#6c5ce71f;border-color:#6c5ce759}.news-context-chip:disabled{opacity:.35;cursor:default}#news-list{flex:1;padding:8px 0;overflow-y:auto}#news-list::-webkit-scrollbar{width:3px}#news-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.news-item{cursor:pointer;border-bottom:1px solid #ffffff08;padding:12px 16px;transition:background .15s}.news-item:hover{background:#ffffff0a}.news-item.is-related{background:linear-gradient(90deg,#6c5ce717,#6c5ce705 55%,#0000 100%)}.news-item-time{color:#fff6;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:9px;display:flex}.news-item-source{color:#6495edcc;font-size:9px;font-weight:500}.news-item-headline{color:#ffffffe0;font-size:12px;font-weight:400;line-height:1.5}.news-item-related{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.news-related-tag{color:#ffffff80;background:#ffffff14;border:1px solid #ffffff1a;border-radius:2px;padding:2px 6px;font-size:9px;transition:all .15s}.news-related-tag:hover{color:#fffc;background:#ffffff26;border-color:#ffffff40}.news-item-ai-badge{color:#a78bfae6;letter-spacing:.5px;background:#8b5cf640;border:1px solid #8b5cf64d;border-radius:2px;margin-left:6px;padding:1px 5px;font-size:8px;font-weight:600;display:inline-block}.news-link-badge{border:1px solid #0000;border-radius:2px;padding:1px 5px;font-size:8px}.news-link-direct{color:#c4bcfff2;background:#6c5ce72e;border-color:#6c5ce752}.news-link-connected{color:#bfdbfeeb;background:#60a5fa24;border-color:#60a5fa42}.news-link-sector{color:#fde68ae6;background:#fbbf241f;border-color:#fbbf2438}#news-refresh.spinning{animation:.6s linear spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.fullscreen #ui-overlay{opacity:0;transition:opacity .5s}body.fullscreen:hover #ui-overlay{opacity:1}@media (width<=768px){#top-bar{flex-wrap:wrap;gap:6px;height:auto;min-height:40px;padding:6px 8px}.top-left{flex:100%;order:2}#search-container{flex:100%;order:1;max-width:100%}.top-right{flex:100%;order:3;justify-content:center}#depth-histogram{min-width:80px;height:28px}#detail-panel{border-radius:0;max-height:50vh;width:100%!important;max-width:100%!important;top:auto!important;bottom:0!important;right:0!important}#news-panel{max-height:50vh;width:100%!important;max-width:100%!important;top:auto!important;bottom:0!important;left:0!important}#stats-bar{font-size:9px;bottom:8px!important;left:8px!important}.stat-badge{padding:3px 6px!important;font-size:9px!important}.control-dropdown{padding:4px 8px!important;font-size:10px!important}#onboarding h1{font-size:18px!important}#onboarding p{font-size:12px!important}}@media (width<=480px){.top-left,.top-right .control-dropdown:not(:first-child){display:none}#detail-panel{max-height:60vh}}#layer-buttons{gap:2px;display:flex}.layer-btn{color:#ffffff73;cursor:pointer;box-sizing:border-box;background:#060608cc;border:1px solid #ffffff1f;border-radius:0;align-items:center;height:32px;padding:0 10px;font-family:Pretendard,sans-serif;font-size:10px;transition:all .2s;display:flex}.layer-btn:hover{color:#fffc;background:#ffffff14}.layer-btn.active{color:#ffffffe6;background:#6c5ce726;border-color:#6c5ce766}