: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:#f5f5f5}.glass-card{background:#fff;padding:32px;border-radius:12px;border:1px solid #e5e5e5;text-align:center;max-width:90%;display:flex;flex-direction:column;align-items:center}h1{font-size:2rem;margin-bottom:10px;color:#111}.subtitle{margin:6px 0 14px;font-size:.95rem;color:#6b7280}.start-btn{padding:12px 28px;font-size:1rem;background:#1e66f5;color:#fff;border:1px solid #1e66f5;border-radius:8px;cursor:pointer;font-weight:600;transition:background .2s ease,border-color .2s ease}.start-btn:hover{background:#1547b3;border-color:#1547b3;color:#fff}.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}.audio-btn{position:absolute;bottom:100px;left:50%;transform:translate(-50%);padding:14px 28px;font-size:1rem;border-radius:999px;border:1px solid rgba(0,255,136,.45);background:#000000bf;color:#0f8;font-weight:700;cursor:pointer;z-index:11;box-shadow:0 6px 18px #00000073;transition:transform .2s ease,box-shadow .2s ease}.audio-controls{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:11}.audio-controls .audio-btn{position:static;transform:none}.audio-btn-stop{border-color:#ff585899;color:#ff8f8f}.audio-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.audio-error{position:absolute;bottom:70px;left:50%;transform:translate(-50%);background:#ff444426;color:#ff8f8f;border:1px solid rgba(255,68,68,.4);padding:8px 16px;border-radius:999px;font-size:.9rem;z-index:11}.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}