@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/atkinson-hyperlegible-next-latin-ext-wght-normal.06adi5qjgm3bm.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/atkinson-hyperlegible-next-latin-wght-normal.1o9o6__l__p-w.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Atkinson Hyperlegible Mono Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/atkinson-hyperlegible-mono-latin-ext-wght-normal.3r-pmifgbjv3x.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Mono Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/atkinson-hyperlegible-mono-latin-wght-normal.0dezz_p37j6_1.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--paper:#f2f5f4;--surface:#fff;--ink:#13233a;--ink-2:#4a5a70;--ink-3:#7a8798;--line:#d8e0e3;--line-strong:#b9c5cb;--waiting:#a15c00;--waiting-bg:#fdf1dc;--live:#137a52;--live-bg:#def4ea;--danger:#c93434;--danger-ink:#fff;--monitor:#0b192b;--monitor-2:#132a44;--trace:#3ddc97;--on-monitor:#e8f0f7;--on-monitor-2:#9fb2c6;--font:"Atkinson Hyperlegible Next Variable", "Atkinson Hyperlegible Next", system-ui, sans-serif;--font-code:"Atkinson Hyperlegible Mono Variable", "Atkinson Hyperlegible Mono", ui-monospace, monospace;--radius-lg:18px;--radius:10px;--focus:0 0 0 3px var(--paper), 0 0 0 5px var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.5}h1,h2,h3,p{margin:0}h1{letter-spacing:-.015em;font-size:clamp(1.75rem,1.3rem + 2vw,2.25rem);font-weight:760;line-height:1.15}h2{letter-spacing:-.005em;font-size:1.25rem;font-weight:720;line-height:1.25}.lede{color:var(--ink-2);max-width:34rem}.muted{color:var(--ink-2)}.code{font-family:var(--font-code);letter-spacing:.06em;font-weight:600}.brand{letter-spacing:-.01em;color:var(--ink);align-items:center;gap:10px;font-size:1.05rem;font-weight:760;text-decoration:none;display:inline-flex}.brand-mark{background:var(--monitor);border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.brand-mark path{fill:none;stroke:var(--trace);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.brand-suffix{color:var(--ink-2);border-left:1.5px solid var(--line-strong);margin-left:2px;padding-left:12px;font-weight:500}.btn{appearance:none;border-radius:var(--radius);font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 20px;font-size:1rem;font-weight:700;line-height:1;text-decoration:none;transition:background-color .12s,transform 80ms;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:focus-visible,.field input:focus-visible{box-shadow:var(--focus);outline:none}.btn:disabled{opacity:.55;cursor:progress}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover:not(:disabled){background:#1f3555}.btn-quiet{color:var(--ink);border:1.5px solid var(--line-strong);background:0 0}.btn-quiet:hover:not(:disabled){background:var(--surface);border-color:var(--ink-3)}.btn-sm{min-height:40px;padding:0 14px;font-size:.94rem}.btn-block{width:100%}.field{gap:6px;display:grid}.field label{font-size:.95rem;font-weight:700}.field .hint{color:var(--ink-2);font-size:.88rem}.field input{font:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--line-strong);border-radius:var(--radius);width:100%;min-height:52px;padding:0 14px;font-size:1.06rem}.field input::placeholder{color:var(--ink-3)}.field input.code{text-transform:uppercase;font-size:1.2rem}.field input.code::placeholder{font-family:var(--font);letter-spacing:normal;text-transform:none;font-size:1.06rem}.alert{border-radius:var(--radius);color:#8a1f1f;background:#fbe6e6;padding:12px 14px;font-size:.95rem}.status{white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:4px 11px 4px 9px;font-size:.9rem;font-weight:700;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.status-waiting{color:var(--waiting);background:var(--waiting-bg)}.status-live{color:var(--live);background:var(--live-bg)}.status-idle{color:var(--ink-2);background:#e7ecee}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.call{z-index:50;background:var(--monitor);color:var(--on-monitor);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;position:fixed;inset:0}.stage{height:100%;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.stage-top{justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:14px 18px 12px;display:flex}.stage-who{align-items:baseline;gap:12px;min-width:0;display:flex}.stage-who strong{white-space:nowrap;text-overflow:ellipsis;font-size:1.08rem;font-weight:720;overflow:hidden}.stage-who .elapsed{color:var(--trace);font-variant-numeric:tabular-nums;font-weight:700}.stage-who .room{color:var(--on-monitor-2)}.quality{color:#ffcf7a;white-space:nowrap;font-size:.85rem}.stage-main{border-radius:var(--radius-lg);background:var(--monitor-2);min-height:0;margin:0 12px;position:relative;overflow:hidden}.stage-main .video{object-fit:contain;background:#050d18;width:100%;height:100%;display:block}.mirror{transform:scaleX(-1)}.waiting{text-align:center;align-content:center;justify-items:center;gap:18px;height:100%;padding:20px;display:grid;overflow-y:auto}.waiting .self-preview{aspect-ratio:4/3;background:#050d18;border-radius:14px;place-items:center;width:min(100%,440px);display:grid;overflow:hidden}.waiting .self-preview .video{object-fit:cover}.waiting h1{color:var(--on-monitor);font-size:clamp(1.4rem,1.1rem + 1.4vw,1.9rem)}.waiting p{color:var(--on-monitor-2);max-width:30rem}.waiting .code{color:var(--on-monitor)}.heartbeat{width:min(340px,86%);height:auto;overflow:visible}.heartbeat path{fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.heartbeat .base{stroke:#3ddc9729}.heartbeat .head{stroke:var(--trace);stroke-dasharray:.3 .7;filter:drop-shadow(0 0 5px #3ddc978c);animation:2.4s linear infinite trace}@keyframes trace{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.heartbeat .head{stroke-dasharray:none;animation:none}}.pip{aspect-ratio:16/10;background:#050d18;border:1.5px solid #ffffff24;border-radius:12px;place-items:center;width:clamp(110px,22vw,240px);display:grid;position:absolute;bottom:12px;right:12px;overflow:hidden;box-shadow:0 6px 24px #00000073}.pip .video{object-fit:cover}.cam-off{color:var(--on-monitor-2);text-align:center;padding:8px;font-size:.85rem}.avatar-wrap{height:100%;color:var(--on-monitor-2);align-content:center;place-items:center;gap:14px;display:grid}.avatar{background:var(--monitor);width:128px;height:128px;color:var(--on-monitor);border:2px solid #3ddc9759;border-radius:50%;place-items:center;font-size:2.6rem;font-weight:760;display:grid}.banner{z-index:2;text-align:center;color:#3d2600;background:#ffcf7a;border-radius:999px;max-width:calc(100% - 24px);padding:8px 16px;font-size:.92rem;font-weight:700;position:absolute;top:12px;left:50%;transform:translate(-50%)}.banner-danger{color:#6e1010;background:#ffd4d4;border-radius:12px}.start-audio{z-index:3;font:inherit;background:var(--trace);color:var(--monitor);cursor:pointer;border:0;border-radius:999px;padding:12px 20px;font-weight:700;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.controls{padding:14px 12px calc(14px + env(safe-area-inset-bottom));justify-content:center;align-items:flex-start;gap:clamp(10px,4vw,22px);display:flex}.ctl{appearance:none;font:inherit;color:var(--on-monitor-2);cursor:pointer;background:0 0;border:0;justify-items:center;gap:6px;min-width:64px;padding:0;font-size:.8rem;font-weight:700;display:grid}.ctl-icon{width:58px;height:58px;color:var(--on-monitor);background:#ffffff1a;border-radius:50%;place-items:center;transition:background-color .12s;display:grid}.ctl:hover .ctl-icon{background:#ffffff2e}.ctl[aria-pressed=false] .ctl-icon{background:var(--on-monitor);color:var(--monitor)}.ctl:focus-visible{outline:none}.ctl:focus-visible .ctl-icon{box-shadow:0 0 0 3px var(--monitor), 0 0 0 5px var(--trace)}.ctl-end .ctl-icon,.ctl-end:hover .ctl-icon{background:var(--danger);width:76px;color:var(--danger-ink);border-radius:29px}.ctl svg{width:26px;height:26px}.call-overlay{text-align:center;height:100%;color:var(--on-monitor-2);align-content:center;place-items:center;gap:16px;padding:24px;display:grid}@media (max-width:700px){.stage-main{margin:0 8px}.stage-main .remote .video{object-fit:cover}.pip{aspect-ratio:3/4;width:clamp(92px,28vw,140px)}.waiting .self-preview{aspect-ratio:3/4;width:min(100%,300px)}}
body{font-size:16px}.topbar{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px clamp(16px,4vw,32px);display:flex}.doctor-name{color:var(--ink-2);align-items:center;gap:10px;font-size:.9rem;display:flex}.doctor-name input{font:inherit;color:var(--ink);border:1.5px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);width:220px;min-height:40px;padding:0 12px;font-size:.98rem}.doctor-name input:focus-visible{box-shadow:var(--focus);outline:none}.panel{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:clamp(20px,3vw,36px);max-width:1180px;margin:0 auto;padding:clamp(20px,4vw,40px) clamp(16px,4vw,32px) 48px;display:grid}.queue{gap:18px;display:grid}.queue-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.queue-list{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:0;padding:0;list-style:none;overflow:hidden}.queue-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px 18px;padding:16px 20px;display:grid}.queue-row+.queue-row{border-top:1px solid var(--line)}.queue-row[data-waiting]{box-shadow:inset 4px 0 0 var(--waiting)}.row-main{gap:2px;min-width:0;display:grid}.row-name{text-overflow:ellipsis;white-space:nowrap;font-size:1.12rem;font-weight:720;overflow:hidden}.row-sub{color:var(--ink-2);flex-wrap:wrap;gap:14px;font-size:.9rem;display:flex}.row-actions{gap:8px;display:inline-flex}.queue-empty{background:var(--surface);border:1px dashed var(--line-strong);border-radius:14px;gap:8px;padding:32px 28px;display:grid}.queue-empty p{max-width:34rem}.invite{background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:16px;padding:22px;display:grid;position:sticky;top:20px}.invite-foot{color:var(--ink-2);border-top:1px solid var(--line);padding-top:14px;font-size:.88rem}.invite-foot a{color:var(--ink);font-weight:700}.invite-card{gap:16px;display:grid}.invite-code{gap:2px;display:grid}.big-code{letter-spacing:.14em;color:var(--ink);font-size:2.3rem;line-height:1.1}.invite-qr{align-items:center;gap:14px;display:flex}.invite-qr svg{border:1px solid var(--line);border-radius:8px;flex:none}.invite-qr p{font-size:.9rem}.invite-link{gap:8px;display:flex}.invite-link input{min-width:0;font:inherit;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);flex:1;min-height:40px;padding:0 10px;font-size:.88rem}.invite-actions{gap:8px;display:grid}.link-btn{appearance:none;font:inherit;color:var(--ink-2);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:.9rem;text-decoration:underline}.invite .alert{margin:0}@media (max-width:900px){.panel{grid-template-columns:1fr}.invite{position:static}}@media (max-width:560px){.queue-row{grid-template-columns:1fr auto}.queue-row .status{white-space:normal;grid-row:2;justify-self:start}.doctor-name{width:100%}.doctor-name input{flex:1;width:auto}}