*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#fff}#root{width:100vw;height:100vh}.app{width:100%;height:100%;display:flex;flex-direction:column}.header{padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.header h1{font-size:1.25rem;font-weight:600}.header .badge{font-size:.75rem;padding:.25rem .75rem;border-radius:9999px;background:#8b5cf633;color:#a78bfa}.avatar-container{flex:1;position:relative;overflow:hidden}.setup-screen{display:flex;align-items:center;justify-content:center;height:100%;padding:2rem}.setup-card{max-width:480px;width:100%;padding:2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem}.setup-card h2{font-size:1.5rem;margin-bottom:.5rem}.setup-card p{color:#ffffff80;font-size:.875rem;margin-bottom:1.5rem}.setup-card label{display:block;font-size:.875rem;color:#fff9;margin-bottom:.5rem}.setup-card input{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fff;font-size:.875rem;font-family:monospace;outline:none;margin-bottom:1rem}.setup-card input:focus{border-color:#8b5cf6}.setup-card button{width:100%;padding:.75rem;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .2s}.setup-card button:hover{opacity:.9}.event-log{position:absolute;bottom:1rem;left:1rem;max-width:400px;max-height:200px;overflow-y:auto;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:.75rem;font-size:.75rem;font-family:monospace;z-index:50}.event-log .event{padding:.25rem 0;color:#fff9}.event-log .event.overlay{color:#a78bfa}.event-log .event.action{color:#34d399}