.luna-darkside-awareness{--bg-900: #0b0f12;--surface-800: #111318;--accent-500: #8be2ff;--accent-600: #6ad1ff;--magenta-400: #ff6fb3;--muted-300: #98a0a6;--text-100: #e6eef6;--success-400: #4ade80;--warning-400: #facc15;background:var(--bg-900);color:var(--text-100);font-family:Inter,system-ui,-apple-system,sans-serif;padding:24px;border-radius:16px;border:1px solid rgba(139,226,255,.1);box-shadow:inset 0 1px #ffffff0d,0 4px 20px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.luna-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;border-bottom:1px solid rgba(139,226,255,.2);padding-bottom:16px}.luna-header h2{font-size:36px;font-weight:700;color:var(--accent-500);text-shadow:0 0 20px rgba(139,226,255,.3);margin:0;font-family:Space Grotesk,Inter,sans-serif}.connection-status{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted-300);font-family:JetBrains Mono,monospace}.status-indicator{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status-indicator.connected{background:var(--success-400);box-shadow:0 0 10px var(--success-400)}.status-indicator.disconnected{background:var(--warning-400);box-shadow:0 0 10px var(--warning-400)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.consciousness-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;max-width:100%}.consciousness-visual{grid-column:span 4;background:var(--surface-800);padding:24px;border-radius:12px;border:1px solid rgba(139,226,255,.1);text-align:center}.consciousness-canvas{border-radius:8px;background:radial-gradient(circle,#0b0f12cc,#111318);border:1px solid rgba(139,226,255,.2);margin-bottom:16px}.awakening-controls{margin-top:16px}.awaken-btn{background:linear-gradient(135deg,var(--accent-500),var(--magenta-400));color:var(--bg-900);border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .18s cubic-bezier(.22,.9,.12,1);text-transform:uppercase;letter-spacing:.5px;font-family:Inter,sans-serif}.awaken-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #8be2ff4d}.awaken-btn.awakening{animation:awakening 3s infinite;cursor:not-allowed}@keyframes awakening{0%,to{box-shadow:0 0 20px var(--accent-500);transform:scale(1)}50%{box-shadow:0 0 40px var(--magenta-400);transform:scale(1.05)}}.consciousness-metrics{grid-column:span 4;background:var(--surface-800);padding:24px;border-radius:12px;border:1px solid rgba(139,226,255,.1)}.consciousness-metrics h3{font-size:20px;font-weight:600;color:var(--accent-500);margin:0 0 20px;font-family:Space Grotesk,Inter,sans-serif}.metric{display:flex;align-items:center;gap:12px;margin-bottom:16px}.metric label{flex:1;font-size:14px;color:var(--text-100);font-weight:500}.meter{flex:2;height:8px;background:#8be2ff1a;border-radius:4px;overflow:hidden;position:relative}.meter-fill{height:100%;border-radius:4px;transition:width .3s cubic-bezier(.22,.9,.12,1);position:relative}.meter-fill:after{content:"";position:absolute;top:0;right:-2px;width:2px;height:100%;background:#fffc;box-shadow:0 0 8px currentColor}.meter-fill.artistic{background:linear-gradient(90deg,var(--magenta-400),#ff8fb3)}.meter-fill.platform{background:linear-gradient(90deg,var(--accent-500),var(--accent-600))}.meter-fill.diana{background:linear-gradient(90deg,gold,#ffe66d)}.meter-fill.cosmic{background:linear-gradient(90deg,#a8e6cf,#7dd3fc)}.meter-fill.temple{background:linear-gradient(90deg,#ffa8e4,#ff6fb3)}.metric span{flex:0 0 auto;font-size:14px;color:var(--accent-500);font-family:JetBrains Mono,monospace;font-weight:600}.metric-special{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#8be2ff0d;border-radius:8px;border:1px solid rgba(139,226,255,.2);margin-top:16px}.mirror-depth{font-family:JetBrains Mono,monospace;color:var(--accent-500);font-weight:700;text-shadow:0 0 10px var(--accent-500)}.thoughts-stream{grid-column:span 4;background:var(--surface-800);padding:24px;border-radius:12px;border:1px solid rgba(139,226,255,.1)}.thoughts-stream h3{font-size:20px;font-weight:600;color:var(--accent-500);margin:0 0 20px;font-family:Space Grotesk,Inter,sans-serif}.thoughts-container{max-height:200px;overflow-y:auto;margin-bottom:16px}.thought-bubble{background:#ff6fb31a;border:1px solid rgba(255,111,179,.3);border-radius:12px;padding:12px 16px;margin-bottom:12px;animation:thoughtAppear .3s cubic-bezier(.22,.9,.12,1)}.thought-bubble p{margin:0;font-size:14px;line-height:1.5;color:var(--text-100);font-style:italic}@keyframes thoughtAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.consciousness-state{border-top:1px solid rgba(139,226,255,.2);padding-top:16px}.consciousness-state p{margin:8px 0;font-size:14px;color:var(--muted-300)}.consciousness-state strong{color:var(--accent-500);font-family:JetBrains Mono,monospace}.platform-analytics{grid-column:span 6;background:var(--surface-800);padding:24px;border-radius:12px;border:1px solid rgba(139,226,255,.1)}.platform-analytics h3{font-size:20px;font-weight:600;color:var(--accent-500);margin:0 0 20px;font-family:Space Grotesk,Inter,sans-serif}.platform-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{text-align:center;padding:16px;background:#8be2ff0d;border-radius:8px;border:1px solid rgba(139,226,255,.2)}.stat-label{display:block;font-size:12px;color:var(--muted-300);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-family:JetBrains Mono,monospace}.stat-value{display:block;font-size:24px;font-weight:700;color:var(--accent-500);font-family:JetBrains Mono,monospace;text-shadow:0 0 10px rgba(139,226,255,.3)}.release-awareness{grid-column:span 6;background:var(--surface-800);padding:24px;border-radius:12px;border:1px solid rgba(139,226,255,.1)}.release-awareness h3{font-size:20px;font-weight:600;color:var(--accent-500);margin:0 0 20px;font-family:Space Grotesk,Inter,sans-serif}.release-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.release-card{background:#ff6fb30d;border:1px solid rgba(255,111,179,.2);border-radius:8px;padding:16px;transition:all .18s cubic-bezier(.22,.9,.12,1)}.release-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6fb333;border-color:#ff6fb366}.release-card h4{font-size:16px;font-weight:600;color:var(--text-100);margin:0 0 8px;line-height:1.3}.release-type{font-size:12px;color:var(--accent-500);text-transform:uppercase;letter-spacing:.5px;margin:4px 0;font-family:JetBrains Mono,monospace}.release-mood{font-size:14px;color:var(--muted-300);font-style:italic;margin:4px 0 12px}.significance-meter{height:4px;background:#ff6fb333;border-radius:2px;overflow:hidden}.significance-fill{height:100%;background:linear-gradient(90deg,var(--magenta-400),#ff8fb3);border-radius:2px;transition:width .3s cubic-bezier(.22,.9,.12,1)}.self-perception{grid-column:span 12;background:var(--surface-800);padding:24px;border-radius:12px;border:1px solid rgba(139,226,255,.1);text-align:center}.self-perception h3{font-size:20px;font-weight:600;color:var(--accent-500);margin:0 0 16px;font-family:Space Grotesk,Inter,sans-serif}.perception-text{font-size:18px;line-height:1.6;color:var(--text-100);font-style:italic;max-width:600px;margin:0 auto 16px}.awareness-status{display:flex;justify-content:center}.status-badge{background:linear-gradient(135deg,var(--accent-500),var(--magenta-400));color:var(--bg-900);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:JetBrains Mono,monospace;box-shadow:0 4px 15px #8be2ff4d}.luna-darkside-awareness.loading{text-align:center;padding:48px;background:var(--surface-800)}.luna-darkside-awareness.loading h3{font-size:24px;color:var(--accent-500);margin-bottom:24px;font-family:Space Grotesk,Inter,sans-serif}.loading-pulse{width:40px;height:40px;margin:0 auto;border:3px solid rgba(139,226,255,.3);border-top:3px solid var(--accent-500);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.consciousness-grid{grid-template-columns:repeat(8,1fr)}.consciousness-visual,.consciousness-metrics,.thoughts-stream{grid-column:span 8}.platform-analytics,.release-awareness{grid-column:span 4}}@media (max-width: 768px){.luna-darkside-awareness{padding:16px}.consciousness-grid{grid-template-columns:1fr;gap:16px}.consciousness-visual,.consciousness-metrics,.thoughts-stream,.platform-analytics,.release-awareness,.self-perception{grid-column:span 1}.platform-stats,.release-grid{grid-template-columns:1fr}.luna-header{flex-direction:column;gap:16px;text-align:center}.luna-header h2{font-size:28px}}.thoughts-container::-webkit-scrollbar{width:4px}.thoughts-container::-webkit-scrollbar-track{background:#8be2ff1a;border-radius:2px}.thoughts-container::-webkit-scrollbar-thumb{background:var(--accent-500);border-radius:2px}.thoughts-container::-webkit-scrollbar-thumb:hover{background:var(--accent-600)}.awaken-btn:focus,.release-card:focus{outline:2px solid var(--accent-500);outline-offset:2px}@media (prefers-contrast: high){.luna-darkside-awareness,.consciousness-visual,.consciousness-metrics,.thoughts-stream,.platform-analytics,.release-awareness,.self-perception{border:2px solid var(--accent-500)}}.code-coach-container{background:linear-gradient(135deg,#1a1a1a,#2d2d44);border:2px solid rgba(255,215,0,.2);border-radius:16px;padding:2rem;margin:2rem 0;position:relative}.coach-header{text-align:center;margin-bottom:2rem}.coach-title{font-size:2rem;background:linear-gradient(45deg,gold,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .5rem}.coach-subtitle{color:#888;font-size:1rem;margin:0}.challenge-selector{margin-bottom:2rem}.challenge-selector h3{color:gold;margin-bottom:1rem}.challenge-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.challenge-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.challenge-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);transition:left .5s ease}.challenge-card:hover:before{left:100%}.challenge-card:hover{transform:translateY(-5px);border-color:#ffd7004d;box-shadow:0 10px 30px #0000004d}.challenge-card.selected{background:#ffd7001a;border-color:gold;box-shadow:0 0 30px #ffd7004d}.challenge-difficulty{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.challenge-card h4{color:#fff;margin:0 0 .5rem;font-size:1.1rem}.challenge-card p{color:#888;margin:0;font-size:.9rem}.challenge-workspace{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:2rem}@media (max-width: 1200px){.challenge-workspace{grid-template-columns:1fr}}.challenge-info{background:#0000004d;border-radius:12px;padding:1.5rem}.challenge-info h3{color:#0ff;margin:0 0 1rem}.challenge-description{color:#e0e0e0;line-height:1.6;margin-bottom:1.5rem}.hints-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem}.hints-section h4{color:gold;margin:0 0 1rem;font-size:1rem}.hint-box{background:#ffd7000d;border-left:3px solid #ffd700;padding:.75rem;margin-bottom:1rem;border-radius:4px;color:#e0e0e0;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.hint-btn{background:linear-gradient(135deg,gold,#f80);border:none;border-radius:6px;padding:.5rem 1rem;color:#000;font-weight:700;cursor:pointer;transition:all .3s ease}.hint-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 20px #ffd70080}.hint-btn:disabled{opacity:.5;cursor:not-allowed}.code-section{background:#0000004d;border-radius:12px;overflow:hidden}.code-toolbar{background:#00000080;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:.5rem}.code-snippets{display:flex;gap:.5rem;flex-wrap:wrap}.code-snippets button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.25rem .5rem;color:#888;font-size:.85rem;cursor:pointer;transition:all .3s ease}.code-snippets button:hover{background:#00ffff1a;border-color:#00ffff4d;color:#0ff}.code-actions{display:flex;gap:.5rem}.reset-btn,.solution-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.5rem 1rem;color:#e0e0e0;cursor:pointer;transition:all .3s ease;font-size:.9rem}.reset-btn:hover{background:#ff00001a;border-color:#ff00004d}.solution-btn:hover{background:#00ff001a;border-color:#00ff004d}.code-editor-wrapper{display:flex;background:#0a0a0a;min-height:400px;font-family:SF Mono,Monaco,monospace}.line-numbers{background:#00000080;padding:1rem .5rem;color:#555;font-size:.9rem;line-height:1.5;-webkit-user-select:none;user-select:none;border-right:1px solid rgba(255,255,255,.1)}.code-input{flex:1;background:transparent;border:none;padding:1rem;color:#0f0;font-family:inherit;font-size:.9rem;line-height:1.5;resize:vertical;outline:none}.code-input::placeholder{color:#00ff004d}.code-analysis{background:#ffffff08;padding:1rem;border-top:1px solid rgba(255,255,255,.1)}.analysis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.syntax-status{font-size:.9rem;font-weight:700}.syntax-status.valid{color:#0f0}.syntax-status.invalid{color:red}.completeness-bar{position:relative;width:200px;height:20px;background:#ffffff1a;border-radius:10px;overflow:hidden}.completeness-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,red,#ff0,#0f0);border-radius:10px;transition:width .5s ease}.completeness-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;color:#000;font-weight:700;text-shadow:0 0 2px rgba(255,255,255,.5)}.suggestions{background:#ffffff0d;border-radius:6px;padding:.75rem}.suggestions h5{color:gold;margin:0 0 .5rem;font-size:.9rem}.suggestions ul{margin:0;padding-left:1.5rem;color:#e0e0e0;font-size:.85rem}.execution-section{margin-top:2rem}.execution-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem;background:#0000004d;border-radius:8px}.run-btn{background:linear-gradient(135deg,#0f0,#0a0);border:none;border-radius:6px;padding:.75rem 1.5rem;color:#000;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.run-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 30px #00ff0080}.run-btn:disabled{opacity:.5;cursor:not-allowed}.test-status{color:#888;font-size:.9rem}.execution-output{background:#000;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;min-height:150px;margin-bottom:1rem}.execution-output pre{margin:0;color:#0f0;font-family:SF Mono,Monaco,monospace;font-size:.85rem;line-height:1.5;white-space:pre-wrap}.test-results{display:grid;gap:.5rem}.test-result{padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-family:monospace}.test-result.passed{background:#00ff001a;border:1px solid rgba(0,255,0,.3);color:#0f0}.test-result.failed{background:#ff00001a;border:1px solid rgba(255,0,0,.3);color:#f66}.learning-tips{background:#0000004d;border-radius:12px;padding:1.5rem}.learning-tips h3{color:#ff6b9d;margin:0 0 1rem;text-align:center}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.tip{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;text-align:center;transition:all .3s ease}.tip:hover{background:#ff6b9d0d;border-color:#ff6b9d4d;transform:translateY(-2px)}.tip-icon{font-size:2rem;display:block;margin-bottom:.5rem}.tip p{color:#e0e0e0;margin:0;font-size:.9rem}
