:root{--green: #178a3e;--green-dark: #0f5a2a;--green-hover: #0f7a35;--yellow: #f2b705;--ink: #1c2420;--muted: #5b6660;--muted-2: #8a938d;--border: #e3e6e0;--border-input: #d5dad2;--canvas: #f6f7f4;--danger: #c63d2f;--danger-text: #a8322a;--danger-tint: #fdecea;--danger-border-soft: #f3c4bf;--stripes: repeating-linear-gradient(135deg, #e6e9e3 0 10px, #dfe3dc 10px 20px);--ease-in: cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}body{margin:0;font-family:Figtree,system-ui,sans-serif;color:var(--ink);background:var(--canvas)}input,select,button{font-family:inherit}a{color:var(--green)}a:hover{color:var(--green-dark)}[hidden]{display:none!important}@keyframes flIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes flUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes flFade{0%{opacity:0}to{opacity:1}}@keyframes flPop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.08)}to{opacity:1;transform:none}}#app{transition:opacity .22s ease}#app[data-leaving]{opacity:0}.screen{display:none}#app[data-screen=loading] [data-for=loading],#app[data-screen=notice] [data-for=notice],#app[data-screen=join] [data-for=join],#app[data-screen=interview] [data-for=interview],#app[data-screen=complete] [data-for=complete]{display:flex}.logo{display:block}.screen--green{position:relative;min-height:100dvh;background:var(--green-dark);flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:clamp(12px,4vw,40px)}.stripe{position:absolute;top:0;left:0;right:0;height:6px;background:var(--yellow)}.loading-text{margin:0;color:#fff;font-size:15px;opacity:.8}.notice-card{width:100%;max-width:560px;background:#fff;border-radius:20px;padding:clamp(20px,4vw,36px);display:flex;flex-direction:column;align-items:flex-start;gap:14px;box-shadow:0 20px 50px #00000040;animation:flIn .55s var(--ease-in) both}.notice-logo{height:38px;margin-bottom:8px}.notice-title{margin:0;font-size:26px;line-height:1.2}.notice-text{margin:0;font-size:16px;line-height:1.5;color:var(--muted);text-wrap:pretty}.notice-retry{margin-top:8px;padding:0 24px}.join-card{width:100%;max-width:880px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #00000040;display:flex;flex-direction:column;animation:flIn .55s var(--ease-in) both}.join-mobile-logo{display:none;height:60px;align-items:center;justify-content:center;border-bottom:1px solid var(--border)}.join-mobile-logo .logo{height:30px}.join-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.join-devices{padding:clamp(18px,3vw,28px);display:flex;flex-direction:column;gap:14px;background:var(--canvas)}.preview{position:relative;aspect-ratio:4 / 3;border-radius:14px;overflow:hidden;background:var(--stripes);display:flex;align-items:center;justify-content:center}.preview-label{font:12px ui-monospace,Menlo,monospace;color:#6b746e;padding:0 16px;text-align:center}.preview-video,.self-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.preview-video:not([data-live]),.self-video:not([data-live]){visibility:hidden}.cam-off{position:absolute;top:0;right:0;bottom:0;left:0;background:#dfe3dc;display:flex;align-items:center;justify-content:center}.initials{border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.initials--84{width:84px;height:84px;font-size:28px}.initials--96{width:96px;height:96px;font-size:32px}.meter-box{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:#fff;border-radius:10px;border:1px solid var(--border)}.meter-row{display:flex;align-items:center;gap:10px}.meter{flex:1;display:flex;gap:3px;height:12px}.meter-seg{flex:1;border-radius:2px;background:var(--border)}.meter-seg[data-on]{background:var(--green)}.meter-seg[data-on][data-peak]{background:var(--yellow)}.meter-hint{font-size:12px;color:var(--muted)}.toggle-row{display:flex;gap:10px}.toggle,.control{background:#fff;color:var(--ink);border:1px solid var(--border-input);display:flex;align-items:center;justify-content:center;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .15s}.toggle:active,.control:active{transform:scale(.97)}.toggle[data-off],.control[data-off]{background:var(--danger-tint);color:var(--danger-text);border-color:var(--danger-border-soft)}.toggle{flex:1;height:46px;border-radius:10px;gap:8px;font-size:14px}.device-selects{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#4a544e}.device-select{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 6px 6px 12px;background:#fff;border-radius:8px}.device-select select{min-width:0;max-width:62%;border:0;background:transparent;font-size:13px;font-weight:600;color:var(--ink);text-align:right;cursor:pointer}.join-info{padding:clamp(20px,3.5vw,32px);display:flex;flex-direction:column;gap:18px}.join-desktop-logo{height:44px;align-self:flex-start}.join-heading{display:flex;flex-direction:column;gap:4px}.join-title{margin:0;font-size:26px;line-height:1.2;text-wrap:pretty}.join-meta{font-size:15px;color:var(--muted)}.join-note{margin:0;padding:12px 14px;border-radius:10px;background:var(--canvas);font-size:14px;line-height:1.5;color:#4a544e;text-wrap:pretty}.join-consent{margin:0;font-size:13px;line-height:1.5;color:var(--muted);text-wrap:pretty}.joining-as{display:flex;flex-direction:column;gap:2px}.joining-as-label{font-size:13px;font-weight:600;margin-bottom:4px}.joining-as-name{font-size:16px;font-weight:600}.joining-as-email{font-size:14px;color:var(--muted);overflow-wrap:anywhere}.join-error{margin:0;font-size:14px;line-height:1.5;color:var(--danger-text)}.btn-primary{height:52px;border:0;border-radius:12px;background:var(--green);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:var(--green-hover)}.btn-primary:disabled{opacity:.45;cursor:default}.join-btn{margin-top:auto}.screen--call{height:100dvh;flex-direction:column;background:var(--canvas);animation:flFade .4s ease both}.call-header{height:64px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 clamp(14px,3vw,28px);background:#fff;border-bottom:1px solid var(--border)}.call-logo{height:clamp(24px,4vw,34px)}.call-header-right{display:flex;align-items:center;gap:16px;font-size:14px}.call-role{color:var(--muted)}.call-clock{font-weight:600;font-variant-numeric:tabular-nums}.tiles{flex:1;min-height:0;padding:clamp(10px,2vw,20px) clamp(10px,3vw,28px) 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));grid-auto-rows:minmax(0,1fr);gap:clamp(10px,1.5vw,16px)}.tile{position:relative;border-radius:16px;overflow:hidden;outline:3px solid transparent;outline-offset:-3px}.tile--ai{background:radial-gradient(120% 90% at 50% 42%,#15603a,#0c2a18 72%);transition:outline-color .3s;animation:flIn .6s .1s var(--ease-in) both}.tile--ai[data-speaking]{outline-color:#f2b705e6}.orb-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.tile--self{background:var(--stripes);transition:outline-color .2s;animation:flIn .6s .2s var(--ease-in) both}.tile--self[data-speaking]{outline-color:var(--green)}.name-tag{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:#1c2420b8;color:#fff;font-size:14px;font-weight:600}.name-tag--ai{background:#00000073}.name-tag-muted{font-size:12px;font-weight:600;color:#ffb4ab}.controls{height:96px;flex:none;display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,14px);padding:0 12px;animation:flUp .5s .3s var(--ease-in) both}.control{flex:none;white-space:nowrap;height:52px;padding:0 clamp(12px,2vw,20px);border-radius:12px;gap:10px;font-size:15px}.control--leave{border:0;padding:0 clamp(14px,2vw,24px);background:var(--danger);color:#fff}.control:disabled{opacity:.6;cursor:default}.label-short{display:none}.screen--complete{min-height:100dvh;flex-direction:column;background:var(--canvas);animation:flFade .4s ease both}.complete-header{height:72px;flex:none;display:flex;align-items:center;justify-content:center;padding:0 clamp(16px,3vw,36px);background:#fff;border-bottom:1px solid var(--border)}.complete-logo{height:clamp(30px,4vw,40px)}.complete-body{flex:1;display:flex;justify-content:center;padding:clamp(32px,6vw,56px) clamp(20px,4vw,40px)}.complete-column{width:100%;max-width:560px;display:flex;flex-direction:column;gap:32px}.complete-intro{display:flex;flex-direction:column;gap:12px}.complete-check{width:52px;height:52px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;animation:flPop .55s .15s both}.complete-title{margin:8px 0 0;font-size:clamp(28px,5vw,34px);line-height:1.15;animation:flIn .5s .25s both}.complete-text{margin:0;font-size:17px;line-height:1.55;color:#4a544e;text-wrap:pretty;animation:flIn .5s .3s both}.next-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px 26px;display:flex;flex-direction:column;gap:18px;animation:flIn .5s .42s both}.next-label{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.timeline{display:grid;grid-template-columns:24px 1fr;column-gap:14px}.timeline-rail{display:flex;flex-direction:column;align-items:center}.dot{width:14px;height:14px;border-radius:50%;margin-top:3px;background:#fff}.dot--filled{background:var(--green)}.dot--green{border:2px solid var(--green)}.dot--gray{border:2px solid #b9c0b6}.rail{flex:1;width:2px;background:var(--border-input)}.timeline-step{padding-bottom:18px}.timeline-step--last{padding-bottom:0}.step-title{font-weight:700;font-size:16px}.step-sub{font-size:14px;color:var(--muted)}.step-sub--wrap{overflow-wrap:anywhere}@media (max-width: 719px){.join-mobile-logo{display:flex}.join-desktop-logo,.call-role,.label-long{display:none}.label-short{display:inline}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}