@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap";body{margin:0;padding:0;font-family:Inter,sans-serif;background:#000;color:#fff;width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%}.video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}video{width:100%;height:100%;object-fit:cover}.ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s ease,visibility .4s;opacity:0;visibility:hidden;pointer-events:none}.screen.active{opacity:1;visibility:visible;pointer-events:auto}.brand-header{position:absolute;top:15%;text-align:center}.brand-header h1{font-size:3rem;font-weight:300;letter-spacing:2px;text-transform:uppercase;text-shadow:0 4px 10px rgba(0,0,0,.5)}.pulse-btn{font-size:1.5rem;padding:20px 60px;border-radius:50px;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;box-shadow:0 0 20px #ffffff1a;animation:pulse 2s infinite;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.pulse-btn:hover{background:#ffffff40;transform:scale(1.05)}@keyframes pulse{0%{box-shadow:0 0 #fff6}70%{box-shadow:0 0 0 20px #fff0}to{box-shadow:0 0 #fff0}}.loader-overlay{background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#0f8;animation:spin 1s ease-in-out infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.end-btn{position:absolute;top:30px;left:30px;background:#00000080;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.8rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-transform:uppercase;z-index:20}.end-btn:hover{background:#ff32324d;color:#fff}.transcript-overlay{position:absolute;bottom:80px;left:50%;transform:translate(-50%);width:80%;max-width:800px;max-height:20vh;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;padding:20px;pointer-events:none}.final{font-size:1.1rem;font-weight:400;font-style:italic;color:#ffffffe6;border-left:4px solid #0088ff;padding-left:15px;margin-bottom:10px;line-height:1.5;animation:fadeIn .5s forwards;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.interim{font-size:1rem;color:#fff9;font-style:italic;padding-left:19px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}@keyframes fadeIn{to{opacity:1}}.status-indicator{position:absolute;top:30px;right:30px;display:flex;align-items:center;gap:10px;background:#00000080;padding:8px 16px;border-radius:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.status-dot{width:10px;height:10px;background-color:#0f8;border-radius:50%;box-shadow:0 0 10px #0f8}