:root{--bg:#070b14;--bg-raised:#111827;--line:#94a3b829;--fg:#f8fafc;--fg-muted:#94a3b8;--accent:#22c55e;--accent-strong:#16a34a;--danger:#ef4444;--warn:#f59e0b;--radius:20px;--radius-lg:28px;--gap:clamp(1rem, 4vw, 1.6rem);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(90vw 60vh at 50% -10%, #16233d 0%, transparent 60%), var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:inherit;cursor:pointer}.screen{min-height:100%;padding:calc(env(safe-area-inset-top) + var(--gap)) var(--gap) calc(env(safe-area-inset-bottom) + var(--gap));flex-direction:column;display:flex}.screen--empty,.screen--centered{text-align:center;justify-content:center;align-items:center}.home__head{padding:clamp(.5rem,3vh,2rem) .25rem 0}.home__greeting{color:var(--fg-muted);margin:0 0 .35rem;font-size:1rem}.home__title{letter-spacing:-.02em;margin:0;font-size:clamp(1.7rem,7vw,2.4rem);font-weight:600}.people{padding:var(--gap) 0;flex-direction:column;flex:1;justify-content:center;gap:.75rem;display:flex}.person{text-align:left;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:1rem;width:100%;padding:1rem;transition:border-color .15s,transform .15s;display:flex}.person:disabled{cursor:default}.person--selected{border-color:#22c55e80}.person:not(:disabled):active{transform:scale(.99)}.people--single .person{text-align:center;flex-direction:column;gap:1.1rem;padding:clamp(1.5rem,6vw,2.5rem) 1rem}.person__portrait{flex:none;position:relative}.person__photo{object-fit:cover;background:linear-gradient(160deg,#1e293b,#0b1220);border-radius:50%;place-items:center;width:64px;height:64px;font-size:1.6rem;font-weight:500;display:grid}.people--single .person__photo{width:clamp(120px,34vw,168px);height:clamp(120px,34vw,168px);font-size:clamp(3rem,12vw,4.2rem)}.person__badge{border:3px solid var(--bg-raised);background:var(--fg-muted);border-radius:50%;width:16px;height:16px;position:absolute;bottom:2px;right:2px}.people--single .person__badge{width:24px;height:24px;bottom:8px;right:8px}.person__badge--online{background:var(--accent)}.person__badge--busy{background:var(--warn)}.person__text{flex-direction:column;gap:.2rem;min-width:0;display:flex}.person__name{font-size:clamp(1.25rem,5vw,1.75rem);font-weight:600}.person__presence{color:var(--fg-muted);font-size:.95rem}.person__presence--online{color:var(--accent)}.person__presence--busy{color:var(--warn)}.home__foot{flex-direction:column;gap:.75rem;display:flex}.cta{border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--accent), var(--accent-strong));color:#04140a;letter-spacing:-.01em;border:none;justify-content:center;align-items:center;gap:.7rem;width:100%;min-height:68px;padding:0 1.5rem;font-size:1.15rem;font-weight:650;transition:transform .12s,box-shadow .15s;display:flex;box-shadow:0 12px 30px #22c55e47}.cta:active:not(:disabled){transform:translateY(2px);box-shadow:0 6px 18px #22c55e38}.cta:disabled{color:#64748b;box-shadow:none;cursor:not-allowed;background:#1f2937}.cta__icon{width:24px;height:24px}.notice{color:var(--fg-muted);text-align:center;background:#94a3b81a;border-radius:14px;margin:0;padding:.85rem 1rem;font-size:.95rem}.notice--error{color:#fca5a5;background:#ef44441f}.call{background:#000;height:100%;position:relative;overflow:hidden}.call__remote{object-fit:cover;background:#000;width:100%;height:100%;position:absolute;inset:0}.call__topbar{top:calc(env(safe-area-inset-top) + .75rem);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070b1499;border-radius:999px;align-items:center;gap:.6rem;padding:.5rem 1rem;font-size:.95rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.call__timer{color:var(--fg-muted);font-variant-numeric:tabular-nums}.call__waiting{padding:var(--gap);text-align:center;background:radial-gradient(70vw 50vh at 50% 35%,#16233d 0%,#070b14 70%);flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;display:flex;position:absolute;inset:0}.call__portrait{border:1px solid var(--line);background:linear-gradient(160deg,#1e293b,#0b1220);border-radius:50%;place-items:center;width:clamp(110px,30vw,150px);height:clamp(110px,30vw,150px);font-size:clamp(2.8rem,11vw,3.8rem);font-weight:500;display:grid}.call__name{margin:0;font-size:clamp(1.6rem,6vw,2.1rem);font-weight:600}.status{flex-direction:column;align-items:center;gap:.35rem;width:min(100%,22rem);display:flex}.status__title{color:var(--fg);margin:0;font-size:1.1rem}.status__detail{color:var(--fg-muted);margin:0;font-size:.95rem}.status__bar{background:#94a3b82e;border-radius:999px;width:100%;height:3px;margin-top:.5rem;position:relative;overflow:hidden}.status__bar:after{content:"";border-radius:inherit;background:var(--accent);width:40%;animation:1.6s ease-in-out infinite slide;position:absolute;inset:0}.call__self{right:.9rem;bottom:calc(env(safe-area-inset-bottom) + 7.5rem);aspect-ratio:3/4;object-fit:cover;background:#0b1220;border:1px solid #ffffff2e;border-radius:16px;width:clamp(88px,26vw,132px);position:absolute;box-shadow:0 10px 24px #00000073}.call__hint{left:50%;bottom:calc(env(safe-area-inset-bottom) + 6.2rem);text-align:center;max-width:min(92%,26rem);color:var(--fg);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070b14c7;border-radius:999px;margin:0;padding:.55rem 1rem;font-size:.9rem;position:absolute;transform:translate(-50%)}.controls{padding:1rem var(--gap) calc(env(safe-area-inset-bottom) + 1.25rem);background:linear-gradient(#0000,#070b14d9 45%);justify-content:center;gap:clamp(1rem,6vw,2rem);display:flex;position:absolute;bottom:0;left:0;right:0}.control{color:var(--fg-muted);background:0 0;border:none;flex-direction:column;align-items:center;gap:.4rem;padding:0;font-size:.78rem;display:flex}.control svg{box-sizing:content-box;border:1px solid var(--line);width:26px;height:26px;color:var(--fg);background:#f8fafc1f;border-radius:50%;padding:16px;transition:background .15s,transform .12s}.control:active svg{transform:scale(.94)}.control--off svg{color:#0b1220;background:#f8fafce6}.control--end svg{background:var(--danger);color:#fff;border-color:#0000;transform:rotate(135deg)}.control--end:active svg{transform:rotate(135deg)scale(.94)}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.status__bar:after{opacity:.5;width:100%;animation:none}.cta,.person,.control svg{transition:none}}@media (width>=768px){.screen{justify-content:center;gap:1.5rem;max-width:34rem;margin:0 auto}.home__head{text-align:center}.home__title{font-size:2rem}.people{flex:none}.people--single .person{text-align:left;flex-direction:row;padding:1.25rem}.people--single .person__photo{width:88px;height:88px;font-size:2.2rem}.people--single .person__badge{width:18px;height:18px;bottom:2px;right:2px}.cta{min-height:60px;font-size:1.05rem}.call{background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex}.call__remote{aspect-ratio:16/9;border:1px solid var(--line);border-radius:20px;width:min(100%,62rem);height:auto;position:static;box-shadow:0 30px 70px #00000080}.call__topbar{order:-1;position:static;transform:none}.call__self{aspect-ratio:4/3;border-radius:14px;width:172px;bottom:2rem;right:2rem}.controls{background:0 0;gap:1.5rem;padding:0;position:static}.control svg:hover{background:#f8fafc33}.control--end svg:hover{background:#dc2626}.person:not(:disabled):hover{border-color:#94a3b86b}.cta:hover:not(:disabled){filter:brightness(1.05)}.call__hint{display:none}}@media (width>=1200px){.call__remote{width:min(100%,72rem)}}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}@media (hover:hover){.control svg{transition:background .14s,transform .12s}}