.main.main-calls{--sky-soft:#e1ebf0;--violet:#6e5a93;--violet-soft:#eae5f1;max-width:1180px}.main-calls .page-title{font-family:Fraunces,serif;font-size:24px;font-weight:500}.main-calls .page-sub{color:var(--ink-faint);margin-top:3px;font-size:12.5px}.main-calls .btn:disabled{opacity:.45;cursor:not-allowed}.main-calls .btn.ghost{color:var(--ink);background:0 0}.main-calls .btn.small{padding:6px 12px;font-size:12.5px}.main-calls .join-box{gap:8px;display:flex}.main-calls .join-box input{border:1px solid var(--line);border-radius:var(--radius-s);width:150px;height:36px;font:inherit;color:var(--ink);background:#fff;padding:0 12px;font-size:13px}.main-calls .join-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.main-calls .layout{grid-template-columns:1fr 380px;align-items:start;gap:16px;margin-bottom:22px;display:grid}.main-calls .panel{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-m);padding:20px 22px}.main-calls .panel-title{margin:0 0 4px;font-family:Fraunces,serif;font-size:17px;font-weight:500}.main-calls .panel-sub{color:var(--ink-faint);margin:0 0 14px;font-size:12.5px}.main-calls .tone-accent,.call-overlay .tone-accent{background:var(--accent-soft);color:var(--accent)}.main-calls .tone-brick,.call-overlay .tone-brick{background:var(--brick-soft);color:var(--brick)}.main-calls .tone-violet,.call-overlay .tone-violet{background:var(--violet-soft);color:var(--violet)}.main-calls .tone-sky,.call-overlay .tone-sky{background:var(--sky-soft);color:var(--sky)}.main-calls .av,.call-overlay .av{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.main-calls .av.sm{border:2px solid #fff;width:26px;height:26px;margin-left:-7px;font-size:10px}.main-calls .av.sm:first-child{margin-left:0}.main-calls .av.md{width:38px;height:38px;font-size:12.5px}.main-calls .meet{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:14px 0;display:flex}.main-calls .meet:first-of-type{padding-top:0}.main-calls .meet:last-child{border-bottom:0;padding-bottom:0}.main-calls .when{text-align:center;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--paper);flex-shrink:0;width:64px;padding:6px 0}.main-calls .when .d{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;font-size:10.5px}.main-calls .when .t{font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:500}.main-calls .meet-body{flex:1;min-width:0}.main-calls .meet-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.main-calls .meet-meta{color:var(--ink-faint);align-items:center;gap:10px;margin-top:5px;font-size:12px;display:flex}.main-calls .meet-actions{flex-shrink:0;gap:8px;display:flex}.main-calls .live{color:var(--brick);align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.main-calls .live:before{content:"";background:var(--brick);border-radius:50%;width:7px;height:7px}.main-calls .preview{aspect-ratio:4/3;border-radius:var(--radius-m);background:var(--ink);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.main-calls .preview video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.main-calls .preview .me-av{color:#fff;background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;font-family:Fraunces,serif;font-size:28px;display:flex}.main-calls .preview .note{color:#fff;border-radius:var(--radius-s);background:#a8493be6;padding:6px 10px;font-size:12px;position:absolute;top:12px;left:12px;right:12px}.main-calls .preview .ctrls{justify-content:center;gap:10px;display:flex;position:absolute;bottom:12px;left:0;right:0}.main-calls .round,.call-overlay .round{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff29;border:0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.main-calls .round:hover,.call-overlay .round:hover{background:#ffffff42}.main-calls .round.off,.call-overlay .round.off{color:var(--ink);background:#fff}.main-calls .round svg,.call-overlay .round svg{width:19px;height:19px}.main-calls .preview-actions{flex-direction:column;gap:8px;margin-top:14px;display:flex}.main-calls .preview-actions .btn{justify-content:center;width:100%}.main-calls .section-title{margin:0 0 12px;font-family:Fraunces,serif;font-size:19px;font-weight:500}.main-calls .table{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-m);overflow:hidden}.main-calls .rrow{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 150px 110px 130px auto;align-items:center;gap:12px;padding:12px 18px;display:grid}.main-calls .rrow:last-child{border-bottom:0}.main-calls .rname{align-items:center;gap:12px;min-width:0;font-size:13.5px;font-weight:500;display:flex}.main-calls .rname span.n{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.main-calls .rcell{color:var(--ink-soft);font-size:12.5px}.main-calls .dir-in{color:var(--accent)}.main-calls .dir-out{color:var(--sky)}.main-calls .dir-missed{color:var(--brick);font-weight:600}.main-calls .copied{color:var(--accent);font-size:12px}.call-overlay{z-index:90;color:#fff;background:#121a16;flex-direction:column;font-family:IBM Plex Sans,sans-serif;display:flex;position:fixed;inset:0}.call-overlay header{justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;display:flex}.call-overlay .c-title{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.call-overlay .c-time{color:#9aa79f;font-family:IBM Plex Mono,monospace;font-size:13px}.call-overlay .tiles{flex:1;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-auto-rows:1fr;gap:12px;min-height:0;padding:0 22px 12px;display:grid;overflow-y:auto}.call-overlay .tile{background:#1d2823;border-radius:12px;justify-content:center;align-items:center;min-height:150px;display:flex;position:relative;overflow:hidden}.call-overlay .tile video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.call-overlay .tile .av{width:72px;height:72px;font-family:Fraunces,serif;font-size:24px}.call-overlay .tile .nm{background:#00000073;border-radius:6px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;display:flex;position:absolute;bottom:10px;left:10px}.call-overlay .tile .speaking{pointer-events:none;border:2px solid #5db394;border-radius:12px;position:absolute;inset:0}.call-overlay .bar{padding:14px 16px calc(18px + env(safe-area-inset-bottom,0px));justify-content:center;align-items:center;gap:12px;display:flex}.call-overlay .round{width:48px;height:48px}.call-overlay .round.end{background:#c0463a;border-radius:24px;width:64px}.call-overlay .round.end:hover{background:#a8392e}.call-overlay .demo-note{color:#9aa79f;text-align:center;padding:0 16px;font-size:11.5px}@media (max-width:1023px){.main-calls .layout{grid-template-columns:1fr}}@media (max-width:767px){.main-calls .page-title{font-size:22px}.main-calls .panel{padding:16px}.main-calls .join-box{width:100%}.main-calls .join-box input{flex:1;font-size:16px}.main-calls .meet{flex-wrap:wrap;gap:10px 12px}.main-calls .meet-actions{width:100%}.main-calls .meet-actions .btn{flex:1;justify-content:center}.main-calls .rrow{grid-template-columns:minmax(0,1fr) auto}.main-calls .rrow .hide-sm{display:none}.call-overlay header{padding:12px 14px}.call-overlay .tiles{grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 10px}.call-overlay .tile .av{width:54px;height:54px;font-size:18px}}