:root{--color-bg: #000;--color-text: #fff;--color-accent: #646cff}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,sans-serif}#app{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}h1{font-size:5vw}#status{font-size:3vw;margin-bottom:2vh;color:var(--color-accent)}#qr-image{width:30vmin;height:30vmin}#remote-link{font-size:2vw;margin-top:1vh;color:#aaa}#notifications{position:fixed;bottom:5%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1vh}.notification{background:#646cffe6;color:#fff;padding:1vh 2vw;border-radius:.5vw;font-size:2vw;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(1vh)}to{opacity:1;transform:translateY(0)}}