:root{--neon-cyan: #00f2ff;--neon-pink: #ff00ff;--neon-purple: #bc13fe;--bg-deep: #050507;--glass-bg: rgba(15, 15, 20, .7);--glass-border: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .5);--font-main: "Outfit", "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at center,#0a0a0f,#000);color:var(--text-primary);font-family:var(--font-main);min-height:100vh;margin:0;overflow-x:hidden}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%;position:relative;background-image:radial-gradient(circle at 15% 50%,rgba(76,29,149,.15),transparent 25%),radial-gradient(circle at 85% 30%,rgba(0,242,255,.1),transparent 25%)}.max-width-wrapper{max-width:1200px;margin:0 auto;width:100%;padding:2rem;display:flex;flex-direction:column;gap:3rem;flex:1}.site-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.05)}.brand{display:flex;flex-direction:column}.brand h1{font-size:1.8rem;letter-spacing:4px;font-weight:800;background:linear-gradient(90deg,#fff,var(--neon-cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:2rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;opacity:.7;transition:opacity .2s;cursor:pointer}.nav-link:hover{opacity:1;color:var(--text-primary)}.main-layout{display:flex;flex-direction:column;gap:4rem}.viewport-section{display:flex;flex-direction:column;gap:1rem}.video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;box-shadow:0 40px 100px #00000080;display:flex;justify-content:center;align-items:center}.video-frame video{width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}.video-overlay{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.2) 100%);border-radius:32px}.video-overlay-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:32px;object-fit:contain;transform:scaleX(-1)}.detection-badge{position:absolute;top:2rem;left:2rem;background:#0a0a0ccc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.2rem 2rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:1.2rem;box-shadow:0 20px 40px #0006;min-width:280px}.inspector-panel{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.panel-header{font-size:.7rem;letter-spacing:2px;color:var(--text-secondary);text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border);padding-bottom:1rem}.stream-list{display:flex;flex-direction:column;gap:1rem}.emotion-node{display:flex;flex-direction:column;gap:.5rem}.node-label{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;margin-bottom:.4rem;letter-spacing:1px}.node-bar-bg{height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.node-bar-fill{height:100%;background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan);transition:width .3s cubic-bezier(.16,1,.3,1)}.node-bar-fill.active{background:var(--neon-cyan);box-shadow:0 0 20px #00f2ff66}.status-pill{display:flex;align-items:center;gap:.6rem;font-size:.7rem;font-weight:700;letter-spacing:1px;color:var(--neon-cyan)}.pulse-dot{width:6px;height:6px;background:var(--neon-cyan);border-radius:50%;box-shadow:0 0 10px var(--neon-cyan);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.action-row{display:flex;gap:1rem}.btn-primary{flex:1;background:linear-gradient(135deg,var(--neon-purple),var(--neon-pink));border:none;border-radius:12px;color:#fff;padding:.8rem;font-size:.8rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff00ff4d}.calibration-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:2000;display:flex;align-items:center;justify-content:center}.calibration-card{background:#0f0f12;border:1px solid var(--neon-cyan);padding:2.5rem;border-radius:40px;width:440px;max-width:95%;display:flex;flex-direction:column;gap:2rem;box-shadow:0 0 60px #00f2ff26}.card-top{display:flex;align-items:center;gap:1rem;font-size:.6rem;letter-spacing:2px;color:var(--text-secondary)}.big-emoji{font-size:6rem;margin:1rem 0}.prompt-text{font-size:1.5rem;letter-spacing:4px;font-weight:800;margin-bottom:.5rem}.instruction-sub{font-size:.7rem;opacity:.4;letter-spacing:1px}.live-feedback{background:#ffffff08;padding:1rem;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.feedback-label{display:flex;justify-content:space-between;font-size:.6rem;font-weight:800;margin-bottom:.5rem;letter-spacing:1px}.mini-progress-bg{height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden}.mini-progress-fill{height:100%}.main-meter-container{display:flex;flex-direction:column;gap:.8rem}.meter-label{font-size:.6rem;letter-spacing:2px;opacity:.5;text-align:left}.calibration-meter{height:16px;background:#ffffff0d;border-radius:8px;overflow:hidden}.meter-fill{height:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple));box-shadow:0 0 20px var(--neon-cyan)}.card-actions{display:flex;gap:1rem}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.1);color:#fff6;padding:1rem;border-radius:12px;font-size:.7rem;letter-spacing:1px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;transition:all .2s}.btn-ghost:hover{background:#ff44441a;color:#f44;border-color:#ff44444d}