:root{--cyberlife-blue: #43BCFF;--cyberlife-blue-dim: rgba(67, 188, 255, .6);--cyberlife-blue-glow: rgba(67, 188, 255, .3);--cyberlife-blue-faint: rgba(67, 188, 255, .1);--system-white: #F0F0F0;--system-white-dim: rgba(240, 240, 240, .7);--optical-black: #0a0a0a;--optical-black-glass: rgba(10, 10, 10, .85);--optical-black-panel: rgba(10, 10, 10, .6);--alert-red: #FF3333;--alert-red-glow: rgba(255, 51, 51, .5);--analysis-amber: #FFCC00;--analysis-amber-glow: rgba(255, 204, 0, .5);--stable-green: #00FF88;--stable-green-glow: rgba(0, 255, 136, .5);--font-primary: "Rajdhani", sans-serif;--font-display: "Orbitron", sans-serif;--font-mono: "Share Tech Mono", monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--timing-instant: .1s;--timing-fast: .2s;--timing-normal: .3s;--timing-slow: .5s;--timing-boot: 1.5s;--perspective-depth: 1000px;--panel-tilt-y: 3deg;--panel-tilt-x: 1deg}.detroit-app{width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#0d1117,#0a0a0a);color:var(--system-white);font-family:var(--font-primary);overflow:hidden;position:relative;perspective:var(--perspective-depth)}.detroit-app:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(var(--cyberlife-blue-faint) 1px,transparent 1px),linear-gradient(90deg,var(--cyberlife-blue-faint) 1px,transparent 1px);background-size:50px 50px;opacity:.3;pointer-events:none;animation:gridPulse 4s ease-in-out infinite}@keyframes gridPulse{0%,to{opacity:.2}50%{opacity:.4}}.scan-line{position:absolute;top:-10%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--cyberlife-blue) 20%,var(--cyberlife-blue) 80%,transparent 100%);box-shadow:0 0 20px var(--cyberlife-blue),0 0 40px var(--cyberlife-blue-dim);pointer-events:none;animation:scanDown 4s linear infinite;opacity:.4;z-index:0}@keyframes scanDown{0%{top:-10%}to{top:110%}}.hud-panel{background:var(--optical-black-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--cyberlife-blue-faint);border-radius:2px;position:relative;overflow:hidden;transform-style:preserve-3d;transform:rotateY(var(--panel-tilt-y)) rotateX(var(--panel-tilt-x));transition:all var(--timing-normal) ease}.hud-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--cyberlife-blue) 50%,transparent 100%);animation:borderGlow 2s ease-in-out infinite}@keyframes borderGlow{0%,to{opacity:.5}50%{opacity:1}}.hud-panel:hover{border-color:var(--cyberlife-blue-dim);box-shadow:0 0 20px var(--cyberlife-blue-glow),inset 0 0 20px var(--cyberlife-blue-faint)}.hud-panel.cut-corners{clip-path:polygon(0 10px,10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px))}.detroit-heading{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:4px;color:var(--cyberlife-blue);text-shadow:0 0 10px var(--cyberlife-blue-dim),0 0 20px var(--cyberlife-blue-glow)}.detroit-label{font-family:var(--font-primary);font-weight:500;text-transform:uppercase;letter-spacing:2px;font-size:12px;color:var(--system-white-dim)}.detroit-data{font-family:var(--font-mono);font-weight:400;letter-spacing:1px;color:var(--system-white)}.detroit-mono{font-family:var(--font-mono);letter-spacing:0}.text-glow{text-shadow:0 0 8px var(--cyberlife-blue-dim)}.text-glow-strong{text-shadow:0 0 5px var(--cyberlife-blue),0 0 10px var(--cyberlife-blue),0 0 20px var(--cyberlife-blue-dim)}.connector-line{position:absolute;height:1px;background:var(--cyberlife-blue);transform-origin:left center;opacity:.6}.connector-line:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border:1px solid var(--cyberlife-blue);border-radius:50%;background:var(--optical-black)}.triangle-marker{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid var(--cyberlife-blue);filter:drop-shadow(0 0 5px var(--cyberlife-blue-dim));animation:trianglePulse 1.5s ease-in-out infinite}@keyframes trianglePulse{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.detroit-button{background:transparent;border:1px solid var(--cyberlife-blue);color:var(--cyberlife-blue);font-family:var(--font-primary);font-weight:600;text-transform:uppercase;letter-spacing:2px;padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;position:relative;overflow:hidden;transition:all var(--timing-fast) ease}.detroit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--timing-normal) ease}.detroit-button:hover{background:var(--cyberlife-blue-faint);box-shadow:0 0 15px var(--cyberlife-blue-glow),inset 0 0 15px var(--cyberlife-blue-faint)}.detroit-button:hover:before{left:100%}.detroit-button:active{transform:scale(.98)}.detroit-button.danger{border-color:var(--alert-red);color:var(--alert-red)}.detroit-button.danger:hover{background:#ff33331a;box-shadow:0 0 15px var(--alert-red-glow)}.detroit-button.success{border-color:var(--stable-green);color:var(--stable-green)}.detroit-button.success:hover{background:#00ff881a;box-shadow:0 0 15px var(--stable-green-glow)}.detroit-progress{height:4px;background:var(--optical-black-glass);border:1px solid var(--cyberlife-blue-faint);border-radius:0;overflow:hidden;position:relative}.detroit-progress-bar{height:100%;background:linear-gradient(90deg,var(--cyberlife-blue-dim),var(--cyberlife-blue));box-shadow:0 0 10px var(--cyberlife-blue);transition:width var(--timing-fast) ease-out;position:relative}.detroit-progress-bar:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,white);opacity:.5;animation:progressShine 1s ease-in-out infinite}@keyframes progressShine{0%,to{opacity:.3}50%{opacity:.7}}.radial-progress{position:relative;width:80px;height:80px}.radial-progress svg{transform:rotate(-90deg)}.radial-progress circle{fill:none;stroke-width:3}.radial-progress .bg{stroke:var(--cyberlife-blue-faint)}.radial-progress .progress{stroke:var(--cyberlife-blue);stroke-linecap:round;filter:drop-shadow(0 0 5px var(--cyberlife-blue));transition:stroke-dashoffset var(--timing-normal) ease}.radial-progress .value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:14px;color:var(--cyberlife-blue)}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-2px 0 var(--alert-red);clip-path:inset(0 100% 0 0);animation:glitch-anim-1 2s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:2px 0 var(--cyberlife-blue);clip-path:inset(0 0 0 100%);animation:glitch-anim-2 2s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%,to{clip-path:inset(0 100% 0 0)}10%{clip-path:inset(40% 0 50% 0)}20%{clip-path:inset(10% 0 80% 0)}30%{clip-path:inset(60% 0 20% 0)}40%{clip-path:inset(0 100% 0 0)}}@keyframes glitch-anim-2{0%,to{clip-path:inset(0 0 0 100%)}15%{clip-path:inset(70% 0 10% 0)}25%{clip-path:inset(20% 0 60% 0)}35%{clip-path:inset(50% 0 30% 0)}45%{clip-path:inset(0 0 0 100%)}}.status-indicator{display:flex;align-items:center;gap:var(--spacing-sm)}.status-dot{width:8px;height:8px;border-radius:50%;animation:statusPulse 1.5s ease-in-out infinite}.status-dot.online{background:var(--stable-green);box-shadow:0 0 10px var(--stable-green)}.status-dot.warning{background:var(--analysis-amber);box-shadow:0 0 10px var(--analysis-amber)}.status-dot.error{background:var(--alert-red);box-shadow:0 0 10px var(--alert-red)}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.detroit-spinner{width:40px;height:40px;position:relative;animation:spinnerRotate 2s linear infinite}.detroit-spinner:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:26px solid var(--cyberlife-blue);filter:drop-shadow(0 0 8px var(--cyberlife-blue))}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mind-palace-mode{filter:grayscale(100%) contrast(1.2)}.mind-palace-mode .hud-panel{background:#000000e6;border-color:var(--analysis-amber)}.mind-palace-mode .detroit-heading,.mind-palace-mode .cyberlife-blue{color:var(--analysis-amber)!important;text-shadow:0 0 10px var(--analysis-amber-glow)!important}.unfold-enter{animation:unfoldIn var(--timing-slow) ease-out forwards;transform-origin:center}@keyframes unfoldIn{0%{opacity:0;transform:scaleY(0) rotateY(var(--panel-tilt-y)) rotateX(var(--panel-tilt-x))}50%{opacity:1;transform:scaleY(1.05) rotateY(var(--panel-tilt-y)) rotateX(var(--panel-tilt-x))}to{opacity:1;transform:scaleY(1) rotateY(var(--panel-tilt-y)) rotateX(var(--panel-tilt-x))}}.slide-in-left{animation:slideInLeft var(--timing-normal) ease-out forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px) rotateY(var(--panel-tilt-y))}to{opacity:1;transform:translate(0) rotateY(var(--panel-tilt-y))}}.slide-in-right{animation:slideInRight var(--timing-normal) ease-out forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(30px) rotateY(calc(var(--panel-tilt-y) * -1))}to{opacity:1;transform:translate(0) rotateY(calc(var(--panel-tilt-y) * -1))}}.fade-in-up{animation:fadeInUp var(--timing-normal) ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.breathing{animation:breathing 3s ease-in-out infinite}@keyframes breathing{0%,to{opacity:.8;box-shadow:0 0 10px var(--cyberlife-blue-glow)}50%{opacity:1;box-shadow:0 0 20px var(--cyberlife-blue-dim)}}.typewriter-cursor{display:inline-block;width:2px;height:1em;background:var(--cyberlife-blue);margin-left:2px;animation:cursorBlink .8s step-end infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.data-stream{position:relative;overflow:hidden}.data-stream:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0%,transparent 45%,var(--cyberlife-blue-faint) 50%,transparent 55%,transparent 100%);animation:dataFlow 2s linear infinite;pointer-events:none}@keyframes dataFlow{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.bracket-corners{position:relative}.bracket-corners:before,.bracket-corners:after{content:"";position:absolute;width:20px;height:20px;border:1px solid var(--cyberlife-blue)}.bracket-corners:before{top:-5px;left:-5px;border-right:none;border-bottom:none}.bracket-corners:after{bottom:-5px;right:-5px;border-left:none;border-top:none}.hex-pattern{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%2343bcff' fill-opacity='0.05'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}@media (max-width: 768px){:root{--panel-tilt-y: 2deg;--panel-tilt-x: .5deg}.detroit-heading{letter-spacing:2px;font-size:18px}.detroit-label{letter-spacing:1px;font-size:10px}}