:root{--bg-dark:#08090e;--text-muted:#fff6;--cyan-primary:#00f0ff;--emerald-active:#10b981}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);-webkit-user-select:none;user-select:none;width:100%;height:100%;font-family:Inter,sans-serif;overflow:hidden}#app{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}#blobCanvas{width:100vw;height:100vh;display:block}.subtitles-container{text-align:center;pointer-events:none;z-index:10;width:90%;max-width:680px;position:absolute;bottom:5.5rem;left:50%;transform:translate(-50%)}.subtitles-text{color:#fff;text-shadow:0 2px 10px #000c;font-size:1.05rem;font-weight:500;line-height:1.6;transition:opacity .3s}.status-caption{letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);pointer-events:none;z-index:10;font-size:.82rem;position:absolute;bottom:2.8rem}.text-prompt-wrapper{z-index:20;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:.5rem;width:420px;max-width:90%;padding:.4rem 1rem;transition:border-color .2s;display:flex;position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%)}.text-prompt-wrapper:focus-within{border-color:var(--cyan-primary);background:#ffffff0f}.text-prompt-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.85rem}.text-prompt-input::placeholder{color:#ffffff4d}.text-send-btn{color:var(--cyan-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.config-trigger{width:36px;height:36px;color:var(--text-muted);cursor:pointer;z-index:30;opacity:.4;background:#ffffff08;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s,border-color .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.config-trigger:hover{opacity:1;border-color:var(--cyan-primary);color:var(--cyan-primary)}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;opacity:0;pointer-events:none;background:#08090ee6;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-card{background:#11131c;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:1.25rem;width:420px;padding:1.5rem;display:flex;box-shadow:0 20px 40px #00000080}.modal-title{color:#fff;font-size:1rem;font-weight:600}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:var(--text-muted);font-size:.8rem}.form-input{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;padding:.6rem .75rem;font-size:.85rem}.form-input:focus{border-color:var(--cyan-primary);outline:none}.modal-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;padding:.5rem 1rem;font-size:.85rem}.modal-btn.primary{background:var(--cyan-primary);color:#08090e;border:none;font-weight:600}