@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Share+Tech+Mono&display=swap";:root{--bg-color: #050508;--panel-bg: rgba(13, 13, 25, .75);--panel-border: rgba(255, 255, 255, .08);--text-primary: #f0f2f5;--text-secondary: #9aa0a6;--accent-red: #ff3b30;--accent-blue: #007aff;--accent-cyan: #30d5c8;--accent-orange: #ff9500;--accent-gold: #ffd700;--glow-red: 0 0 12px rgba(255, 59, 48, .6);--glow-cyan: 0 0 12px rgba(48, 213, 200, .4)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Outfit,sans-serif;overflow:hidden;height:100vh;width:100vw;display:flex}.stars-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(white,rgba(255,255,255,.2) 2px,transparent 40px),radial-gradient(white,rgba(255,255,255,.15) 1px,transparent 30px),radial-gradient(white,rgba(255,255,255,.1) 2px,transparent 40px);background-size:550px 550px,350px 350px,250px 250px;background-position:0 0,40px 60px,130px 270px;opacity:.25;z-index:0;pointer-events:none}.nebula-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,122,255,.05) 0%,rgba(255,59,48,.02) 60%,transparent 100%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0}.container{display:flex;width:100%;height:100%;z-index:1;position:relative}.sidebar{width:420px;height:100%;background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--panel-border);display:flex;flex-direction:column;padding:24px;overflow-y:auto;z-index:10;box-shadow:10px 0 30px #00000080}.simulation-area{flex:1;height:100%;position:relative;overflow:hidden;background:radial-gradient(circle at center,#0a0a14,#050508)}.canvas-stage{position:relative;width:100%;height:100%}#sim-canvas{width:100%;height:100%;display:block;touch-action:none}.brand{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;text-decoration:none;color:#ffffffe6;font-size:14px;font-weight:600;letter-spacing:.5px;transition:color .2s ease,opacity .2s ease}.brand:hover{color:#fff;opacity:.9}.brand-dot{width:18px;height:18px;flex:0 0 auto;background:url(/favicon.png) center/contain no-repeat}.exp-close{position:fixed;top:24px;right:24px;width:40px;height:40px;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#ffffffd1;background:#0d0d19c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;z-index:30;transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease}.exp-close:hover{color:#fff;background:#ffffff26;border-color:#ffffff4d;transform:scale(1.05)}.exp-close svg{width:18px;height:18px}h1{font-size:24px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#fff 30%,#a2a2c2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px}.subtitle{font-size:13px;color:var(--text-secondary);margin-bottom:24px;text-transform:uppercase;letter-spacing:1px}.section{margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:20px}.section:last-child{border-bottom:none}.section-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:12px;letter-spacing:.5px;text-transform:uppercase}.telemetry-section{margin-bottom:18px;padding-bottom:16px}.telemetry-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.telemetry-title-meta{display:inline-flex;align-items:flex-end;gap:10px;white-space:nowrap}.telemetry-meta-item{display:inline-flex;flex-direction:column;align-items:flex-end;gap:2px}.telemetry-title-meta .telemetry-label{margin-bottom:0;font-size:9px}.telemetry-title-meta .telemetry-value{font-size:14px;line-height:1}.telemetry-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:8px}.telemetry-card{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;min-height:62px;justify-content:center}.telemetry-label{font-size:10px;line-height:1.2;color:var(--text-secondary);text-transform:uppercase;margin-bottom:3px}.telemetry-value{font-family:Share Tech Mono,monospace;font-size:17px;line-height:1.15;color:#fff;letter-spacing:0}.telemetry-split{display:grid;grid-template-columns:1fr 1fr;gap:6px}.telemetry-split>span{min-width:0}.telemetry-sub-label{display:block;color:var(--text-secondary);font-size:9px;line-height:1.2;margin-bottom:2px;text-transform:uppercase}.telemetry-split .telemetry-value{font-size:13px;white-space:nowrap}.telemetry-value.speed{color:var(--accent-red);text-shadow:var(--glow-red)}body.parker-high-speed .telemetry-speed-card{border-color:#ff95006b;background:linear-gradient(135deg,#ff3b3024,#ff95000f),#ffffff05;box-shadow:0 0 22px #ff5f302e;animation:high-speed-pulse 1.05s ease-in-out infinite}body.parker-high-speed .telemetry-value.speed{color:#ffd166;text-shadow:0 0 10px rgba(255,209,102,.75),0 0 22px rgba(255,59,48,.45)}@keyframes high-speed-pulse{0%,to{box-shadow:0 0 18px #ff5f3029}50%{box-shadow:0 0 30px #ff950057}}.telemetry-value.date{color:var(--accent-cyan);text-shadow:var(--glow-cyan)}.telemetry-value.distance{color:var(--accent-orange);font-size:13px}button{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff;padding:10px 16px;border-radius:6px;cursor:pointer;font-family:Outfit,sans-serif;font-weight:600;font-size:14px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}button:hover{background:#ffffff26;border-color:#ffffff40}button.active{background:var(--accent-red);border-color:var(--accent-red);box-shadow:var(--glow-red)}.canvas-floating-button{position:absolute;bottom:20px;z-index:6;min-width:96px;background:#0d0d19c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#btn-play-pause{left:calc(50% - 101px)}#btn-reset{left:calc(50% + 5px)}.control-row{margin-bottom:16px}.control-label-row{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary);margin-bottom:6px}input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;margin-bottom:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-red);box-shadow:var(--glow-red);cursor:pointer;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.timeline-wrapper{position:relative;padding-top:20px}.timeline-pins{position:absolute;top:0;left:8px;right:8px;height:20px;pointer-events:none}.timeline-pin{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.timeline-pin-num{font-family:Share Tech Mono,monospace;font-size:9px;line-height:1;color:var(--accent-cyan);background:#0d0d19e6;border:1px solid rgba(48,213,200,.5);border-radius:3px;padding:2px 4px;pointer-events:auto;cursor:pointer;transition:all .15s ease}.timeline-pin-num:hover{background:var(--accent-cyan);color:#04201d;box-shadow:var(--glow-cyan)}.timeline-pin-stem{width:2px;height:16px;background:var(--accent-cyan);box-shadow:var(--glow-cyan);pointer-events:none}.timeline-pin-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-4px);white-space:nowrap;background:#0d0d19f2;border:1px solid rgba(48,213,200,.4);color:var(--text-primary);font-size:11px;line-height:1.4;text-align:center;padding:6px 8px;border-radius:6px;box-shadow:0 4px 16px #0009;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:20}.timeline-pin:hover .timeline-pin-tooltip{opacity:1}.timeline-pin:first-child .timeline-pin-tooltip{transform:translate(-12%) translateY(-4px)}.timeline-pin:last-child .timeline-pin-tooltip{transform:translate(-88%) translateY(-4px)}.timeline-pin-speed{position:absolute;top:36px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.timeline-pin-speed .timeline-pin-stem{background:var(--accent-red);box-shadow:var(--glow-red);height:12px}.timeline-pin-speed .timeline-pin-num{display:inline-flex;align-items:center;justify-content:center;color:var(--accent-red);border-color:#ff3b3080;margin-top:1px}.timeline-pin-speed .timeline-pin-num:hover{background:var(--accent-red);color:#fff;box-shadow:var(--glow-red)}.timeline-pin-speed .timeline-pin-tooltip{top:100%;bottom:auto;border-color:#ff3b3066;transform:translate(-88%) translateY(4px)}.timeline-pin-speed:hover .timeline-pin-tooltip{opacity:1}.info-card{background:#ff3b300a;border:1px solid rgba(255,59,48,.15);border-radius:8px;padding:16px;font-size:13.5px;line-height:1.5}.info-card-header{font-weight:800;color:var(--accent-red);margin-bottom:8px;font-size:15px;display:flex;justify-content:space-between;align-items:center}.info-card-stat{font-size:12px;color:var(--text-secondary);margin-top:8px;border-top:1px solid rgba(255,255,255,.05);padding-top:8px;display:flex;flex-direction:column;gap:4px}.info-card-stat-row{display:flex;justify-content:space-between}.info-card-stat-value{font-family:Share Tech Mono,monospace;color:#fff}.legend{position:absolute;bottom:24px;right:24px;background:#0d0d19d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--panel-border);border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:8px;font-size:12px;box-shadow:0 4px 20px #00000080;z-index:5}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:16px;height:3px;border-radius:1.5px}.legend-color.circle{width:10px;height:10px;border-radius:50%}.legend-color.parker{background-color:var(--accent-red);box-shadow:var(--glow-red)}.legend-color.earth{background-color:var(--accent-blue)}.legend-color.venus{background-color:var(--accent-cyan)}.legend-color.mercury{background-color:var(--accent-orange)}.legend-color.sun{background-color:var(--accent-gold);box-shadow:0 0 10px #ffd70099}.top-controls{position:absolute;top:24px;right:80px;display:flex;gap:12px;z-index:5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media (max-width: 760px){.container{flex-direction:column}.simulation-area{order:-1;flex:1 1 auto;min-height:0}.sidebar{width:100%;height:auto;flex:0 0 auto;max-height:46vh;padding:16px 16px 20px;border-right:none;border-top:1px solid var(--panel-border);box-shadow:0 -10px 30px #00000080}h1{font-size:20px}.subtitle{margin-bottom:16px}.section{margin-bottom:18px;padding-bottom:16px}.exp-close{position:absolute;top:14px;right:14px;width:36px;height:36px}.top-controls{top:14px;left:14px;right:auto;gap:8px;flex-wrap:wrap;max-width:calc(100% - 68px)}.top-controls button{padding:7px 10px;font-size:12px}.legend{display:none}}