:root{font-family:Inter,Segoe UI,sans-serif;color:#f8fbff;background:radial-gradient(circle at top,rgba(103,138,255,.22),transparent 0 30%),radial-gradient(circle at bottom left,rgba(0,207,255,.12),transparent 0 28%),linear-gradient(135deg,#02040a,#061120 45%,#02050b)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;overflow:hidden}button{font:inherit}h1{margin:0;font-size:clamp(1.8rem,4vw,3rem)}.app-shell{height:100vh;padding:16px;display:flex;flex-direction:column;gap:16px;overflow:hidden}.content-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,420px);gap:18px;overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.24em;font-size:.72rem;color:#7cc7ff}.status-pill,.toggle-button{padding:10px 14px;border-radius:999px;border:1px solid rgba(124,199,255,.26);color:#dff4ff}.status-pill{background:#7cc7ff1f}.toggle-button{cursor:pointer;background:#ffffff0a;transition:transform .2s ease,background .2s ease}.toggle-button:hover,.toggle-button.active{transform:translateY(-1px);background:linear-gradient(135deg,#5c87ffe6,#67ebffeb);color:#06101b}.scene-card{position:relative;height:100%;min-height:0;border-radius:24px;overflow:hidden;border:1px solid rgba(134,174,255,.16);box-shadow:0 30px 70px #00000073;background:#080c14bf}.scene-overlay{position:absolute;z-index:2;top:14px;left:14px;display:flex;gap:8px;flex-wrap:wrap;pointer-events:none}.scene-overlay span{padding:6px 10px;border-radius:999px;background:#050a147a;border:1px solid rgba(124,199,255,.18);font-size:.75rem}.orbit-label{display:inline-block;color:#eef7ff;text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.95);pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:top center}.orbit-label strong{display:block;font-size:10px;line-height:1.05;font-weight:700}.orbit-label span{display:block;margin-top:1px;font-size:9px;color:#aeddff;line-height:1.05}.orbit-label.readable{opacity:.96}.planet-name-label{padding:2px 8px;border-radius:999px;background:#050a148c;border:1px solid rgba(124,199,255,.18);color:#eef7ff;font-size:11px;font-weight:600;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.9)}.planet-name-label.active{background:#7cc7ff2e;border-color:#7cc7ff66}.hud-panel{display:flex;flex-direction:column;gap:14px;min-height:0;overflow:hidden}.glass-panel{padding:16px;border-radius:20px;background:linear-gradient(180deg,#0e1422eb,#080c16c7);border:1px solid rgba(124,199,255,.15);box-shadow:inset 0 1px #ffffff0a,0 18px 40px #0003}.panel-label{margin:0 0 8px;color:#8db8ff;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.panel-label.below-title{margin-top:4px}.hero-panel h2{margin:0 0 8px;font-size:1.8rem}.hero-panel p:last-child{margin-bottom:0;color:#d6e5ff}.quick-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.quick-stats div{padding:10px;border-radius:14px;background:#ffffff0a}.quick-stats span{display:block;font-size:.72rem;color:#8db8ff;margin-bottom:4px}.time-value{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700}.date-value{margin-top:6px;color:#d6e5ff}.planet-buttons{display:flex;flex-wrap:wrap;gap:8px}.planet-button{border:1px solid rgba(124,199,255,.2);background:#ffffff0a;color:#eff7ff;border-radius:999px;padding:9px 12px;cursor:pointer;transition:transform .2s ease,background .2s ease}.planet-button:hover,.planet-button.active{background:linear-gradient(135deg,#4f8cffe6,#7cc7fff2);color:#07101d;transform:translateY(-1px)}.event-panel{display:flex;flex-direction:column;min-height:0;flex:1}.event-buttons{display:grid;gap:8px;min-height:0;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(124,199,255,.5) transparent}.event-buttons::-webkit-scrollbar{width:8px}.event-buttons::-webkit-scrollbar-track{background:transparent}.event-buttons::-webkit-scrollbar-thumb{background:#7cc7ff61;border-radius:999px}.event-button{display:block;padding:10px 12px;border-radius:12px;border:1px solid rgba(124,199,255,.16);background:#ffffff0a;color:#eef7ff;cursor:pointer;text-align:left}.event-button strong{display:block;font-size:.9rem}.event-planet-label{display:block;margin-top:3px;font-size:.76rem;color:#dce9ff}.event-year{display:block;margin-top:2px;font-size:.74rem;color:#9fd7ff}.event-button.active,.event-button:hover{background:linear-gradient(135deg,#4f8cff3d,#7cc7ff33);border-color:#7cc7ff59}.event-description{margin:10px 0 0;color:#d6e5ff;font-size:.9rem;line-height:1.4;flex-shrink:0}@media (min-width: 981px){body{overflow:hidden}.app-shell{height:100vh;padding:16px;gap:16px}.content-grid{grid-template-columns:minmax(0,2fr) minmax(320px,420px);gap:18px;overflow:hidden}.topbar-actions{justify-content:flex-end}.scene-card{min-height:0}}@media (max-width: 980px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;padding:12px;gap:12px;overflow:visible}.content-grid{grid-template-columns:1fr;gap:14px;overflow:visible}.topbar{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:10px}.topbar-actions{width:100%;justify-content:flex-start}.hud-panel{overflow:visible}.event-buttons{max-height:34vh}.scene-card{min-height:56vh}}@media (max-width: 640px){.app-shell{padding:10px;gap:10px}.toggle-button{width:100%;text-align:center}.quick-stats{grid-template-columns:1fr}.planet-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.planet-button{justify-content:center;padding:10px}.event-button{padding:10px}.scene-card{min-height:48vh;border-radius:18px}}