*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #000;--text: #fff;--text-dim: #666;--divider: #1a1a1a}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);height:100vh;color:var(--text);overflow:hidden}#app{height:100vh;width:100vw}.container{display:grid;grid-template-columns:1fr 1fr;height:100%;width:100%}.panel{display:flex;flex-direction:column;position:relative}.camera-panel{border-right:1px solid var(--divider)}.video-wrapper{flex:1;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}#webcam{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}#overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transform:scaleX(-1)}.gesture-indicator{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(transparent,#000c);display:flex;align-items:center;justify-content:center}#gestureName{font-size:.875rem;font-weight:500;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.meme-wrapper{flex:1;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.meme-panel{overflow:hidden}#memeDisplay{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}#memeDisplay.visible{opacity:1}#memeDisplay.switching{opacity:0}@media(max-width:768px){.container{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.camera-panel{border-right:none;border-bottom:1px solid var(--divider)}}