:root{--primary-bg: #060c18;--primary-fg: #c8daf0;--accent: #e05a5a;--pixel-size: 2px}body{background-color:var(--primary-bg);color:var(--primary-fg);font-family:DotGothic16,monospace;margin:0;padding:0;overflow-y:auto;height:100svh;display:flex;flex-direction:column;image-rendering:pixelated}header{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:2px solid var(--accent);background:var(--primary-bg)}header h1{font-size:1.5rem;margin:0;color:var(--accent)}#camera-container{position:relative;flex:1;overflow:hidden;background:#060c18}#webcam{width:100%;height:100%;object-fit:cover}#glitch-canvas,#output-canvas{width:100%;height:100%;object-fit:contain}#ui-overlay{position:absolute;bottom:40px;left:0;width:100%;display:flex;justify-content:center}#shutter-wrapper{position:relative;display:flex;align-items:center;gap:20px}#shutter-btn{width:90px;height:90px;border-radius:50%;background:#fff;border:6px double #000;box-shadow:0 0 0 4px #fff;cursor:pointer;transition:.1s;outline:none}#shutter-btn:active{transform:scale(.95);background:#000;box-shadow:0 0 0 4px #000,0 0 30px #fff}#result-view canvas{border:2px solid var(--accent);filter:url(#dither)}#app{flex:1;display:flex;flex-direction:column;min-height:0}#result-view{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--primary-bg);z-index:2147483647;display:grid;grid-template-rows:1fr auto;align-items:center;justify-items:center;padding:16px;gap:16px;box-sizing:border-box}#result-view #output-canvas{max-width:100%;max-height:100%;width:auto;height:auto;display:block}.btn-group{display:flex;gap:16px}button{font-family:DotGothic16,monospace;font-size:1.2rem;padding:10px 30px;background:var(--primary-fg);color:var(--primary-bg);border:2px solid var(--primary-fg);cursor:pointer}.alt-btn{background:var(--primary-bg);color:var(--accent);border:2px solid var(--accent)}footer{min-height:30px;font-size:.6rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 0;border-top:1px solid #0c1830;background:#0c1830}footer p{margin:0;color:#2a3a5a}.top-link{font-family:DotGothic16,monospace;font-size:.7rem;color:var(--accent);text-decoration:none;border:1px solid #2a3a5a;padding:3px 12px}.top-link:hover{border-color:var(--accent)}.share-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.share-btn{font-family:DotGothic16,monospace;font-size:.7rem;color:var(--primary-fg);text-decoration:none;border:1px solid #2a3a5a;padding:3px 12px}.share-btn:hover{border-color:var(--accent);color:var(--accent)}.flip-cam-btn{font-family:DotGothic16,monospace;font-size:.8rem;padding:8px 14px;background:transparent;color:#c8daf0;border:1px solid #3a5a8a;cursor:pointer;outline:none;flex-shrink:0;letter-spacing:1px}.flip-cam-btn:active{opacity:.6}.hidden{display:none!important}@media(display-mode:standalone){#ad-wrap{display:none!important}}