.sd-cal{--bg:#1c1c1c;--fg:#f6f6f6;--mute:#8e8e8e;--line:#ffffff1a;--soft:#ffffff12;--strong:#fafafa;--on:#111;color:var(--fg);-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.4}.sd-cal[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-cal :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-cal :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-cal .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-cal{background:var(--bg);width:min(100%,350px);box-shadow:inset 0 0 0 1px var(--line);border-radius:18px;grid-template-columns:minmax(0,1fr);gap:10px;padding:10px;display:grid}.sd-cal__top{color:var(--mute);justify-content:space-between;align-items:center;padding:2px 4px 0;font-size:12px;display:flex}.sd-cal__top b{color:var(--fg);font-size:13px}.sd-cal__g{gap:6px;height:300px;display:grid}.sd-cal__t{background:var(--soft);border-radius:12px;place-items:center;transition:box-shadow .16s;animation:.26s ease-out sd-cal-in;display:grid;position:relative;overflow:hidden}@keyframes sd-cal-in{0%{opacity:0;transform:scale(.94)}}.sd-cal__t[data-talk]{box-shadow:inset 0 0 0 3px var(--fg)}.sd-cal__t[data-cam]{background:color-mix(in srgb, var(--fg) 16%, var(--bg))}.sd-cal__av{background:var(--bg);width:46px;height:46px;box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;place-items:center;font-size:15px;font-weight:700;display:grid}.sd-cal__t[data-cam] .sd-cal__av{width:64px;height:64px;box-shadow:none;font-size:20px;background:var(--strong)!important;color:var(--on)!important}.sd-cal__nm{background:var(--bg);border-radius:6px;align-items:center;gap:4px;max-width:calc(100% - 12px);padding:2px 7px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:6px;left:6px}.sd-cal__nm span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sd-cal__nm svg,.sd-cal__bar svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;flex:none;width:12px;height:12px}.sd-cal__hand{border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700;position:absolute;top:6px;right:6px;background:var(--strong)!important;color:var(--on)!important}.sd-cal__bar{justify-content:center;gap:8px;display:flex}.sd-cal__bar button{width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;place-items:center;display:grid}.sd-cal__bar button svg{width:18px;height:18px}.sd-cal__bar button[aria-pressed=true]{box-shadow:none;background:var(--strong)!important;color:var(--on)!important}.sd-cal__bar .leave{border-radius:22px;width:auto;padding:0 16px;font-size:13px;font-weight:700}.sd-cal__bar .leave[data-confirm]{background:var(--strong)!important;color:var(--on)!important}.sd-cal__end{text-align:center;align-content:center;place-items:center;gap:8px;height:300px;display:grid}.sd-cal__end b{font-size:16px}.sd-cal__end button{border-radius:10px;height:36px;padding:0 16px;font-weight:600;background:var(--strong)!important;color:var(--on)!important}@media (prefers-reduced-motion:reduce){.sd-cal *,.sd-cal :before,.sd-cal :after{transition:none!important;animation:none!important}}
