.bg-blobs{z-index:-1;background:linear-gradient(135deg,#0b3d2e 0%,#0a2b5a 100%);position:fixed;top:0;bottom:0;left:0;right:0}@keyframes blobAnim{0%{transform:scale(1)translate(0)}50%{transform:scale(1.3)translate(-5%,5%)}to{transform:scale(1)translate(0)}}.app{text-align:center;color:#fff;-ms-flex-direction:column;flex-direction:column;gap:1.5rem;min-height:100vh;padding:2rem;font-family:Segoe UI,Roboto,sans-serif;display:-ms-flexbox;display:flex}.title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#ff5c93,#7c4dff,#00e5ff);-webkit-background-clip:text;font-size:2.5rem;font-weight:800;animation:2s ease-in-out infinite alternate glow}@keyframes glow{0%{text-shadow:0 0 10px #ff5c93}to{text-shadow:0 0 20px #00e5ff}}.subtitle{opacity:.85;letter-spacing:.5px;font-size:1.1rem}.card{backdrop-filter:blur(15px);background:rgba(255,255,255,.05);border-radius:1.5rem;-ms-flex-direction:column;flex-direction:column;gap:1rem;width:720px;max-width:90%;margin:auto;padding:1.5rem;display:-ms-flexbox;display:flex;box-shadow:0 8px 25px rgba(0,0,0,.25)}.hud{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;gap:.5rem;margin-bottom:1rem;display:-ms-flexbox;display:flex}.pill{background:rgba(255,255,255,.1);border-radius:999px;-ms-flex-align:center;align-items:center;gap:.4rem;padding:.4rem 1rem;font-size:.9rem;display:-ms-flexbox;display:flex;box-shadow:inset 0 0 10px rgba(255,255,255,.15)}.pill .dot{background:#ff1744;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.camera-frame{border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 0 30px rgba(0,229,255,.4)}.camera{border-radius:1rem;width:100%}.canvas{width:100%;height:100%;position:absolute;top:0;left:0}.debug{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;gap:1.5rem;margin-top:1rem;display:-ms-flexbox;display:flex}.label{opacity:.6;font-size:.9rem}.value{color:#00e5ff;font-size:1.2rem;font-weight:600}.badge{color:#fff;background:linear-gradient(90deg,#ff5c93,#7c4dff);border-radius:999px;padding:.4rem 1rem;font-size:.9rem;font-weight:700;box-shadow:0 0 10px rgba(124,77,255,.6)}.controls{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;gap:.8rem;margin-top:1rem;display:-ms-flexbox;display:flex}.btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c4dff,#00e5ff);border:none;border-radius:.8rem;padding:.6rem 1.2rem;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .2s;box-shadow:0 6px 15px rgba(0,229,255,.3)}.btn:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 8px 20px rgba(0,229,255,.4)}.btn--ghost{color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3)}.audio-row{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:1rem;margin-top:1.5rem;display:-ms-flexbox;display:flex}.kbd{background:rgba(255,255,255,.2);border-radius:.4rem;padding:.3rem .6rem;font-family:monospace;font-size:.9rem}
/*# sourceMappingURL=Hand Gesture Project.fe9f82f2.css.map */