@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";:root{--bg:#eef2f9;--glass:#ffffffd1;--surface:#fff;--raised:#fff;--panel:#fff;--panel-2:#f7f9fc;--panel-border:#0f172a14;--panel-border-strong:#0f172a1f;--hover:#0f172a0a;--track:#0f172a0f;--main-bg:radial-gradient(1100px 620px at 18% -8%, #6366f11a, transparent 55%), radial-gradient(900px 600px at 100% 108%, #8b5cf617, transparent 55%), radial-gradient(700px 500px at 92% 0%, #ec48990d, transparent 50%), linear-gradient(180deg, #f6f8fc, #eaeef7);--text:#0f172a;--text-dim:#475569;--text-faint:#94a3b8;--accent:#6366f1;--accent-2:#8b5cf6;--accent-soft:#6366f11a;--accent-border:#6366f159;--up:#0e9f6e;--up-soft:#10b9811f;--up-border:#10b98152;--down:#e11d48;--down-soft:#e11d481a;--down-border:#e11d484d;--star:#f59e0b;--shadow-sm:0 1px 2px #0f172a0f, 0 1px 3px #0f172a0a;--shadow-md:0 6px 20px #0f172a14;--shadow-lg:0 24px 60px #0f172a29}:root[data-theme=dark]{--bg:#080b13;--glass:#0e121ed9;--surface:#151b29;--raised:#ffffff1a;--panel:#151b29;--panel-2:#ffffff0b;--panel-border:#ffffff17;--panel-border-strong:#ffffff29;--hover:#ffffff0f;--track:#ffffff14;--main-bg:radial-gradient(1200px 700px at 18% -10%, #7c8cff24, transparent 58%), radial-gradient(900px 600px at 100% 110%, #22d3ee17, transparent 55%), radial-gradient(700px 520px at 92% 0%, #a855f714, transparent 52%), linear-gradient(180deg, #0e1424, #070a11);--text:#e8eef8;--text-dim:#9aa5ba;--text-faint:#6b7686;--accent:#7c8cff;--accent-2:#9b7cff;--accent-soft:#7c8cff29;--accent-border:#7c8cff73;--up:#16c784;--up-soft:#16c78429;--up-border:#16c78466;--down:#f6465d;--down-soft:#f6465d29;--down-border:#f6465d66;--star:#facc15;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 24px 60px #0000008c}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Montserrat,system-ui,-apple-system,sans-serif;overflow:hidden}.app{flex-direction:column;width:100vw;height:100vh;display:flex}.control-panel{z-index:20;background:var(--glass);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--panel-border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px 16px;min-height:70px;padding:12px 24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.logo-icon{width:46px;height:46px;color:var(--accent);filter:drop-shadow(0 4px 8px #6366f14d);flex-shrink:0}.logo-icon svg{transform-origin:50%;width:100%;height:100%;animation:60s ease-in-out infinite logoSpin}@keyframes logoSpin{0%,88%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.logo-icon svg{animation:none}}.brand-text{flex-direction:column;display:flex}.logo-title{letter-spacing:1.4px;text-transform:uppercase;background:linear-gradient(90deg,#4f46e5,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:800;line-height:1.1}.market-status{letter-spacing:.2px;align-items:center;gap:6px;margin-top:3px;font-size:10.5px;font-weight:700;display:flex}.market-status.open{color:var(--up)}.market-status.closed{color:var(--text-faint)}.market-delay{letter-spacing:0;color:var(--text-faint);margin-left:1px;font-size:.82em;font-style:italic;font-weight:500}.market-date{letter-spacing:.2px;color:var(--text-faint);opacity:.6;text-transform:capitalize;margin-top:5px;font-size:8.5px;font-weight:700}.market-dot{background:var(--text-faint);opacity:.55;border-radius:50%;flex-shrink:0;width:8px;height:8px}.market-status.open .market-dot{opacity:1;background:#16c784;animation:2s infinite marketPulse;box-shadow:0 0 #16c78480}@keyframes marketPulse{0%{box-shadow:0 0 #16c78473}70%{box-shadow:0 0 0 6px #16c78400}to{box-shadow:0 0 #16c78400}}.index-badges{border-left:1px solid var(--panel-border);align-items:center;gap:6px;margin-left:16px;padding-left:16px;display:flex}.badge{appearance:none;cursor:pointer;background:var(--panel-2);color:var(--text-dim);border:1px solid var(--panel-border);white-space:nowrap;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:5px 14px;font-size:11px;font-weight:700;line-height:1.1;transition:all .18s;display:flex}.badge-label{font-size:11px;font-weight:700}.badge-change{letter-spacing:.2px;font-size:9.5px;font-weight:700}.badge-change.up{color:var(--up,#16a34a)}.badge-change.down{color:var(--down,#dc2626)}.badge:hover{color:var(--text);border-color:var(--panel-border-strong);box-shadow:var(--shadow-sm)}.badge.active{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000;box-shadow:0 4px 14px #6366f159}.badge.active .badge-change.up,.badge.active .badge-change.down{color:#ffffffeb}.search-bar-wrapper{flex:240px;order:2;min-width:200px;position:relative}.search-bar{align-items:center;display:flex;position:relative}.search-bar input{background:var(--panel-2);border:1px solid var(--panel-border);width:100%;color:var(--text);border-radius:12px;outline:none;padding:11px 16px 11px 42px;font-family:inherit;font-size:13px;font-weight:500;transition:all .18s}.search-bar input::placeholder{color:var(--text-faint)}.search-bar input:focus{border-color:var(--accent-border);background:var(--surface);box-shadow:0 0 0 4px var(--accent-soft)}.search-icon{width:17px;height:17px;color:var(--text-faint);pointer-events:none;position:absolute;left:15px}.search-dropdown{background:var(--surface);border:1px solid var(--panel-border);box-shadow:var(--shadow-lg);z-index:100;border-radius:14px;padding:6px;animation:.18s dropdownIn;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden}.search-result-item{appearance:none;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-family:inherit;transition:background .15s;display:flex}.search-result-item:hover{background:var(--panel-2)}.search-result-symbol{color:var(--text);min-width:62px;font-size:14px;font-weight:700}.search-result-name{color:var(--text-dim);text-align:left;flex:1;font-size:12px;font-weight:500}.search-result-change{font-size:12px;font-weight:700}.search-result-change.up{color:var(--up)}.search-result-change.down{color:var(--down)}.search-result-change.muted{color:var(--text-faint);letter-spacing:.04em;border:1px solid var(--panel-border);border-radius:5px;padding:2px 6px;font-size:10px;font-weight:700}.controls{flex-wrap:wrap;order:3;align-items:center;gap:10px;display:flex}.timeframe-toggle,.colormode-toggle{background:var(--panel-2);border:1px solid var(--panel-border);border-radius:11px;align-items:center;padding:4px;display:flex}.timeframe-toggle button,.colormode-toggle button{appearance:none;color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .18s;position:relative}.timeframe-toggle button:hover,.colormode-toggle button:hover{color:var(--text)}.timeframe-toggle button.active,.colormode-toggle button.active{background:var(--raised);color:var(--accent);box-shadow:var(--shadow-sm)}.timeframe-toggle button.active:after{content:"";background:var(--accent);border-radius:2px;width:60%;height:2.5px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.tf-tooltip{color:#fff;white-space:nowrap;pointer-events:none;z-index:60;box-shadow:var(--shadow-md);background:#0b1120;border:1px solid #ffffff1f;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:600;animation:.15s tooltipPop;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}@keyframes tooltipPop{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.filter-wrapper{position:relative}.filter-btn{appearance:none;background:var(--panel-2);color:var(--text-dim);cursor:pointer;border:1px solid var(--panel-border);border-radius:11px;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .18s;display:flex}.filter-btn:hover{color:var(--text);border-color:var(--panel-border-strong);box-shadow:var(--shadow-sm)}.filter-btn svg{width:17px;height:17px}.filter-dropdown{background:var(--surface);border:1px solid var(--panel-border);box-shadow:var(--shadow-lg);z-index:100;border-radius:14px;min-width:190px;max-height:340px;padding:8px;animation:.18s dropdownIn;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-dropdown-header{color:var(--text-faint);text-transform:uppercase;letter-spacing:.9px;border-bottom:1px solid var(--panel-border);margin-bottom:4px;padding:8px 12px;font-size:10.5px;font-weight:700}.filter-item{text-align:left;appearance:none;width:100%;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:block}.filter-item:hover{background:var(--panel-2);color:var(--text)}.filter-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.icon-btn{appearance:none;background:var(--panel-2);width:40px;height:40px;color:var(--text-dim);border:1px solid var(--panel-border);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;transition:all .18s;display:flex}.icon-btn:hover{color:var(--text);border-color:var(--panel-border-strong);box-shadow:var(--shadow-sm)}.icon-btn svg{width:19px;height:19px}.settings-wrapper{position:relative}.settings-dropdown{min-width:184px}.theme-item{align-items:center;gap:10px;display:flex}.theme-item svg{flex-shrink:0;width:16px;height:16px}.main-content{background:var(--main-bg);flex:1;position:relative;overflow:hidden}.bubble-canvas-container{width:100%;height:100%;padding:10px;position:relative}.bubble-canvas{cursor:grab;border-radius:18px;width:100%;height:100%;display:block}.bubble-canvas:active{cursor:grabbing}.bubble-tooltip{background:var(--surface);-webkit-backdrop-filter:blur(12px);color:var(--text);pointer-events:none;z-index:50;box-shadow:var(--shadow-lg);border:1px solid var(--panel-border);border-radius:13px;min-width:210px;padding:13px 17px;font-size:12.5px;line-height:1.65;animation:.14s tooltipIn;position:fixed}@keyframes tooltipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tooltip-header{border-bottom:1px solid var(--panel-border);color:var(--text);margin-bottom:8px;padding-bottom:8px;font-size:14px;font-weight:700}.tooltip-name{color:var(--text-dim);margin-left:4px;font-weight:500}.tooltip-row{color:var(--text-dim);font-weight:500}.tooltip-row.up{color:var(--up);font-weight:700}.tooltip-row.down{color:var(--down);font-weight:700}.stock-card-backdrop{-webkit-backdrop-filter:blur(5px);z-index:80;background:#0f172a47;justify-content:center;align-items:center;animation:.22s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stock-card{background:var(--surface);border:1px solid var(--panel-border);width:460px;max-width:92vw;box-shadow:var(--shadow-lg);border-radius:22px;padding:30px 34px;animation:.32s cubic-bezier(.34,1.56,.64,1) cardIn;position:relative}@keyframes cardIn{0%{opacity:0;transform:scale(.9)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.stock-card-close{background:var(--panel-2);border:1px solid var(--panel-border);color:var(--text-dim);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:all .18s;display:flex;position:absolute;top:16px;right:18px}.stock-card-close:hover{background:var(--raised);color:var(--text);box-shadow:var(--shadow-sm)}.stock-card-top{align-items:center;gap:10px;margin-bottom:2px;padding-right:44px;display:flex}.stock-card-symbol{color:var(--text);letter-spacing:-.5px;font-size:30px;font-weight:800}.favorite-star{appearance:none;cursor:pointer;color:var(--star);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:transform .15s,background .15s,color .15s;display:flex}.favorite-star svg{width:24px;height:24px}.favorite-star:not(.active){color:var(--text-faint)}.favorite-star:hover{color:var(--star);background:#f59e0b1f;transform:scale(1.12)}.favorite-star.active{color:var(--star);filter:drop-shadow(0 2px 5px #f59e0b73);animation:.3s starPop}@keyframes starPop{0%{transform:scale(.7)}55%{transform:scale(1.25)}to{transform:scale(1)}}.stock-card-name{color:var(--text-dim);margin-bottom:3px;font-size:15px;font-weight:600}.stock-card-sector{color:var(--text-faint);margin-bottom:22px;font-size:12.5px;font-weight:500}.stock-card-price-row{align-items:baseline;gap:14px;margin-bottom:20px;display:flex}.stock-card-big-price{color:var(--text);letter-spacing:-1px;font-size:32px;font-weight:800}.stock-card-big-price .currency{color:var(--text-faint);font-size:19px;font-weight:600}.stock-card-big-change{border-radius:10px;padding:6px 14px;font-size:17px;font-weight:700}.stock-card-big-change.up{background:var(--up-soft);color:var(--up);border:1px solid var(--up-border)}.stock-card-big-change.down{background:var(--down-soft);color:var(--down);border:1px solid var(--down-border)}.stock-card-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px;display:grid}.stock-card-stat{background:var(--panel-2);border:1px solid var(--panel-border);border-radius:13px;padding:13px 15px}.stat-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:10.5px;font-weight:600}.stat-value{color:var(--text);font-size:18px;font-weight:700}.stat-value.up{color:var(--up)}.stat-value.down{color:var(--down)}.stock-card-chart{background:var(--panel-2);border:1px solid var(--panel-border);border-radius:14px;margin:18px 0;padding:16px}.chart-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.chart-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.6px;font-size:10.5px;font-weight:600}.chart-periods{gap:4px;display:flex}.chart-periods button{appearance:none;cursor:pointer;color:var(--text-faint);background:0 0;border:none;border-radius:7px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s}.chart-periods button:hover{color:var(--text);background:var(--hover)}.chart-periods button.active{background:var(--accent-soft);color:var(--accent)}.mini-chart{flex-direction:column;align-items:center;display:flex}.chart-source{letter-spacing:.3px;margin-top:8px;font-size:10.5px;font-weight:600}.chart-source.real{color:var(--up)}.chart-source.sim{color:var(--text-faint)}.empty-state{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;display:flex;position:absolute;inset:0}.empty-state-star{color:var(--star);filter:drop-shadow(0 6px 16px #f59e0b4d);margin-bottom:6px;font-size:56px}.empty-state-title{color:var(--text);font-size:20px;font-weight:700}.empty-state-text{color:var(--text-dim);max-width:380px;font-size:13.5px;font-weight:500;line-height:1.6}@media (width<=1024px){.control-panel{padding:12px 16px}.search-bar-wrapper{flex-basis:100%;order:3;min-width:0}.index-badges{display:none}}@media (width<=768px){.control-panel{padding:10px 12px}.logo-title{font-size:14px}.timeframe-toggle button{padding:6px 10px;font-size:12px}.colormode-toggle button{padding:6px 10px;font-size:11.5px}.filter-btn{padding:8px 12px;font-size:12px}.filter-btn svg{display:none}.stock-card{margin:16px;padding:24px 20px}.stock-card-symbol{font-size:24px}}