@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,700&family=Inter:wght@300;400;500;600&family=Silkscreen&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#07090e;--surface:#0d1117;--surface2:#111827;--border:#ffffff12;--border-hi:#fff3;--text:#f0f4f8;--text-muted:#64748b;--accent:#3b82f6;--cyan:#06b6d4;--green:#22c55e;--red:#ef4444;--glow-cyan:#06b6d440;--glow-blue:#3b82f633;--radius:12px;--radius-lg:20px}html,body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.6}#root{min-height:100vh}.market-flag{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.market-flag--sm{width:16px;height:16px}.market-flag--md{width:20px;height:20px}.market-flag img{object-fit:cover;width:100%;height:100%;display:block}.search-container{width:100%;position:relative}.search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:10px 16px 10px 0;font-family:Inter,sans-serif;font-size:14px}.search-input::placeholder{color:var(--text-muted);font-size:13px}.search-dropdown{border:1px solid var(--border-hi);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#0d1117f2;border-radius:12px;list-style:none;position:absolute;top:calc(100% + 8px);left:-18px;right:-6px;overflow:hidden;box-shadow:0 20px 60px #00000080}.search-item{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px;transition:background .15s;display:flex}.search-item:last-child{border-bottom:none}.search-item:hover,.search-item.active{background:#06b6d412}.market-badge{letter-spacing:.1em;border-radius:100px;flex-shrink:0;padding:2px 7px;font-size:9px;font-weight:700}.market-badge--jp{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.market-badge--us{color:var(--cyan);background:#06b6d426;border:1px solid #06b6d44d}.ticker-symbol{color:var(--text);min-width:52px;font-size:14px;font-weight:600}.ticker-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.main-chart{background:0 0;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.main-chart__toolbar{justify-content:space-between;align-items:center;gap:6px;padding:12px 0 16px 20px;display:flex}.toolbar-ticker{align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.toolbar-ticker__symbol{color:var(--text);letter-spacing:.02em;font-size:14px;font-weight:700}.toolbar-ticker__name{color:var(--text-muted);font-size:11px}.toolbar-ticker__divider{background:var(--border-hi);width:1px;height:12px}.toolbar-ticker__price{color:var(--text);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.toolbar-ticker__change{font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.period-dropdown{position:relative}.period-dropdown__menu{border:1px solid var(--border-hi);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1117f2;border-radius:8px;flex-direction:column;gap:2px;min-width:72px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);left:0}.period-dropdown__item{color:var(--text-muted);letter-spacing:.05em;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:100px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .12s,color .12s}.period-dropdown__item:hover{color:var(--text);background:#ffffff0f}.period-dropdown__item--active{color:var(--cyan);background:#06b6d414}.toolbar-actions{align-items:center;gap:6px;padding-right:16px;display:flex}.toolbar-divider{background:var(--border-hi);width:1px;height:16px;margin:0 4px}.draw-btn{border:1px solid var(--border-hi);color:var(--text-muted);text-align:center;cursor:pointer;background:0 0;border-radius:100px;min-width:52px;padding:4px 0;font-family:inherit;font-size:12px;font-weight:600;transition:border-color .15s,color .15s,background .15s}.draw-btn:hover{color:var(--text);border-color:#06b6d480}.draw-btn--active{color:var(--cyan);background:#06b6d414;border-color:#06b6d4cc}.clear-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0;font-family:inherit;font-size:11px;text-decoration:none}.clear-link:hover{color:var(--cyan)}.chevron{vertical-align:middle;border-bottom:1.5px solid;border-right:1.5px solid;width:5px;height:5px;margin-bottom:3px;transition:transform .15s;display:inline-block;transform:rotate(45deg)}.chevron--open{margin-bottom:-2px;transform:rotate(-135deg)}.gap-tooltip{z-index:20;border:1px solid var(--border-hi);pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1117f2;border-radius:8px;flex-direction:column;gap:4px;max-width:200px;padding:8px 12px;display:flex;position:absolute}.gap-tooltip__pct{font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.gap-tooltip__pct.up{color:var(--green)}.gap-tooltip__pct.down{color:var(--red)}.gap-tooltip__title{color:var(--text);font-size:11px;line-height:1.4}.gap-tooltip__link{color:var(--cyan);pointer-events:all;font-size:10px;text-decoration:none}.gap-tooltip__link:hover{text-decoration:underline}.gap-tooltip__empty{color:var(--text-muted);font-size:10px}.main-chart__canvas{overscroll-behavior:contain;flex:1;width:100%;min-height:0}.analysis-panel{border-left:1px solid #0000;flex-direction:column;flex-shrink:0;width:0;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.analysis-panel--open{border-left-color:var(--border-hi);width:260px}.analysis-panel__inner{scrollbar-width:none;overscroll-behavior:contain;flex-direction:column;flex:1;gap:0;width:260px;min-height:0;padding:4px 16px 16px;display:flex;overflow-y:scroll}.analysis-panel__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0 8px;display:flex}.analysis-panel__title{letter-spacing:.08em;color:var(--text-muted);font-size:12px;font-weight:700}.analysis-panel__section{flex-direction:column;gap:8px;display:flex}.forecast{border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:6px;padding:12px 16px 10px;display:flex}.analysis-panel__close{border:1px solid var(--border-hi);color:var(--text-muted);cursor:pointer;z-index:2;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:border-color .2s,background .2s;display:flex;position:absolute;top:10px;right:12px}.analysis-panel__close:hover{background:#06b6d40f;border-color:#06b6d480}.forecast__title{letter-spacing:0;color:var(--text-muted);font-size:10px;font-weight:700}.forecast__bar-row{justify-content:space-between;align-items:center;display:flex}.forecast__bar-label{font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:10px;font-weight:700}.forecast__bar{flex:1;gap:1px;display:flex}.forecast__bar-cell{border-radius:1px;flex:1;height:8px}.forecast__bar-cell--down{background:var(--red);opacity:.85}.forecast__bar-cell--up{background:var(--green);opacity:.85}.forecast__up{color:var(--green)}.forecast__down{color:var(--red)}.forecast__note{color:var(--text-muted);opacity:.6;font-size:10px}.analysis-panel__label{letter-spacing:0;color:var(--text-muted);border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:32px 1fr 10px 1fr 48px;padding:8px 22px;font-size:10px;font-weight:600;display:grid}.analysis-panel__label span:nth-child(2){text-align:center;grid-column:2/5}.analysis-panel__label span:last-child{text-align:right;grid-column:5}.analysis-panel__list{flex-direction:column;gap:2px;display:flex}.analysis-row{border-radius:4px;grid-template-columns:32px 1fr 10px 1fr 48px;align-items:center;gap:4px;padding:5px 6px;transition:background .12s;display:grid}.analysis-row:hover{background:#ffffff0a}.analysis-row--highlight{background:#22c55e2e}.analysis-row--highlight:hover{background:#22c55e40}.analysis-row__date{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:10px;font-weight:600}.analysis-row__open,.analysis-row__close{color:var(--text);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.analysis-row__arrow{color:var(--text-muted);opacity:.4;text-align:center;font-size:10px}.analysis-row__chg{font-variant-numeric:tabular-nums;text-align:right;font-size:10px;font-weight:600}.analysis-row__chg.up{color:var(--green)}.analysis-row__chg.down{color:var(--red)}.tab-bar{z-index:9;border-bottom:1px solid var(--border);scrollbar-width:none;background:0 0;align-items:flex-end;gap:2px;padding:0 20px;display:flex;position:relative;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-item{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;align-items:center;gap:6px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:flex;position:relative;bottom:-1px}.tab-item:hover{color:var(--text);background:#ffffff0a}.tab-item--active{border-color:var(--border-hi);color:var(--text);background:#06b6d40f}.tab-item__market{pointer-events:none;padding:2px 6px;font-size:9px}.tab-item__symbol{letter-spacing:.03em}.tab-item__close{color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-left:2px;font-size:14px;line-height:1;transition:background .12s,color .12s;display:flex}.tab-item__close:hover{color:#ef4444;background:#ef444426}.app{height:100vh;position:relative;overflow:hidden}.app-body{height:100vh;display:flex;overflow:hidden}.app-left{flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.bg-glow{filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;width:600px;height:600px;position:fixed}.bg-glow--left{background:radial-gradient(circle,#06b6d42e 0%,#0000 70%);top:-100px;left:-200px}.bg-glow--right{background:radial-gradient(circle,#3b82f626 0%,#0000 70%);bottom:-100px;right:-200px}.app--home{justify-content:center;align-items:center}.home-center{z-index:1;flex-direction:column;align-items:center;gap:28px;width:100%;max-width:800px;padding:0 24px;display:flex;position:relative}.home-logo{align-items:center;gap:12px;display:flex}.home-logo .logo-icon{color:var(--cyan);text-shadow:0 0 20px var(--cyan), 0 0 40px #06b6d466;font-size:36px}.home-logo .logo-text{letter-spacing:.03em;color:var(--text);font-family:Silkscreen,sans-serif;font-size:28px;font-weight:600}.home-search{width:100%}.home-search .header-search{-webkit-backdrop-filter:blur(2px);background:#161e2dbf;border:1px solid #ffffff12;width:100%;max-width:100%;padding:0 20px 0 24px;transition:border-color .3s,box-shadow .3s,background .3s;box-shadow:inset 0 0 40px #06b6d41f,inset 0 0 80px #6366f114,inset 0 1px #ffffff1f,inset 0 -1px #06b6d414}.home-search .header-search:focus-within{background:#1c263ad1;border-color:#06b6d44d;box-shadow:inset 0 0 50px #06b6d429,inset 0 0 100px #6366f11a,inset 0 1px #ffffff26,inset 0 -1px #06b6d41f,0 0 30px #06b6d40f}.home-search .search-input{padding:20px 0;font-size:16px}.home-search .search-input::placeholder{opacity:.8}.header{z-index:10;border-bottom:1px solid var(--border);align-items:center;gap:20px;padding:10px 16px 10px 18px;display:flex;position:relative}.header--no-border{border-bottom-color:#0000}.header-ticker{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.header-ticker__symbol{color:var(--text);letter-spacing:.02em;font-size:14px;font-weight:700}.header-ticker__name{color:var(--text-muted);font-size:12px}.header-ticker__divider{background:var(--border-hi);width:1px;height:14px}.header-ticker__price{color:var(--text);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.header-ticker__change{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.header-logo{flex-shrink:0;align-items:center;gap:7px;display:flex}.header-search{border:1px solid var(--border-hi);background:#ffffff0a;border-radius:100px;flex:1;align-items:center;max-width:480px;padding:0 6px 0 18px;transition:border-color .2s,box-shadow .2s;display:flex}.header-search:focus-within{border-color:#06b6d480;box-shadow:0 0 0 3px #06b6d414,0 0 20px #06b6d414}.logo{align-items:center;gap:10px;display:flex}.logo-icon{color:var(--cyan);text-shadow:0 0 16px var(--cyan);font-size:22px}.logo-text{letter-spacing:.03em;color:var(--text);font-family:Silkscreen,sans-serif;font-size:17px;font-weight:600}.header-badge{letter-spacing:.12em;color:var(--cyan);background:#06b6d41a;border:1px solid #06b6d44d;border-radius:100px;padding:3px 10px;font-size:10px;font-weight:600}.analysis-btn{border:1px solid var(--border-hi);width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.analysis-btn:hover{background:#06b6d40f;border-color:#06b6d480}.panel-chevron{border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transition:transform .2s;display:inline-block;transform:translate(1px)rotate(135deg)}.panel-chevron--open{transform:translate(-1px)rotate(-45deg)}.main{z-index:1;flex-direction:column;flex:1;width:100%;min-height:0;padding:0;display:flex;position:relative}.chart-area{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.panel-toggle-btn{border:1px solid var(--border-hi);width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:border-color .2s,background .2s;display:flex}.panel-toggle-btn:hover{background:#06b6d40f;border-color:#06b6d480}.hero{text-align:center}.hero-title{letter-spacing:-.02em;color:var(--text);margin-bottom:12px;font-family:Playfair Display,Georgia,serif;font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.1}.hero-title em{color:var(--cyan);text-shadow:0 0 40px #06b6d480;font-style:italic}.hero-sub{color:var(--text-muted);letter-spacing:.04em;font-size:15px}.search-wrap{width:100%;max-width:560px}.chart-card{border:1px solid var(--border-hi);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1117b3;width:100%;overflow:hidden}.chart-card__header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;padding:20px 24px 16px;display:flex}.chart-card__info{flex:1;align-items:center;gap:10px;display:flex}.market-tag{letter-spacing:.1em;border-radius:100px;padding:3px 9px;font-size:10px;font-weight:700}.market-tag--jp{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.market-tag--us{color:var(--cyan);background:#06b6d426;border:1px solid #06b6d44d}.chart-card__symbol{color:var(--text);letter-spacing:.02em;font-size:20px;font-weight:700}.chart-card__name{color:var(--text-muted);font-size:13px}.chart-card__stats{align-items:baseline;gap:10px;display:flex}.price{color:var(--text);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.change{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.change--up{color:var(--green)}.change--down{color:var(--red)}.empty-state{color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:80px 0;font-size:14px;display:flex}.empty-state__icon{opacity:.3;font-size:32px}.footer{z-index:1;text-align:center;color:var(--text-muted);border-top:1px solid var(--border);opacity:.6;padding:20px;font-size:12px;position:relative}