*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:#f0f0f0;overflow:hidden}.demo-container{position:fixed;bottom:30px;left:30px;z-index:1000;display:flex;flex-direction:column;mix-blend-mode:difference}.demo-name{font-family:VT323,monospace;font-size:46px;color:#fff;pointer-events:none}.demo-author{font-family:VT323,monospace;font-size:18px;color:#fff;text-decoration:none;margin-top:-5px;letter-spacing:1px}.demo-author a{color:#fff}.github-link{text-decoration:underline}@media screen and (max-width: 768px){.demo-name{font-size:36.8px}.demo-author{font-size:12.8px}}.underlined{text-decoration:underline}.pc-desktop{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;height:90vh;background:#222;border:2px solid #444444;box-shadow:inset -1px -1px #111,inset 1px 1px #666;display:flex;flex-direction:column;border-radius:4px;overflow:hidden;-webkit-backdrop-filter:grayscale(100%);backdrop-filter:grayscale(100%)}.top-bar{background:linear-gradient(90deg,#111,#333);color:#fff;padding:4px 8px;display:flex;justify-content:space-between;align-items:center;font-family:VT323,monospace}.window-title{font-size:14px;font-weight:700}.close-button{background:#444;border:1px solid #666666;border-radius:2px;box-shadow:inset -1px -1px #222,inset 1px 1px #888;width:24px;height:24px;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.close-button:active{box-shadow:inset 1px 1px #222,inset -1px -1px #888;background:#333}.desktop-icons{flex:1;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:32px}.icon{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:8px;border:1px solid transparent;width:80px;text-align:center;transition:background-color .2s;margin-left:12px}.icon:hover{background:#ffffff1a;border:1px dashed rgba(255,255,255,.3)}.icon img{width:auto;height:48px;margin-bottom:8px;image-rendering:pixelated;object-fit:contain;filter:grayscale(100%) brightness(1.2) contrast(1.1);transition:filter .2s ease}.icon:hover img{filter:grayscale(100%) brightness(1.4) contrast(1.2)}[alt="AR Experience"]{height:48px;width:28px}[alt="VR Experience"]{height:30px;width:48px}.icon p{color:#fff;font-family:VT323,monospace;font-size:16px;margin:0;text-shadow:1px 1px 1px rgba(0,0,0,.5);word-break:break-word}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.reels-modal-container{width:360px;height:90vh;max-height:750px;background:#000;border-radius:20px;box-shadow:0 10px 30px #00000080;position:relative;overflow:hidden}.reels-modal-close{position:absolute;top:15px;right:15px;background:#0006;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:32px;height:32px;color:#fff;font-size:20px;font-weight:700;cursor:pointer;z-index:1001;display:flex;justify-content:center;align-items:center;padding:0 0 2px}.reels-modal-close:hover{background:#000000b3}.video-gallery-placeholder{background:#fff;padding:20px;border-radius:5px;width:300px;text-align:center}.video-gallery,.ai-chat-box{background:#333;border:2px solid #444444;box-shadow:inset -1px -1px #222,inset 1px 1px #666;padding:20px;width:80%;max-width:800px;max-height:80vh;overflow-y:auto;position:relative;color:#fff}.video-gallery h2,.ai-chat-box h2{margin-top:0;font-family:VT323,monospace;color:navy}.icon:active{background:#fff3}.reels-container{height:100%;width:100%;overflow-y:scroll;scroll-snap-type:y mandatory;background-color:#000}.video-slide{height:100%;width:100%;scroll-snap-align:start;position:relative}.video-slide video{width:100%;height:100%;object-fit:cover}