.ec-ltl4d{--ec-cyan:#00e8d0;--ec-violet:#7b68ee;--ec-amber:#f5c542;margin:1.6rem auto;max-width:940px;overflow:hidden;border:1px solid rgba(0,232,208,.28);border-radius:18px;background:radial-gradient(ellipse at 50% 42%,rgba(25,54,75,.98),rgba(9,18,30,.99) 72%);color:#e8f0ee;box-shadow:0 18px 55px rgba(0,0,0,.22);font:inherit}
.ec-ltl4d *{box-sizing:border-box}
.ec-ltl4d__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 23px 15px;border-bottom:1px solid rgba(177,204,221,.16)}
.ec-ltl4d__head h2{margin:.18rem 0 .35rem;font-size:clamp(1.15rem,2.5vw,1.55rem);line-height:1.2;color:#f2f7f8}
.ec-ltl4d__eyebrow{margin:0;color:#9bb8c8;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.ec-ltl4d__lead{margin:0;color:#bacad5;font-size:.88rem;line-height:1.45}
.ec-ltl4d__badge{flex:0 0 auto;padding:6px 9px;border:1px solid rgba(0,232,208,.42);border-radius:999px;background:rgba(0,232,208,.08);color:#9ff7ed;font-size:.7rem;font-weight:700;letter-spacing:.04em}
.ec-ltl4d__viewport{position:relative;height:clamp(340px,48vw,500px);background:radial-gradient(ellipse at 48% 50%,rgba(30,63,85,.34),transparent 65%)}
.ec-ltl4d__canvas{display:block;width:100%;height:100%;touch-action:none}
.ec-ltl4d__hint{position:absolute;left:14px;top:13px;padding:6px 8px;border:1px solid rgba(151,181,202,.25);border-radius:7px;background:rgba(7,16,27,.84);color:#c4d3dd;font-size:.7rem}
.ec-ltl4d__legend{position:absolute;right:13px;top:13px;display:grid;gap:7px;padding:9px 10px;border:1px solid rgba(151,181,202,.25);border-radius:9px;background:rgba(7,16,27,.88);color:#d6e1e8;font-size:.7rem}
.ec-ltl4d__legend span{display:flex;align-items:center;gap:7px;white-space:nowrap}
.ec-ltl4d__key{display:inline-block;width:17px;height:3px;border-radius:3px;background:var(--ec-cyan)}
.ec-ltl4d__key--orbit{height:0;border-top:1px dashed #a8bbc8;background:none}
.ec-ltl4d__key--time{height:5px;background:linear-gradient(90deg,#58d7ed,#9a8cff 52%,#ffbf69)}
.ec-ltl4d__key--burn{background:var(--ec-amber)}
.ec-ltl4d__controls{display:grid;grid-template-columns:auto minmax(130px,1fr) auto;align-items:center;gap:12px;padding:13px 18px;border-top:1px solid rgba(177,204,221,.16);border-bottom:1px solid rgba(177,204,221,.16)}
.ec-ltl4d__buttons{display:flex;gap:7px}
.ec-ltl4d__controls button{min-height:38px;padding:6px 11px;border:1px solid #476176;border-radius:8px;background:#162e42;color:#eef5f7;font:inherit;font-size:.82rem;cursor:pointer}
.ec-ltl4d__controls button:hover{border-color:var(--ec-cyan);background:#1c3d50}
.ec-ltl4d__controls button:focus-visible,.ec-ltl4d__slider:focus-visible{outline:3px solid #a5fff4;outline-offset:3px}
.ec-ltl4d__slider{width:100%;accent-color:var(--ec-cyan)}
.ec-ltl4d__time{min-width:76px;color:#d9e7ee;text-align:right;font:500 .78rem ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums}
.ec-ltl4d__readout{margin:0;padding:10px 18px;border-bottom:1px solid rgba(177,204,221,.13);color:#c0d0db;font:500 .75rem/1.5 ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums}
.ec-ltl4d__stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.ec-ltl4d__stages span{padding:12px 16px;border-right:1px solid rgba(177,204,221,.13);color:#b9c9d4;font-size:.76rem}
.ec-ltl4d__stages span:last-child{border-right:0}
.ec-ltl4d__stages b{display:block;margin-bottom:2px;color:var(--ec-amber);font-size:1.02rem}
.ec-ltl4d__note{margin:0;padding:12px 18px;border-top:1px solid rgba(177,204,221,.13);color:#b8c7d2;font-size:.75rem;line-height:1.5}
.ec-ltl4d__note strong{color:#eaf2f4}
.ec-ltl4d__sources{margin:0;padding:0 18px 15px;color:#91a9b9;font-size:.72rem}
.ec-ltl4d__sources a{color:#7eece0;text-underline-offset:3px}
@media(max-width:620px){.ec-ltl4d{border-radius:13px}.ec-ltl4d__head{padding:16px 14px 12px;gap:9px}.ec-ltl4d__head h2{font-size:1.16rem}.ec-ltl4d__lead{font-size:.8rem}.ec-ltl4d__badge{font-size:.62rem;padding:5px 7px}.ec-ltl4d__viewport{height:390px}.ec-ltl4d__hint{top:auto;bottom:10px;left:10px;font-size:.64rem}.ec-ltl4d__legend{top:9px;right:9px;padding:7px 8px;font-size:.64rem}.ec-ltl4d__controls{grid-template-columns:1fr auto;gap:8px;padding:11px 12px}.ec-ltl4d__buttons{grid-column:1/-1}.ec-ltl4d__buttons button{flex:1;min-height:42px}.ec-ltl4d__slider{grid-column:1}.ec-ltl4d__time{grid-column:2;grid-row:2}.ec-ltl4d__readout{padding:9px 12px;font-size:.66rem}.ec-ltl4d__stages span{padding:10px 8px;font-size:.68rem}.ec-ltl4d__note{padding:10px 12px;font-size:.71rem}.ec-ltl4d__sources{padding:0 12px 13px}}
@media(max-width:360px){.ec-ltl4d__legend{font-size:.6rem}.ec-ltl4d__stages span{padding-inline:6px;font-size:.64rem}}
@media(prefers-reduced-motion:reduce){.ec-ltl4d *{scroll-behavior:auto!important}}