:root {
            --lcars-blue: #6495ED; --lcars-purple: #9F81F7; --lcars-orange: #FF8C00;
            --lcars-tan: #FFDAB9; --background: #000000; --surface: #111111;
            --text: #EAEAEA; --text-muted: #B0B8C3; --glow: 0 0 10px rgba(100, 149, 237, 0.5);
        }
        body { background: var(--background); color: var(--text); font-family: 'Roboto Condensed', sans-serif; }
        .font-display { font-family: 'Orbitron', sans-serif; }
        
        .lcars-layout { display: grid; grid-template-columns: 300px 1fr; gap: 1rem; max-width: 1400px; margin: auto; padding: 2rem; }
        @media (max-width: 1024px) { .lcars-layout { grid-template-columns: 1fr; } }
        
        .lcars-panel { background: var(--background); border: 2px solid var(--lcars-blue); }
        .lcars-elbow { background: var(--lcars-purple); height: 100%; width: 2rem; border-top-left-radius: 1.5rem; border-bottom-left-radius: 1.5rem; }
        .lcars-header { background: var(--lcars-orange); color: #000; padding: 0.5rem 1rem; font-family: 'Orbitron', sans-serif; font-weight: 700; text-transform: uppercase; }
        
        .controls-panel { display: flex; }
        .controls-content { padding: 1.5rem; flex-grow: 1; }
        .control-group { margin-bottom: 1.5rem; }
        .control-label { font-weight: 700; color: var(--lcars-orange); text-transform: uppercase; margin-bottom: 0.5rem; }
        select, input[type="range"] { width: 100%; background: #111; border: 1px solid var(--lcars-blue); border-radius: 4px; padding: 0.5rem; color: var(--text); }
        
        .era-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; }
        .era-btn { background: #333; color: var(--lcars-tan); padding: 0.5rem; border-radius: 4px; border: none; cursor: pointer; }
        .era-btn.active { background: var(--lcars-orange); color: #000; font-weight: 700; }

        .warp-slider-display { text-align: right; font-family: 'Orbitron'; font-size: 2rem; color: var(--lcars-tan); }
        input[type=range].warp-slider { -webkit-appearance: none; background: transparent; width: 100%; }
        input[type=range].warp-slider::-webkit-slider-runnable-track { height: 8px; background: var(--lcars-blue); border-radius: 4px; }
        input[type=range].warp-slider::-webkit-slider-thumb { -webkit-appearance: none; height: 24px; width: 12px; background: var(--lcars-tan); border-radius: 2px; margin-top: -8px; }

        .viewscreen { padding: 1.5rem; }
        .eta-display { text-align: center; }
        .eta-label { font-size: 1rem; color: var(--lcars-orange); text-transform: uppercase; }
        .eta-value { font-family: 'Orbitron'; font-size: 3.5rem; color: var(--lcars-tan); line-height: 1.2; }