:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#000;overflow:hidden}#root{width:100%;height:100%}.app-container{width:100vw;height:100vh;position:relative}.welcome-screen{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:radial-gradient(circle at center,#1a1a2e,#0f0f1a)}.glass-card{background:#ffffff0d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:40px;border-radius:24px;border:1px solid rgba(255,255,255,.1);text-align:center;box-shadow:0 8px 32px #000c;max-width:90%}h1{font-size:2.5rem;margin-bottom:10px;background:linear-gradient(90deg,#00e5ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.start-btn{padding:16px 40px;font-size:1.1rem;background:linear-gradient(135deg,#00e5ff,#007bff);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:700;transition:all .3s ease;box-shadow:0 4px 15px #00e5ff4d}.start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00e5ff80}.instruction-toast{position:absolute;bottom:40px;left:50%;transform:translate(-50%);background:#000000b3;padding:12px 24px;border-radius:50px;color:#0f8;font-weight:600;border:1px solid rgba(0,255,136,.3);z-index:10;pointer-events:none}.error{color:#f44;margin-top:20px}video{position:absolute!important;top:0!important;left:0!important;z-index:1!important}.canvas-container{width:100%;height:100%;position:absolute;top:0;left:0}