@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary: #0a0a0f;--bg-card: rgba(26, 26, 40, .76);--bg-panel: rgba(255, 255, 255, .028);--text-primary: #ffffff;--text-secondary: #a0a0b0;--accent-red: #ff5a61;--accent-red-glow: rgba(255, 77, 77, .2);--accent-green: #61d99a;--accent-amber: #f7c66c;--border-color: rgba(255, 255, 255, .075);--card-radius: 18px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{min-height:100vh;min-height:100svh;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-primary);background:radial-gradient(circle at 50% -20%,rgba(92,92,140,.13),transparent 42%),var(--bg-primary);line-height:1.45}.app-container{width:100%;max-width:1120px;min-height:100svh;margin:0 auto;padding:clamp(.75rem,2.2vh,1.4rem) clamp(.75rem,2.2vw,1.5rem)}.app-header{margin-bottom:clamp(.65rem,1.7vh,1.1rem);text-align:center}.app-header h1{margin-bottom:.1rem;font-size:clamp(1.75rem,3.8vw,2.55rem);font-weight:700;line-height:1.08;background:linear-gradient(135deg,#fff,#a0a0b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--text-secondary);font-size:clamp(.82rem,1.5vw,1rem);line-height:1.25}.main-content{display:flex;align-items:flex-start;justify-content:center}.signal-card-container{display:flex;width:100%;flex-direction:column;align-items:center;gap:.75rem}.signal-card{width:100%;max-width:1040px;padding:clamp(.9rem,2vw,1.35rem);overflow:visible;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--card-radius);box-shadow:0 14px 38px #00000052,inset 0 1px #ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:box-shadow .25s ease}@media (hover: hover) and (pointer: fine){.signal-card:hover{box-shadow:0 18px 44px #00000061,inset 0 1px #ffffff14}}.signal-card-header{position:relative;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(420px,1.35fr);gap:.8rem 1rem;align-items:stretch;min-width:0;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.signal-mode,.signal-meta,.signal-meta>div,.signal-item,.signal-item>*{min-width:0}.signal-mode{display:flex;flex-direction:column;justify-content:center}.signal-badges{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.45rem}.signal-badge{display:inline-flex;min-height:1.6rem;align-items:center;padding:.18rem .58rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.signal-badge.state{color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.13)}.signal-badge.research{color:var(--accent-amber);background:#f7c66c1a;border:1px solid rgba(247,198,108,.28)}.signal-badge.warning{color:var(--accent-red);background:#ff4d4d1f;border:1px solid rgba(255,77,77,.34)}.research-note{color:var(--text-secondary);font-size:.76rem;line-height:1.35}.signal-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.signal-meta>div{display:flex;flex-direction:column;justify-content:center;gap:.12rem;padding:.5rem .65rem;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:9px}.signal-meta span{color:var(--text-secondary);font-size:.68rem}.signal-meta strong{color:var(--text-primary);font-size:clamp(.72rem,1.35vw,.82rem);font-weight:600;overflow-wrap:anywhere}.freshness.fresh{color:var(--accent-green)}.freshness.delayed,.freshness.unknown{color:var(--accent-amber)}.freshness.stale,.freshness.gap{color:var(--accent-red)}.refresh-indicator{position:absolute;top:.1rem;right:0;color:var(--text-secondary);font-size:.66rem}.probability-panel{display:grid;grid-template-columns:minmax(175px,.58fr) minmax(0,1.7fr);gap:.75rem;align-items:center;margin-bottom:.75rem;padding:.62rem .7rem;background:#0b0b1257;border:1px solid var(--border-color);border-radius:11px}.probability-heading>div{display:flex;flex-direction:column;gap:.1rem}.probability-heading strong{font-size:.82rem;line-height:1.25}.probability-heading span{color:var(--text-secondary);font-size:.65rem;line-height:1.3}.probability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.probability-item{min-width:0;padding:.42rem .52rem;background:#ffffff06;border:1px solid transparent;border-radius:8px}.probability-item.active{background:#ffffff0c;border-color:#ffffff1c}.probability-copy{display:flex;min-width:0;align-items:baseline;justify-content:space-between;gap:.35rem;margin-bottom:.3rem}.probability-copy span{min-width:0;color:var(--text-secondary);font-size:.66rem;font-weight:600;white-space:nowrap}.probability-copy strong{font-size:.9rem;line-height:1}.probability-buy .probability-copy strong{color:var(--accent-green)}.probability-sell .probability-copy strong{color:var(--accent-red)}.probability-wait .probability-copy strong{color:var(--accent-amber)}.probability-track{width:100%;height:4px;overflow:hidden;background:#ffffff14;border-radius:999px}.probability-track span{display:block;height:100%;border-radius:inherit}.probability-buy .probability-track span{background:var(--accent-green)}.probability-sell .probability-track span{background:var(--accent-red)}.probability-wait .probability-track span{background:var(--accent-amber)}.probability-unavailable{color:var(--text-secondary);font-size:.74rem}.signal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"time decision" "h1 key-level" "m15 breakout" "m5 breakdown" "m1 empty";gap:.48rem .65rem}.signal-item-time{grid-area:time}.signal-item-h1{grid-area:h1}.signal-item-m15{grid-area:m15}.signal-item-m5{grid-area:m5}.signal-item-m1{grid-area:m1}.signal-item-decision{grid-area:decision}.signal-item-key-level{grid-area:key-level}.signal-item-breakout{grid-area:breakout}.signal-item-breakdown{grid-area:breakdown}.signal-item{display:grid;grid-template-columns:3.65rem minmax(0,1fr);align-items:start;gap:.48rem;padding:.52rem .62rem;background:var(--bg-panel);border:1px solid var(--border-color);border-radius:9px}.signal-item-decision{border-color:#ff5a612b}.signal-label{color:var(--accent-red);font-size:.79rem;font-weight:700;line-height:1.35;text-shadow:0 0 10px var(--accent-red-glow)}.signal-value{color:var(--text-primary);font-size:clamp(.78rem,1.45vw,.9rem);font-weight:600;line-height:1.35;letter-spacing:.01em;overflow-wrap:anywhere}.signal-summary{margin-top:.65rem;color:var(--text-secondary);background:var(--bg-panel);border:1px solid var(--border-color);border-radius:9px;font-size:.72rem}.signal-summary summary{padding:.48rem .65rem;color:#c4c4d0;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.signal-summary p{padding:0 .65rem .65rem;line-height:1.55}.status-banner{width:min(100%,1040px);padding:.65rem 1rem;color:var(--accent-red);background:#ff4d4d1a;border:1px solid rgba(255,77,77,.3);border-radius:8px;font-size:.82rem;font-weight:500;text-align:center}.status-banner.not-found{color:var(--accent-amber);background:#f7c66c14;border-color:#f7c66c47}.signal-card.loading{opacity:.7}.signal-card.refreshing{box-shadow:0 14px 38px #00000052,inset 0 1px #ffffff14,0 0 0 1px #ff4d4d14}.unavailable-state{display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;text-align:center}.unavailable-mark{display:grid;width:3.25rem;height:3.25rem;place-items:center;color:var(--text-secondary);background:#ffffff0a;border:1px solid var(--border-color);border-radius:50%;font-size:1.4rem}.unavailable-title{font-size:1.05rem;font-weight:600}.unavailable-state p{max-width:300px;color:var(--text-secondary);font-size:.82rem}@media (max-width: 820px){.signal-card-header{grid-template-columns:minmax(165px,.65fr) minmax(300px,1.35fr);gap:.65rem}.probability-panel{grid-template-columns:1fr;gap:.45rem}.probability-heading>div{flex-direction:row;align-items:baseline;justify-content:space-between;gap:.5rem}}@media (max-width: 620px){.app-container{padding:.65rem}.app-header{margin-bottom:.55rem}.app-header h1{font-size:clamp(1.55rem,7vw,2rem)}.signal-card{padding:.72rem;border-radius:14px}.signal-card-header{grid-template-columns:1fr;gap:.55rem}.signal-mode{flex-direction:row;align-items:center;justify-content:space-between;gap:.6rem}.signal-badges{flex:none;margin-bottom:0}.research-note{text-align:right}.signal-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.signal-list{grid-template-areas:"time h1" "m15 m5" "m1 decision" "key-level key-level" "breakout breakout" "breakdown breakdown"}.signal-item{grid-template-columns:3rem minmax(0,1fr);padding:.46rem .5rem}.signal-item-key-level,.signal-item-breakout,.signal-item-breakdown{grid-template-columns:3.65rem minmax(0,1fr)}.refresh-indicator{display:none}}@media (max-width: 420px){.signal-mode{align-items:flex-start}.research-note{max-width:9rem}.probability-copy{flex-direction:column;gap:.16rem}.probability-copy span{font-size:.58rem}.probability-copy strong{font-size:.82rem}}@media (max-width: 350px){.signal-meta{grid-template-columns:1fr}.signal-list{grid-template-columns:1fr;grid-template-areas:"time" "h1" "m15" "m5" "m1" "decision" "key-level" "breakout" "breakdown"}}@media (max-height: 800px) and (min-width: 621px){.app-container{padding-top:.6rem;padding-bottom:.6rem}.app-header{margin-bottom:.55rem}.app-header h1{font-size:1.8rem}.subtitle{font-size:.78rem}.signal-card{padding-top:.8rem;padding-bottom:.8rem}}@media (prefers-reduced-motion: reduce){.signal-card{transition:none}}
