*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;background:#fff;color:#1a1a1a}#root{min-height:100vh}.shell{max-width:1400px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.shell.index-mode{max-width:none;padding:12px 16px 16px}.shell.index-mode .combo-row{margin-bottom:8px}.shell.index-mode .page-header{margin-bottom:8px;justify-content:flex-end}h1{margin:0;font-size:22px;font-weight:600}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.chart-view-tabs{display:flex;gap:8px;flex-shrink:0}.chart-view-tabs button{padding:8px 16px;border-radius:8px;border:1px solid #d0d0d0;background:#fff;color:#333;cursor:pointer;font-size:14px;font-weight:500;white-space:nowrap;box-shadow:0 1px 3px #0000000f}.chart-view-tabs button.active{background:#6366f1;border-color:#6366f1;color:#fff;box-shadow:0 2px 8px #6366f159}.subtitle{color:#666;margin-bottom:16px;font-size:14px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e8e8e8}.chart-time-bar{display:flex;gap:16px;align-items:center;flex:1 1 auto;min-width:0;padding:0 4px}.chart-header-bar{display:flex;align-items:center;margin-bottom:8px}.spread-view,.index-view{display:none}.spread-view.active{display:block}.index-view.active{display:flex;flex:1;flex-direction:column;min-height:0}.index-spread-iframe{flex:1;width:100%;height:calc(100vh - 120px);min-height:360px;border:none;border-radius:8px;background:#fff}@media (max-width: 768px){.page-header{flex-wrap:wrap;gap:10px}.chart-view-tabs{width:100%;justify-content:flex-end}.chart-header-bar{flex-wrap:wrap}.shell.index-mode{padding:8px 10px 10px}.index-spread-iframe{height:calc(100vh - 112px);min-height:280px;border-radius:6px}}.quick-time{padding:0;border:none;background:transparent;color:#999;font-size:13px;cursor:pointer;border-radius:0}.quick-time.active{color:#000;font-weight:500;background:transparent;border:none}select,.toolbar>button{padding:8px 12px;border-radius:8px;border:1px solid #e0e0e0;background:#fff;color:#333;cursor:pointer;font-size:13px}.toolbar>button.active{background:#1989fa;border-color:#1989fa;color:#fff}.pair-info{margin-bottom:12px;color:#666;font-size:13px}.combo-row{margin-bottom:8px}.combo-cards-scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c4c4c4 transparent;padding-bottom:4px}.combo-cards-scroll::-webkit-scrollbar{height:6px}.combo-cards-scroll::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.combo-cards-scroll::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:3px}.combo-cards-scroll::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.combo-cards{display:inline-flex;gap:10px;min-width:min-content;padding:2px 0 6px}.combo-card{flex:0 0 auto;min-width:132px;padding:10px 14px;border-radius:10px;border:1px solid #e8e8e8;background:#fff;cursor:pointer;text-align:center;transition:background .2s,border-color .2s,box-shadow .2s,color .2s;font-family:inherit}.combo-card.empty{cursor:default;color:#999}.combo-card.active{background:#6366f1;border-color:#6366f1;box-shadow:0 4px 14px #6366f159;color:#fff}.combo-card-symbols{font-size:12px;font-weight:500;line-height:1.3;margin-bottom:8px;white-space:nowrap;color:inherit;opacity:.92}.combo-card.active .combo-card-symbols{opacity:1}.combo-card-spreads{display:flex;justify-content:center;gap:12px}.combo-card-spread{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}.combo-card-spread.positive{color:#54c31b}.combo-card-spread.negative{color:#f5232d}.combo-card-spread.zero{color:#999}.combo-card.active .combo-card-spread.positive{color:#b8f5c0}.combo-card.active .combo-card-spread.negative{color:#ffb3ba}.combo-card.active .combo-card-spread.zero{color:#ffffffbf}@media (max-width: 768px){.combo-card{min-width:118px;padding:8px 12px}.combo-card-symbols{font-size:11px;margin-bottom:6px}.combo-card-spread{font-size:14px}.combo-card-spreads{gap:10px}}.quote-panel{display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:12px;overflow-x:auto}.quote-card{flex:1 1 0;min-width:160px;background:#f5f5f5;border:1px solid #ececec;border-radius:10px;padding:10px 14px}.quote-head{font-size:12px;color:#999;margin-bottom:8px}.quote-line{display:flex;flex-wrap:nowrap;align-items:baseline;gap:8px;white-space:nowrap}.quote-sep{color:#1a1a1a;font-size:16px;font-weight:600}.quote-value{color:#1a1a1a;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2}.line-toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none}.toolbar-options{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}.ma-panel{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.ma-checkbox{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none}.ma-checkbox input{width:14px;height:14px;cursor:pointer;accent-color:#2196F3}.ma-add-row{display:inline-flex;align-items:center;gap:6px}.ma-add-btn,.ma-expand-btn{padding:5px 10px;border-radius:6px;border:1px solid #e0e0e0;background:#fff;color:#333;font-size:13px;cursor:pointer;line-height:1.2}.ma-add-btn:hover,.ma-expand-btn:hover{border-color:#2196f3;color:#2196f3}.ma-tags{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.ma-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;border:1px solid #2196F3;font-size:12px;line-height:1.4;background:#2196f30f}.ma-tag-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;border-radius:50%;background:transparent;color:inherit;font-size:14px;line-height:1;cursor:pointer;opacity:.7}.ma-tag-remove:hover{opacity:1;background:#0000000f}.ma-period-input{padding:6px 8px;border-radius:6px;border:1px solid #e0e0e0;background:#fff;color:#333;font-size:13px;width:72px}.ma-period-input::placeholder{color:#bbb}.line-toggle input{width:15px;height:15px;cursor:pointer;accent-color:#1989fa}@media (max-width: 768px){.shell{padding:12px}h1{font-size:18px}.chart-view-tabs button{padding:7px 12px;font-size:13px}.quote-panel{gap:8px}.quote-card{min-width:0;flex:1 1 0;padding:8px 10px}.quote-head{font-size:11px;margin-bottom:4px}.quote-line{gap:4px}.quote-value,.quote-sep{font-size:14px;font-weight:600}.chart-box{height:420px}.line-toggle{margin-left:0}.toolbar-options{width:100%;margin-left:0;justify-content:flex-start}}.live-panel{display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:16px}.live-card{flex:1 1 0;min-width:140px;border-radius:10px;padding:12px 14px}.live-card-ab{background:#eef8f0}.live-card-ba{background:#faf4ea}.live-label{color:#666;font-size:13px;margin-bottom:8px}.live-value{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}.live-value.positive{color:#2e9b3a}.live-value.negative{color:#e84d5c}.live-value.zero{color:#666}.funding-panel{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;margin-bottom:12px;padding:12px 16px;border-radius:10px;background:#faf8f4;border:1px solid #f0ebe3;font-size:15px}.funding-item{display:flex;align-items:baseline;gap:8px}.funding-label{color:#666}.funding-value{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;color:#333}.funding-value.positive{color:#f5232d}.funding-value.negative{color:#54c31b}.funding-value.zero{color:#666}.funding-sep{color:#ccc;margin:0 2px}.funding-recent{color:#888;font-size:14px}.funding-next{margin-left:auto;color:#888;font-size:12px}@media (max-width: 768px){.funding-panel{flex-wrap:nowrap;justify-content:space-between;gap:8px;padding:10px 14px;font-size:14px}.funding-item{gap:6px;flex:0 1 auto;min-width:0;white-space:nowrap}.funding-label{font-size:14px}.funding-value{font-size:15px}.funding-recent{font-size:13px}.funding-next{margin-left:0;width:auto;flex:0 1 auto;font-size:11px;white-space:nowrap}.live-value{font-size:22px}}.chart-box{height:560px;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;background:#fff;position:relative}.chart-tooltip{position:absolute;display:none;padding:12px;font-size:12px;z-index:1000;pointer-events:none;border-radius:4px;box-shadow:0 2px 5px #75869673;background:#fffffff2;color:#000;border:1px solid rgba(239,83,80,.3);min-width:150px;max-width:calc(100% - 16px);-webkit-tap-highlight-color:transparent}@media (max-width: 768px){.chart-tooltip{font-size:13px;padding:10px 12px}}.chart-tooltip-title{font-weight:600;margin-bottom:8px}.status-hint{margin-top:10px;color:#f59e0b;font-size:13px}.chart-brand-logo{min-width:60px;white-space:nowrap}.chart-brand-logo-img{height:100%;max-height:24px;width:auto;object-fit:contain}.chart-brand-logo-text{color:#000;font-weight:500;padding:0 4px}