@import "https://fonts.googleapis.com/css2?family=VT323&family=Share+Tech+Mono&family=Orbitron:wght@400;700&display=swap";
.lcd-container{background:0 0;justify-content:center;align-items:center;font-family:Share Tech Mono,monospace;display:flex}.lcd-device{background:linear-gradient(145deg,#e8e8e8 0%,#d0d0d0 30%,#b8b8b8 70%,#a0a0a0 100%);border-radius:12px;flex-direction:column;gap:15px;padding:25px;display:flex;position:relative;box-shadow:0 30px 60px #00000080,inset 0 2px #fff6,inset 0 -2px #00000026}.lcd-device:after{content:"";opacity:.4;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");border-radius:12px;position:absolute;inset:0}.lcd-top-section{justify-content:space-between;align-items:flex-start;padding:0 5px;display:flex}.property-label{color:#666;font-family:Share Tech Mono,monospace;font-size:9px;line-height:1.4}.lcd-bezel{background:linear-gradient(145deg,#2a2a2a 0%,#1a1a1a 50%,#0f0f0f 100%);border-radius:8px;padding:15px;position:relative;box-shadow:inset 0 3px 8px #000c,inset 0 -1px 2px #ffffff0d,0 1px #ffffff1a}.lcd-screen{background:linear-gradient(#4a5a3a 0%,#3d4d2d 50%,#354525 100%);border-radius:4px;width:400px;height:300px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #0006,inset 0 0 60px #0003,0 0 1px #000c}.lcd-screen:before{content:"";pointer-events:none;z-index:20;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000014 2px 3px),repeating-linear-gradient(90deg,#0000 0 2px,#00000014 2px 3px);position:absolute;inset:0}.lcd-scanlines{pointer-events:none;z-index:21;background:repeating-linear-gradient(0deg,#00000008 0 1px,#0000 1px 2px);position:absolute;inset:0}.lcd-glass{pointer-events:none;z-index:22;background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 30%,#0000 50% 100%);position:absolute;inset:0}.lcd-screen:after{content:"";pointer-events:none;z-index:23;background:radial-gradient(80% 80%,#0000 0% 50%,#00000026 80%,#0000004d 100%);position:absolute;inset:0}.lcd-content{z-index:10;flex-direction:column;height:100%;padding:15px 25px;display:flex;position:relative}.lcd-text{color:#1a2a10;text-shadow:0 0 2px #1a2a1080,1px 1px #4a5a3a4d;font-family:VT323,monospace}.lcd-text-dim{color:#2d3d1d;text-shadow:none}.lcd-header{border-bottom:1px solid #1a2a104d;margin-bottom:20px;padding-bottom:15px;display:flex}.lcd-header-content{align-items:center;gap:15px;display:flex}.lcd-logo-text{letter-spacing:3px;color:#1a2a10;font-family:Orbitron,sans-serif;font-size:20px;font-weight:700}.lcd-logo-icon{border:3px solid #1a2a10;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative}.lcd-logo-icon:before{content:"";border:2px solid #1a2a10;border-radius:50%;width:32px;height:32px}.lcd-logo-icon:after{content:"C";color:#1a2a10;font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;position:absolute}.lcd-wings{display:none}.lcd-bottom-section{justify-content:space-between;align-items:center;padding:15px 10px 10px;display:flex}.camera-lens-container{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.lens-labels{flex-direction:column;gap:2px;margin-top:5px;font-family:Share Tech Mono,monospace;display:flex}.lens-text-top{color:#666;letter-spacing:1.5px;white-space:nowrap;font-size:9px}.lens-text-bottom{color:#666;letter-spacing:.5px;white-space:nowrap;font-size:9px}.camera-lens{background:linear-gradient(145deg,#2a3a4a 0%,#1a2a3a 50%,#0a1a2a 100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-left:10px;display:flex;position:relative;top:-10px;box-shadow:0 4px 15px #00000080,inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #0000004d}.camera-lens:before{content:"";border:2px solid #3a4a5a;border-radius:50%;width:90px;height:90px;position:absolute;box-shadow:inset 0 1px 2px #00000080,0 1px 1px #ffffff1a}.lens-glass{background:radial-gradient(circle at 30% 30%,#4a5a6a 0%,#2a3a4a 30%,#1a2a3a 60%,#0a1520 100%);border-radius:50%;width:55px;height:55px;position:relative;box-shadow:inset 0 0 20px #000c,inset 0 2px 4px #ffffff1a,0 0 0 3px #1a2a3a}.lens-glass:before{content:"";background:radial-gradient(circle,#fff6 0%,#ffffff1a 50%,#0000 100%);border-radius:50%;width:15px;height:15px;position:absolute;top:8px;left:8px}.lens-glass:after{content:"";background:#0a0a0a;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px #000c}.speaker-grille-container{flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;display:flex}.speaker-grille{flex-direction:column;gap:3px;display:flex}.grille-slot{background:linear-gradient(90deg,#555 0%,#777 50%,#555 100%);border-radius:1px;width:50px;height:2px;box-shadow:inset 0 1px 1px #00000080,0 1px #ffffff1a}.red-led{z-index:2;background:red;border-radius:50%;width:8px;height:8px;margin-top:10px;position:relative;box-shadow:0 0 5px red,0 0 10px red,0 0 15px #ff000080}.red-led:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#0000 0% 45%,#555 45%,#666 60%,#777 80%,#888 100%);border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 3px #0009,inset 0 -1px 2px #ffffff26}.control-buttons{gap:12px;margin-bottom:50px;display:flex}.control-button{cursor:pointer;background:linear-gradient(145deg,#2a2a2a 0%,#1a1a1a 50%,#0a0a0a 100%);border:none;border-radius:50%;width:35px;height:35px;transition:all .1s;position:relative;box-shadow:0 3px 8px #00000080,inset 0 1px 1px #ffffff1a,inset 0 -1px 2px #0000004d}.control-button:hover{transform:translateY(1px);box-shadow:0 2px 5px #00000080,inset 0 1px 1px #ffffff1a,inset 0 -1px 2px #0000004d}.control-button:active{transform:translateY(2px);box-shadow:0 1px 3px #00000080,inset 0 2px 4px #0000004d}.control-button.power:before{content:"";border:2px solid #444;border-top-color:#0000;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.control-button.power:after{content:"";background:#444;width:2px;height:8px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.control-button.menu:before{content:"";background:#444;width:14px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 -5px #444,0 5px #444}.control-button.select:before{content:"";border:2px solid #444;border-radius:2px;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.top-buttons{justify-content:flex-end;gap:8px;margin-bottom:5px;display:flex}.top-button{cursor:pointer;background:linear-gradient(#2a2a2a 0%,#1a1a1a 50%,#0f0f0f 100%);border:none;border-radius:3px;width:20px;height:12px;transition:all .1s;box-shadow:0 2px 4px #0006,inset 0 1px 1px #ffffff0d}.top-button:hover{transform:translateY(1px)}.top-button:active{transform:translateY(2px);box-shadow:0 1px 2px #0006,inset 0 1px 2px #0000004d}.company-branding{align-items:center;gap:8px;display:flex;position:absolute;bottom:35px;right:25px}.company-logo-icon{color:#666;background:#ffffff1a;border:1px solid #888;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;display:flex}.company-name{color:#666;letter-spacing:2px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700}.lcd-fade-in{animation:.5s forwards lcdFadeIn}@keyframes lcdFadeIn{0%{opacity:0}to{opacity:1}}.lcd-flicker{animation:4s infinite lcdFlicker}@keyframes lcdFlicker{0%,to{opacity:1}50%{opacity:.98}52%{opacity:1}54%{opacity:.97}56%{opacity:1}}.lcd-boot-line{opacity:0;margin:4px 0;font-size:14px;animation:.3s forwards lcdFadeIn}.lcd-status-bar{border-top:1px solid #1a2a104d;justify-content:space-between;margin-top:auto;padding-top:10px;font-size:10px;display:flex}.lcd-menu-container{flex-direction:column;flex:1;display:flex}.lcd-menu-title{letter-spacing:2px;opacity:.7;margin-bottom:20px;margin-left:27px;font-size:14px}.lcd-menu-option{cursor:pointer;border:1px solid #0000;align-items:center;margin:4px 0;padding:8px 12px;font-size:16px;transition:all .1s;display:flex;position:relative}.lcd-menu-option:before{content:">";opacity:0;margin-right:10px;transition:opacity .1s}.lcd-menu-option:hover,.lcd-menu-option.selected{background:#1a2a1026;border-color:#1a2a104d}.lcd-menu-option:hover:before,.lcd-menu-option.selected:before{opacity:1}.lcd-cursor{vertical-align:text-bottom;background:#1a2a10;width:8px;height:14px;margin-left:5px;display:inline-block}.lcd-blink{animation:1s step-end infinite lcdBlink}@keyframes lcdBlink{50%{opacity:0}}
.retro-input{font-family:var(--font-mono);border:2px solid var(--color-dark-charcoal);color:var(--color-text-primary);background:0 0;outline:none;padding:14px;font-size:14px;transition:all .1s}.retro-input::placeholder{color:#1a1a1880}.retro-input:focus{background:#0000000d}.retro-input--coral{border-color:var(--color-off-white)!important;color:var(--color-off-white)!important}.retro-input--coral::placeholder{color:#fbfbfb80!important}.retro-input--coral:focus{background:#ffffff1a!important}
.retro-textarea{font-family:var(--font-mono);border:2px solid var(--color-dark-charcoal);color:var(--color-text-primary);resize:vertical;background:0 0;outline:none;min-height:100px;padding:14px;font-size:14px;transition:all .1s}.retro-textarea::placeholder{color:#1a1a1880}.retro-textarea:focus{background:#0000000d}.retro-textarea--coral{border-color:var(--color-off-white)!important;color:var(--color-off-white)!important}.retro-textarea--coral::placeholder{color:#fbfbfb80!important}.retro-textarea--coral:focus{background:#ffffff1a!important}
.retro-form-field{flex-direction:column;gap:8px;display:flex}.retro-form-field__label{letter-spacing:2px;text-transform:uppercase;opacity:.8;font-size:11px;font-family:var(--font-mono);font-weight:700}