[data-avatar-call]{--avatar-bg-connecting:#1a1a1a;--avatar-radius:16px;--avatar-control-bg:#ffffff1a;--avatar-control-bg-hover:#fff3;--avatar-control-size:48px;--avatar-end-call-bg:#ef4444;--avatar-end-call-bg-hover:#dc2626;--avatar-text-color:#fff;--avatar-text-secondary:#ffffffb3;--avatar-pip-size:120px;--avatar-pip-radius:12px;aspect-ratio:16/9;background:var(--avatar-bg-connecting);border-radius:var(--avatar-radius);isolation:isolate;flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden}[data-avatar-call]:before{content:"";background-image:var(--avatar-image);filter:blur(20px)brightness(.5);z-index:-1;background-position:50%;background-size:cover;transition:opacity .3s;position:absolute;inset:0;transform:scale(1.1)}[data-avatar-call]:has([data-avatar-video][data-avatar-status=ready]):before{opacity:0;pointer-events:none}[data-avatar-video]{z-index:0;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}[data-avatar-video] video{object-fit:cover;width:100%;height:100%}[data-avatar-video][data-avatar-status=ready]{background:0 0}[data-avatar-control-bar]{z-index:2;background:linear-gradient(#0000,#0006);justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;bottom:0;left:0;right:0}@media (max-width:480px){[data-avatar-control-bar]{gap:8px;padding:16px}}[data-avatar-control]{width:var(--avatar-control-size);height:var(--avatar-control-size);background:var(--avatar-control-bg);color:var(--avatar-text-color);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s;display:flex}@media (max-width:480px){[data-avatar-control]{width:40px;height:40px}[data-avatar-control] svg{width:18px;height:18px}}[data-avatar-control]:hover{background:var(--avatar-control-bg-hover)}[data-avatar-control]:focus-visible{outline:2px solid var(--avatar-text-color);outline-offset:2px}[data-avatar-control][data-avatar-enabled=false]{color:#fca5a5;background:#ef444433}[data-avatar-control=end-call]{background:var(--avatar-end-call-bg)}[data-avatar-control=end-call]:hover{background:var(--avatar-end-call-bg-hover)}[data-avatar-user-video]{width:var(--avatar-pip-size);aspect-ratio:4/3;border-radius:var(--avatar-pip-radius);background:var(--avatar-bg-connecting);z-index:1;border:2px solid #fff3;position:absolute;bottom:88px;right:24px;overflow:hidden}@media (max-width:480px){[data-avatar-user-video]{border-radius:8px;width:80px;bottom:72px;right:12px}}[data-avatar-user-video] video{object-fit:cover;width:100%;height:100%}[data-avatar-user-video][data-avatar-mirror=true] video{transform:scaleX(-1)}[data-avatar-user-video][data-avatar-has-video=false]:before{content:"";background-color:var(--avatar-text-secondary);width:40%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-avatar-user-video][data-avatar-camera-enabled=false]{display:none}[data-avatar-screen-share]{z-index:1;background:#000;position:absolute;inset:0}[data-avatar-screen-share] video{object-fit:contain;width:100%;height:100%}@keyframes avatar-pulse{0%,to{opacity:1}50%{opacity:.5}}[data-avatar-call]:has([data-avatar-video][data-avatar-status=connecting]):after{content:"";z-index:3;pointer-events:none;border:3px solid #fff3;border-top-color:#fffc;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite avatar-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-avatar-call]:has([data-avatar-video][data-avatar-status=waiting]):after{content:"";z-index:3;pointer-events:none;border:3px solid #fff3;border-top-color:#fffc;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite avatar-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes avatar-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}[data-avatar-video][data-avatar-status=connecting]:after,[data-avatar-video][data-avatar-status=waiting]:after{content:"";background:linear-gradient(90deg,#0000,#ffffff08,#0000) 0 0/200% 100%;animation:2s ease-in-out infinite avatar-pulse;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){[data-avatar-video][data-avatar-status=connecting]:after,[data-avatar-video][data-avatar-status=waiting]:after{animation:none}[data-avatar-call]:has([data-avatar-video][data-avatar-status=connecting]):after{animation:none}[data-avatar-call]:has([data-avatar-video][data-avatar-status=waiting]):after{animation:none}}
:root{--bg:#f6f0e6;--bg-panel:#fffcf6c7;--fg:#1f160f;--muted:#6b584b;--accent:#dc5b2f;--accent-dark:#a63e1c;--line:#1f160f14;--success:#177245;--danger:#a12828;--shadow:0 24px 60px #5029111f;--radius-xl:32px;--radius-lg:22px;--radius-md:16px}*{box-sizing:border-box}html{background:radial-gradient(circle at 0 0,#dc5b2f24,#0000 28%),radial-gradient(circle at 100% 0,#25735724,#0000 22%),linear-gradient(#f5efe4 0%,#f1e5d3 100%);min-height:100%}body{min-height:100vh;color:var(--fg);background:0 0;margin:0;font-family:Georgia,Times New Roman,serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{width:min(1120px,100vw - 32px);margin:0 auto}.page{padding:24px 0 48px}.session-page-root{min-height:100vh}.card{background:var(--bg-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.button{cursor:pointer;color:#fff8f1;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 18px;transition:transform .14s,opacity .14s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.58;cursor:wait;transform:none}.button.secondary{color:var(--fg);border:1px solid var(--line);background:#ffffffb8}.eyebrow{color:var(--accent-dark);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-family:Courier New,monospace;font-size:13px}.headline{letter-spacing:-.05em;margin:0;font-size:clamp(2.8rem,7vw,5.4rem);line-height:.93}.lede{max-width:700px;color:var(--muted);margin:18px 0 0;font-size:1.1rem;line-height:1.6}.grid{gap:18px;display:grid}.status-pill{border:1px solid var(--line);color:var(--muted);background:#ffffffa6;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:inline-flex}.call-layout{display:grid}.call-stage{background:radial-gradient(circle at top,#df5b3047,#0000 24%),linear-gradient(#24120d,#120d0b);min-height:100vh;position:relative;overflow:hidden}.sidebar{padding:22px}.session-panel{width:min(440px,100vw - 32px);padding:24px}.session-page-title,.session-title{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3.1rem);line-height:.96}.session-page-copy,.session-copy{color:var(--muted);margin:0;font-size:1rem;line-height:1.55}.stack-sm{gap:12px;display:grid}.stack-md{gap:18px;display:grid}.meta-list{gap:10px;display:grid}.meta-item{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding-bottom:10px;display:flex}.meta-item span:last-child{color:var(--muted);text-align:right}.session-status{color:#f4ddca;background:#ffffff1c;border:1px solid #ffffff1f;border-radius:999px;padding:6px 10px;font-size:14px}.timer{letter-spacing:-.06em;font-size:clamp(2.1rem,4vw,3.8rem);line-height:1}.timer-readout{letter-spacing:-.07em;font-size:clamp(2.6rem,5vw,4.2rem);line-height:.92}.notice{border-radius:var(--radius-md);border:1px solid var(--line);color:var(--muted);background:#ffffff94;padding:14px 16px}.error{color:var(--danger)}.subtle{color:var(--muted)}.success{color:var(--success)}.avatar-feed,.user-feed{background:#ffffff0f;border:1px solid #ffffff14;border-radius:26px;overflow:hidden}.avatar-feed video,.user-feed video{object-fit:cover;width:100%;height:100%;display:block}.avatar-feed{position:absolute;inset:0}.user-feed{display:none}.call-stage [data-avatar-user-video],.call-stage [data-avatar-user-video] *{display:none!important}.overlay-controls{z-index:2;position:absolute;bottom:18px;left:18px;right:18px}.call-shell{background:radial-gradient(circle at 0 0,#dc5b2f24,#0000 28%),linear-gradient(#1c120e 0%,#120d0b 100%);min-height:100vh}.call-topbar{z-index:3;position:absolute;top:20px;right:20px}.call-chip{color:#fff4eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#100b0994;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;display:inline-flex}.call-chip-label{opacity:.72;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.call-chip-value{letter-spacing:-.04em;font-size:1.15rem}.call-controls{z-index:3;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.ios-control-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#100b099e;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:16px;padding:14px 18px;display:flex}.ios-call-button{color:#fff4eb;cursor:pointer;background:#ffffff24;border:0;border-radius:999px;justify-content:center;align-items:center;width:68px;height:68px;display:inline-flex}.ios-call-button.muted{color:#fff4ebd1;background:#ffffff14}.ios-call-button.end{background:#d8523a}.call-icon{width:24px;height:24px}.call-icon-spin{animation:.9s linear infinite call-icon-spin}@keyframes call-icon-spin{to{transform:rotate(360deg)}}.call-error-banner{z-index:4;color:#fff4eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#a12828e0;border-radius:18px;padding:14px 16px;position:fixed;bottom:118px;left:20px;right:20px}.session-center-wrap{place-items:center;min-height:100vh;padding:16px;display:grid}.session-entry{text-align:center}.session-entry-minimal{justify-items:center;gap:14px;display:grid}@media (max-width:960px){.call-stage{min-height:62vh}}@media (max-width:680px){.user-feed{display:none}.call-topbar{top:14px;right:14px}.call-controls{bottom:18px;left:14px;right:14px;transform:none}.ios-control-bar{justify-content:center;gap:12px;width:100%;padding:12px}.ios-call-button{width:60px;height:60px;font-size:.9rem}}