:root{color:#2f343a;font-family:Segoe UI,sans-serif;background:#f7f6f2;--cream: #f7f6f2;--cream-deep: #ebe6dc;--cream-panel: #f2efe8;--card: #ffffff;--muted: #6b7280;--border: #e4e0d8;--champagne: #c4b49a;--blue: #4a76ac;--blue-hover: #3f6696;--shadow: 0 8px 28px rgba(47, 52, 58, .08)}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 90% 70% at 50% 28%,#fbfaf7 0%,transparent 62%),linear-gradient(180deg,#f8f7f2,#f3f0e8 55%,#ebe6dc);background-attachment:fixed}button,select,input{font:inherit}.shell{min-height:100vh;padding:32px 20px 48px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:20px;background:transparent}.shell>header{width:min(100%,560px);align-self:stretch;margin:0 auto}.shell>header h1{color:#2f343a}header h1{margin:0;font-size:1.75rem;font-weight:700}.eyebrow,.identity,.permission,.caption,.avatar-status,.status,.banner{color:var(--muted)}.eyebrow{margin:0 0 4px;font-weight:600;letter-spacing:.01em}.identity{margin:6px 0 0}.card{width:min(100%,560px);background:var(--card);border-radius:24px;box-shadow:var(--shadow);padding:28px 24px 24px;box-sizing:border-box;display:grid;gap:20px;justify-items:stretch;overflow:hidden}.setup,.controls{display:flex;flex-direction:column;gap:12px;width:100%;max-width:420px;min-width:0;box-sizing:border-box}.card .setup{max-width:none}label{display:flex;flex-direction:column;gap:6px;color:#2f343a;font-weight:500;width:100%;min-width:0;box-sizing:border-box}button,select,input{border:1px solid transparent;border-radius:999px;padding:12px 20px;box-sizing:border-box;max-width:100%}button{background:var(--blue);color:#fff;cursor:pointer;box-shadow:0 4px 14px #4a76ac47;font-weight:600;letter-spacing:.02em}button:hover:not(:disabled){background:var(--blue-hover)}button:disabled{cursor:not-allowed;opacity:.6}select,input{width:100%;min-width:0;background:#fff;color:#2f343a;border-color:var(--border);border-radius:12px;box-shadow:inset 0 1px 2px #2f343a0a}select:focus,input:focus{outline:2px solid rgba(74,118,172,.35);outline-offset:1px}.banner,.status{max-width:560px;width:100%;text-align:center;margin:0}.banner{color:#b42318}.stage{display:grid;gap:16px;justify-items:center;width:min(100%,560px)}.stage.card{justify-items:center}.bubble-stage{width:min(100%,420px);min-height:240px;display:grid;place-items:center;border-radius:16px;overflow:hidden;background:var(--cream-panel)}.avatar-stage{width:min(100%,420px);display:grid;justify-items:center;gap:12px}.avatar-frame{position:relative;width:min(100%,280px);aspect-ratio:3 / 4;border-radius:999px;overflow:hidden;border:3px solid var(--champagne);background:#000;box-shadow:inset 0 2px 6px #00000059,inset 0 -1px 2px #ffffff38,0 6px 22px #2f343a24}.avatar-frame--loading{background:radial-gradient(ellipse 70% 55% at 50% 42%,#ffffff 0%,transparent 58%),linear-gradient(165deg,#fbfaf7,#f2efe8 48%,#e8e2d6);box-shadow:inset 0 2px 8px #ffffffa6,inset 0 -2px 6px #2f343a0f,0 6px 22px #2f343a1f}.avatar-frame video{display:block;width:100%;height:100%;object-fit:cover;background:#000}.avatar-frame--loading video{opacity:0}.avatar-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.avatar-loading-ring,.avatar-loading-core{grid-area:1 / 1;border-radius:50%}.avatar-loading-ring{width:46%;aspect-ratio:1;border:2px solid rgba(74,118,172,.28);box-shadow:0 0 18px #4a76ac2e;animation:avatar-ring-pulse 2.2s ease-in-out infinite}.avatar-loading-ring--delay{width:62%;border-color:#c4b49a73;box-shadow:0 0 20px #c4b49a38;animation-delay:.35s}.avatar-loading-core{width:18%;aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#ffffff 0%,transparent 45%),radial-gradient(circle at 50% 50%,#5b84b1,#4a76ac 55%,#3f6696);box-shadow:0 4px 16px #4a76ac59;animation:avatar-core-shimmer 2.2s ease-in-out infinite}@keyframes avatar-ring-pulse{0%,to{transform:scale(.92);opacity:.45}50%{transform:scale(1.05);opacity:1}}@keyframes avatar-core-shimmer{0%,to{transform:scale(.9);opacity:.75}50%{transform:scale(1.08);opacity:1}}.avatar-status{margin:0;font-size:.9rem}.conversation-feed{width:100%;background:var(--cream-panel);border-radius:16px;padding:16px 18px;box-sizing:border-box;display:grid;gap:10px;justify-items:center}.conversation-feed-label{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.caption{margin:0;width:100%;background:#fff;border-radius:999px;padding:12px 18px;box-sizing:border-box;text-align:center;color:#2f343a;box-shadow:0 1px 4px #2f343a0f;min-height:1.4em}.bubble{width:140px;height:140px;border-radius:50%;transition:transform 80ms linear}.controls{flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:none}.card .controls{margin-top:4px}.secondary{background:#eef2f6;color:#2f343a;box-shadow:none;border:1px solid var(--border)}.secondary:hover:not(:disabled){background:#e4eaf1}.access{max-width:640px}.roster{list-style:none;padding:0;display:grid;gap:12px;max-width:420px;width:100%}.logo{width:72px;height:72px;object-fit:contain;margin-bottom:8px}.shell-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center;width:min(100%,560px)}