.wc-conn-live{z-index:62;pointer-events:none;position:fixed;top:0;left:0;right:0}.wc-band{pointer-events:auto;height:var(--topbar-h);padding:env(safe-area-inset-top) 12px 0;align-items:center;gap:10px;font-size:16px;line-height:1.2;animation:.25s ease-out wc-band-in;display:flex}@keyframes wc-band-in{0%{opacity:0;transform:translateY(-100%)}}.wc-band[data-kind=wait]{background:var(--color-ink);color:#fff}.wc-band[data-kind=ok]{background:var(--color-yolk);color:var(--color-ink);border-bottom:3px solid var(--color-ink)}.wc-band-icon{flex:none;width:22px;height:22px}.wc-band[data-kind=wait] .wc-band-icon{color:var(--color-yolk)}.wc-band[data-kind=ok] .wc-band-icon{width:24px;height:24px}.wc-band-txt{flex-direction:column;min-width:0;display:flex}.wc-band-txt b{font-family:var(--font-display);font-weight:400}.wc-band-txt small{opacity:.85;font-size:13px}.wc-band-spin{border:3.5px solid;border-top-color:#0000;border-radius:50%;flex:none;width:20px;height:20px;margin-left:auto;animation:.8s linear infinite wc-band-spin}@keyframes wc-band-spin{to{transform:rotate(360deg)}}@media (max-width:600px){[data-audience=teacher] .wc-band-txt small{display:none}}@media (min-width:1100px){.wc-band{gap:14px;padding-inline:clamp(18px,2vw,40px);font-size:22px}.wc-band-txt{flex-direction:row;align-items:baseline;gap:14px}.wc-band-txt small{font-size:17px}.wc-band-icon,.wc-band[data-kind=ok] .wc-band-icon{width:30px;height:30px}[data-audience=teacher] .wc-band{font-size:clamp(22px,1.5vw,30px)}[data-audience=teacher] .wc-band-txt small{font-size:clamp(18px,1.25vw,24px)}[data-audience=teacher] .wc-band-icon{width:34px;height:34px}}.wc-route-layer{z-index:61;height:var(--topbar-h);padding:env(safe-area-inset-top) 64px 0 104px;pointer-events:none;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.wc-route{border:2.5px solid var(--color-ink);min-width:0;color:var(--color-ink);background:#fff;border-radius:99px;align-items:center;gap:8px;padding:3px 12px;font-size:13px;line-height:1.25;display:inline-flex}.wc-route svg{flex:none;width:20px;height:20px}@media (max-width:600px){.wc-route{font-size:12px}.wc-route-more{display:none}}@media (min-width:1100px){.wc-route{padding:4px 16px;font-size:clamp(16px,1.15vw,22px)}.wc-route svg{width:26px;height:26px}}.wc-conn-page{min-height:calc(100dvh - var(--topbar-h));flex-direction:column;padding-bottom:6px;display:flex}.wc-msg-wrap{flex:1;grid-template-columns:minmax(0,1fr);align-content:center;gap:18px;width:100%;max-width:1180px;margin:0 auto;padding:22px 16px 18px;display:grid}.wc-msg-card{text-align:center;background:var(--color-paper);border:3px solid var(--color-ink);border-radius:var(--radius-card);min-width:0;box-shadow:var(--shadow-pop-8);justify-items:center;gap:14px;padding:22px 18px 20px;display:grid}.wc-msg-pic{width:clamp(120px,38vw,180px);height:auto}.wc-msg-card h1{font-family:var(--font-display);word-break:keep-all;font-size:clamp(26px,7.6vw,36px);line-height:1.15}.wc-msg-card p{word-break:keep-all;max-width:34em;font-size:clamp(16px,4.4vw,19px);line-height:1.5}.wc-msg-card .wc-msg-sub{opacity:.85;font-size:15px}.wc-btn-row{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;display:flex}.wc-steps{flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;display:flex}.wc-steps li{border:2.5px solid var(--color-ink);background:#fff;border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:15px;display:inline-flex}.wc-steps li[data-kind=on]{background:var(--color-yolk)}.wc-steps li[data-kind=done]{background:var(--color-cream)}.wc-steps svg{width:16px;height:16px}.wc-msg-bar{border:3px solid var(--color-ink);background:#fff;border-radius:99px;width:min(100%,320px);height:18px;overflow:hidden}.wc-msg-bar i{background:repeating-linear-gradient(-45deg, var(--color-yolk) 0 10px, #ffd866 10px 20px);width:40%;height:100%;animation:1.3s ease-in-out infinite alternate wc-msg-bar;display:block}@keyframes wc-msg-bar{0%{transform:translate(-60%)}to{transform:translate(160%)}}.wc-nick-pre{text-align:left;border:3px solid var(--color-ink);background:#fff;border-radius:16px;align-items:center;gap:10px;width:100%;padding:8px 12px;display:flex}.wc-nick-pre b{overflow-wrap:anywhere;font-size:19px;font-weight:400}.wc-nick-pre small{opacity:.8;font-size:13px;display:block}.wc-lock-clock{font-family:var(--font-display);border:3px solid var(--color-ink);box-shadow:var(--shadow-pop-5);background:#fff;border-radius:18px;padding:8px 18px;font-size:44px;line-height:1}.wc-side-tip{display:none}@media (min-width:1100px){.wc-msg-wrap{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:48px;max-width:1500px;padding:48px}.wc-msg-wrap.is-solo{grid-template-columns:minmax(0,1fr);max-width:980px}.wc-msg-card{gap:20px;padding:44px 40px}.wc-msg-pic{width:clamp(200px,14vw,280px)}.wc-msg-card h1{font-size:clamp(44px,3.2vw,64px)}.wc-msg-card p{font-size:clamp(21px,1.4vw,27px)}.wc-msg-card .wc-msg-sub{font-size:19px}.wc-steps li{padding:6px 16px;font-size:19px}.wc-nick-pre b{font-size:24px}.wc-nick-pre small{font-size:16px}.wc-lock-clock{font-size:64px}.wc-conn-page footer{font-size:17px}.wc-side-tip{background:var(--color-paper);border:3px solid var(--color-ink);border-radius:var(--radius-card);min-width:0;box-shadow:var(--shadow-pop-8);align-content:center;gap:12px;padding:36px;display:grid}.wc-side-tip h2{font-family:var(--font-display);font-size:32px}.wc-side-tip ul{gap:10px;list-style:none;display:grid}.wc-side-tip li{word-break:keep-all;align-items:flex-start;gap:10px;font-size:22px;line-height:1.45;display:flex}.wc-side-tip li i{width:38px;height:38px;font-family:var(--font-display);background:var(--color-yolk);border:2.5px solid var(--color-ink);border-radius:50%;flex:none;place-items:center;font-size:18px;font-style:normal;display:grid}}.wc-keep{color:#4a4660;width:100%;font-size:13px}.wc-keep i{background:#4a466033;border-radius:99px;height:6px;margin-top:4px;display:block;overflow:hidden}.wc-keep i:after{content:"";width:var(--keep,100%);background:#4a4660;border-radius:99px;height:100%;display:block}.wc-lobby-notice{border:3px solid var(--color-ink);animation:var(--animate-pop-in);background:#fff;border-radius:16px;align-items:center;gap:10px;padding:10px 12px;font-size:16px;display:flex}.wc-lobby-notice svg{flex:none;width:26px;height:26px}@media (min-width:1280px){.wc-keep{font-size:17px}.wc-lobby-notice{padding:14px 18px;font-size:21px}}@media (prefers-reduced-motion:reduce){.wc-band,.wc-band-spin,.wc-msg-bar i,.wc-lobby-notice{animation:none}}