@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap);:root{--lcars-black:#000000;--lcars-orange:#FF9900;--lcars-orange-light:#FFCC99;--lcars-blue:#9999FF;--lcars-blue-light:#CCCCFF;--lcars-purple:#CC99CC;--lcars-purple-light:#FFCCFF;--lcars-red:#FF6666;--lcars-red-alert:#FF0000;--lcars-yellow:#FFFF99;--lcars-green:#99FF99;--lcars-white:#FFFFFF;--lcars-gray:#999999;--lcars-unit:40px;--lcars-gap:10px;--lcars-border-radius:20px;--lcars-border-radius-small:10px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--lcars-black);color:var(--lcars-white);font-family:Orbitron,monospace;font-weight:400;line-height:1.4;overflow-x:auto}.page-container{max-width:1200px;margin:0 auto;padding:20px}h1,h2,h3{text-transform:uppercase;letter-spacing:2px;margin-bottom:20px}h1{color:var(--lcars-orange);font-size:2.5em;text-align:center;margin-bottom:40px}h2{color:var(--lcars-blue);font-size:1.8em;margin-top:40px;border-left:5px solid var(--lcars-blue);padding-left:15px}h3{color:var(--lcars-purple);font-size:1.3em;margin-top:30px}p{margin-bottom:15px;color:var(--lcars-white)}code{background-color:var(--lcars-gray);color:var(--lcars-black);padding:2px 6px;border-radius:3px;font-family:'Courier New',monospace}.lcars-grid{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.lcars-u-1{width:calc(var(--lcars-unit) * 1)}.lcars-u-2{width:calc(var(--lcars-unit) * 2)}.lcars-u-3{width:calc(var(--lcars-unit) * 3)}.lcars-u-4{width:calc(var(--lcars-unit) * 4)}.lcars-u-5{width:calc(var(--lcars-unit) * 5)}.lcars-u-6{width:calc(var(--lcars-unit) * 6)}.lcars-h-1{height:calc(var(--lcars-unit) * 1)}.lcars-h-2{height:calc(var(--lcars-unit) * 2)}.lcars-h-3{height:calc(var(--lcars-unit) * 3)}.lcars-button{background-color:var(--lcars-orange);color:var(--lcars-black);border:none;border-radius:var(--lcars-border-radius);padding:15px 25px;font-family:Orbitron,monospace;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-height:50px}.lcars-button:hover{background-color:var(--lcars-orange-light);transform:translateY(-2px)}.lcars-button:active{transform:translateY(0)}.lcars-button-blue{background-color:var(--lcars-blue)}.lcars-button-blue:hover{background-color:var(--lcars-blue-light)}.lcars-button-purple{background-color:var(--lcars-purple)}.lcars-button-purple:hover{background-color:var(--lcars-purple-light)}.lcars-button-red{background-color:var(--lcars-red)}.lcars-button-red:hover{background-color:var(--lcars-red-alert)}.lcars-bracket{display:flex;align-items:center;gap:10px;margin:20px 0}.lcars-bracket-left{width:30px;height:60px;background-color:var(--lcars-blue);border-radius:var(--lcars-border-radius) 0 0 var(--lcars-border-radius)}.lcars-bracket-right{width:30px;height:60px;background-color:var(--lcars-blue);border-radius:0 var(--lcars-border-radius) var(--lcars-border-radius) 0}.lcars-bracket-content{flex:1;padding:15px;background-color:rgba(153,153,255,.1);border:2px solid var(--lcars-blue);text-align:center}.lcars-spacer{background-color:var(--lcars-gray);height:20px;border-radius:var(--lcars-border-radius-small);margin:10px 0}.lcars-bar{background-color:var(--lcars-orange);height:40px;border-radius:var(--lcars-border-radius);display:flex;align-items:center;padding:0 20px;color:var(--lcars-black);font-weight:700;text-transform:uppercase;letter-spacing:1px}.lcars-indicator{position:relative;display:inline-block}.lcars-indicator::after{content:'';position:absolute;top:5px;right:5px;width:12px;height:12px;background-color:var(--lcars-green);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}.lcars-panel{background-color:rgba(153,153,255,.1);border:2px solid var(--lcars-blue);border-radius:var(--lcars-border-radius);padding:20px;margin:20px 0}.lcars-panel-header{background-color:var(--lcars-blue);color:var(--lcars-black);padding:10px 20px;margin:-20px -20px 15px -20px;border-radius:var(--lcars-border-radius) var(--lcars-border-radius) 0 0;font-weight:700;text-transform:uppercase;letter-spacing:1px}.lcars-data-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin:20px 0}.lcars-data-item{background-color:var(--lcars-purple);color:var(--lcars-black);padding:15px;border-radius:var(--lcars-border-radius-small);text-align:center}.lcars-data-label{font-size:.8em;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.lcars-data-value{font-size:1.5em;font-weight:700}.lcars-circular-control{position:relative;width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--lcars-orange) 0deg 90deg,var(--lcars-blue) 90deg 180deg,var(--lcars-purple) 180deg 270deg,var(--lcars-red) 270deg 360deg);border:4px solid var(--lcars-white);cursor:pointer;display:flex;align-items:center;justify-content:center}.lcars-circular-control::after{content:'XY';color:var(--lcars-black);font-weight:900;font-size:1.2em;background-color:var(--lcars-white);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.lcars-decorator{position:relative;padding-left:50px}.lcars-decorator::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:30px;height:30px;background-color:var(--lcars-orange);border-radius:50%}.lcars-progress{background-color:rgba(255,255,255,.1);border-radius:var(--lcars-border-radius);height:30px;position:relative;overflow:hidden;margin:10px 0}.lcars-progress-bar{height:100%;background-color:var(--lcars-blue);border-radius:var(--lcars-border-radius);transition:width .3s ease;display:flex;align-items:center;justify-content:center;color:var(--lcars-black);font-weight:700;text-transform:uppercase;font-size:.9em}.lcars-alert-red{animation:alert-flash-red 1s infinite alternate}.lcars-alert-yellow{animation:alert-flash-yellow 1s infinite alternate}@keyframes alert-flash-red{0%{background-color:var(--lcars-red)}100%{background-color:var(--lcars-red-alert)}}@keyframes alert-flash-yellow{0%{background-color:var(--lcars-yellow)}100%{background-color:#ff0}}.lcars-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:15px;background-color:rgba(153,153,255,.1);border-radius:var(--lcars-border-radius);border:2px solid var(--lcars-blue)}.lcars-status-cell{aspect-ratio:1;background-color:var(--lcars-gray);border-radius:var(--lcars-border-radius-small);display:flex;align-items:center;justify-content:center;font-size:.8em;font-weight:700;transition:all .2s ease}.lcars-status-cell.active{background-color:var(--lcars-green);color:var(--lcars-black)}.lcars-status-cell.warning{background-color:var(--lcars-yellow);color:var(--lcars-black)}.lcars-status-cell.error{background-color:var(--lcars-red);color:var(--lcars-white)}.lcars-button-large{min-height:80px;font-size:1.2em;padding:20px 40px}.lcars-button-small{min-height:30px;font-size:.8em;padding:8px 15px}.lcars-button-wide{width:100%;min-width:200px}.lcars-terminal{background-color:var(--lcars-black);border:2px solid var(--lcars-green);border-radius:var(--lcars-border-radius-small);padding:20px;font-family:'Courier New',monospace;color:var(--lcars-green);height:200px;overflow-y:auto;margin:20px 0}.lcars-terminal-line{margin-bottom:5px}.lcars-terminal-prompt::before{content:'> ';color:var(--lcars-orange)}.lcars-terminal-cursor{animation:cursor-blink 1s infinite}@keyframes cursor-blink{0%,50%{opacity:1}100%,51%{opacity:0}}.lcars-audio-indicator{display:flex;align-items:center;gap:5px;padding:10px 15px;background-color:var(--lcars-purple);border-radius:var(--lcars-border-radius);color:var(--lcars-black);font-weight:700}.lcars-audio-bars{display:flex;gap:2px;align-items:flex-end;height:20px}.lcars-audio-bar{width:4px;background-color:var(--lcars-black);border-radius:2px;animation:audio-pulse .8s infinite ease-in-out}.lcars-audio-bar:first-child{height:40%;animation-delay:0s}.lcars-audio-bar:nth-child(2){height:70%;animation-delay:.1s}.lcars-audio-bar:nth-child(3){height:100%;animation-delay:.2s}.lcars-audio-bar:nth-child(4){height:60%;animation-delay:.3s}.lcars-audio-bar:nth-child(5){height:30%;animation-delay:.4s}@keyframes audio-pulse{0%,100%{height:20%}50%{height:100%}}.lcars-slider{position:relative;width:100%;height:40px;background-color:rgba(255,255,255,.1);border-radius:var(--lcars-border-radius);margin:20px 0;cursor:pointer}.lcars-slider-track{position:absolute;top:50%;left:15px;right:15px;height:6px;background-color:var(--lcars-gray);border-radius:3px;transform:translateY(-50%)}.lcars-slider-fill{height:100%;background-color:var(--lcars-blue);border-radius:3px;width:60%;transition:width .2s ease}.lcars-slider-thumb{position:absolute;top:50%;left:calc(15px + 60% - 12px);width:24px;height:24px;background-color:var(--lcars-white);border-radius:50%;transform:translateY(-50%);transition:left .2s ease;border:3px solid var(--lcars-blue);box-shadow:0 2px 4px rgba(0,0,0,.3)}.lcars-row{display:flex;gap:10px;align-items:stretch}.lcars-column{display:flex;flex-direction:column;gap:10px}.lcars-gap{gap:10px}.lcars-gap-small{gap:5px}.lcars-gap-large{gap:20px}.lcars-data-panel{background-color:var(--lcars-black);border:2px solid var(--lcars-orange);border-radius:var(--lcars-border-radius);padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100px}.lcars-data-panel.lcars-orange{background-color:var(--lcars-orange);color:var(--lcars-black);border:none}.lcars-data-panel.lcars-blue{background-color:var(--lcars-blue);color:var(--lcars-black);border:none}.lcars-data-panel.lcars-purple{background-color:var(--lcars-purple);color:var(--lcars-black);border:none}.lcars-side-panel{position:fixed;top:0;bottom:0;width:200px;display:flex;flex-direction:column;gap:10px;padding:20px 10px;background-color:rgba(0,0,0,.9)}.lcars-side-panel.left{left:0}.lcars-side-panel.right{right:0}.lcars-menu-button{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;font-weight:700;border-radius:var(--lcars-border-radius);text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.lcars-menu-button:hover{transform:translateX(5px);filter:brightness(1.2)}.lcars-status-bar{display:flex;gap:5px;margin:10px 0}.lcars-status-bar .lcars-bar{flex:1}.lcars-numeric{font-family:'Courier New',monospace;font-size:1.4em;letter-spacing:.1em;background-color:var(--lcars-black);color:var(--lcars-orange);padding:10px;border:1px solid var(--lcars-orange);border-radius:var(--lcars-border-radius-small);text-align:center}.lcars-status-indicator{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:var(--lcars-border-radius);font-weight:700;text-transform:uppercase}.lcars-status-indicator.green{background-color:var(--lcars-green);color:var(--lcars-black)}.lcars-status-indicator.yellow{background-color:var(--lcars-yellow);color:var(--lcars-black)}.lcars-status-indicator.red{background-color:var(--lcars-red);color:var(--lcars-white)}.lcars-elbow-left{position:relative;background-color:var(--lcars-orange);min-width:200px;min-height:100px;border-radius:var(--lcars-border-radius) 0 0 var(--lcars-border-radius);clip-path:polygon(0 0,70% 0,100% 30%,100% 100%,0 100%)}.lcars-elbow-right{position:relative;background-color:var(--lcars-orange);min-width:200px;min-height:100px;border-radius:0 var(--lcars-border-radius) var(--lcars-border-radius) 0;clip-path:polygon(30% 0,100% 0,100% 100%,0 100%,0 30%)}.lcars-elbow-bottom{position:relative;background-color:var(--lcars-orange);min-width:200px;min-height:60px;border-radius:0 0 var(--lcars-border-radius) var(--lcars-border-radius)}.lcars-elbow-top{position:relative;background-color:var(--lcars-orange);min-width:200px;min-height:60px;border-radius:var(--lcars-border-radius) var(--lcars-border-radius) 0 0}.elbow-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--lcars-black);font-weight:700;text-transform:uppercase;letter-spacing:1px}.lcars-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.lcars-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lcars-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.lcars-container{background-color:var(--lcars-black);min-height:100vh;position:relative}.lcars-orange{background-color:var(--lcars-orange);color:var(--lcars-black)}.lcars-blue{background-color:var(--lcars-blue);color:var(--lcars-black)}.lcars-purple{background-color:var(--lcars-purple);color:var(--lcars-black)}.lcars-red{background-color:var(--lcars-red);color:var(--lcars-white)}.lcars-yellow{background-color:var(--lcars-yellow);color:var(--lcars-black)}.lcars-green{background-color:var(--lcars-green);color:var(--lcars-black)}.lcars-white{background-color:var(--lcars-white);color:var(--lcars-black)}.lcars-gray{background-color:var(--lcars-gray);color:var(--lcars-black)}.lcars-pink{background-color:var(--lcars-purple-light);color:var(--lcars-black)}.lcars-text-orange{color:var(--lcars-orange)}.lcars-text-blue{color:var(--lcars-blue)}.lcars-text-purple{color:var(--lcars-purple)}.lcars-text-red{color:var(--lcars-red)}.lcars-text-yellow{color:var(--lcars-yellow)}.lcars-text-green{color:var(--lcars-green)}.lcars-text-white{color:var(--lcars-white)}.example-section{background-color:rgba(255,255,255,.05);border-radius:var(--lcars-border-radius);padding:20px;margin:30px 0}.code-example{background-color:#222;border:1px solid var(--lcars-gray);border-radius:5px;padding:15px;margin:15px 0;overflow-x:auto;font-family:'Courier New',monospace;font-size:.9em;color:var(--lcars-green)}@media (max-width:768px){.container{padding:10px}h1{font-size:2em}.lcars-grid{flex-direction:column}.lcars-elbow{width:150px;height:75px}.lcars-circular-control{width:80px;height:80px}.lcars-status-grid{grid-template-columns:repeat(2,1fr)}}