:root{--navy:#172b45;--blue:#175fc7;--paper:#f4f7fb;--line:#dce4ee;--muted:#536579;--danger:#a92538;--ok:#136248;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--navy);background:var(--paper);font-family:Arial,Malgun Gothic,sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #2469d5}button{cursor:pointer;background:var(--blue);color:#fff;border:1px solid #0000;border-radius:8px;min-height:44px;padding:10px 16px;font-weight:700;line-height:1.4}button:hover:not(:disabled){filter:brightness(.94)}button:disabled{opacity:.55;cursor:not-allowed}a{color:var(--blue);text-underline-offset:3px}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:-.035em;margin:6px 0 12px;font-size:clamp(1.5rem,3vw,2rem);line-height:1.35}h2{margin:0 0 12px;font-size:1.12rem;line-height:1.5}h3{margin:0;font-size:1rem}p{margin:10px 0;line-height:1.7}.brand{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:12px;padding:14px max(4vw,20px);display:flex}.brand-mark{background:var(--navy);color:#fff;border-radius:8px;padding:6px 10px;font-weight:800}main{min-width:0;max-width:980px;margin:36px auto;padding:0 24px}.intro,.muted{color:var(--muted)}.intro{font-size:1rem}.eyebrow{color:var(--blue);letter-spacing:.05em;margin:0 0 6px;font-size:.8rem;font-weight:700}footer{text-align:center;color:var(--muted);padding:26px 20px;font-size:.82rem}.note{color:var(--muted);font-size:.86rem}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;margin:20px 0;padding:24px}.center{text-align:center}.secondary{color:var(--navy);border-color:var(--line);background:#fff}.danger{background:var(--danger);color:#fff}.error{color:var(--danger);background:#fff1f3;border:1px solid #f0cbd1;border-radius:8px;padding:12px 16px;line-height:1.6}.success{color:var(--ok);background:#edf8f2;border-radius:8px;padding:12px 16px}.pending{color:var(--muted)}.status-message{border:1px solid var(--line);background:#f0f4fa;border-radius:8px;padding:12px 14px;line-height:1.6}.status-message.success{background:#edf8f2;border-color:#c4e1d1}.status-message.error{background:#fff1f3;border-color:#f0cbd1}.badge{background:#edf2f9;border-radius:6px;padding:5px 9px;font-size:.8rem;font-weight:700;line-height:1.4;display:inline-block}.badge.online{color:var(--ok);background:#edf8f2}.toolbar,.action-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.toolbar{justify-content:space-between}.count{color:var(--blue)}.customer-shell{max-width:800px}.customer-heading{margin-bottom:24px}.support-steps{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:repeat(3,1fr);margin:22px 0 26px;padding:0;list-style:none;display:grid}.support-steps li{color:var(--muted);align-items:center;gap:10px;padding:13px 16px;font-size:.88rem;display:flex}.support-steps li+li{border-left:1px solid var(--line)}.support-steps li span{background:#eaf0f7;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:.8rem;display:grid}.support-steps [aria-current=step]{color:var(--blue);font-weight:700}.support-steps [aria-current=step] span{background:var(--blue);color:#fff}.support-steps [data-complete=true] span{color:var(--ok);background:#dcefe5}.choices{grid-template-columns:1fr 1fr;gap:16px;display:grid}.choice{text-align:left;color:var(--navy);border:1px solid var(--line);background:#fff;flex-direction:column;justify-content:flex-start;align-self:stretch;padding:24px;display:flex;box-shadow:0 4px 18px #172b4505}.choice strong{margin-bottom:12px;font-size:1.3rem;display:block}.choice span,.choice small{color:var(--muted);font-weight:400;line-height:1.7;display:block}.choice small{border-top:1px solid var(--line);margin-top:16px;padding-top:14px;font-size:.83rem}.choice:hover:not(:disabled){border-color:var(--blue);filter:none;background:#f7faff}.session-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.customer-session>h2{font-size:1.05rem}.codes{flex-wrap:wrap;justify-content:center;gap:12px;margin:24px 0;display:flex}.codes button{min-width:78px;min-height:72px;color:var(--blue);background:#edf3fd;border:2px solid #0000;font-size:1.8rem}.codes button:hover:not(:disabled){border-color:var(--blue)}.codes button.chosen{border-color:var(--blue);background:var(--blue);color:#fff}.codes.small{justify-content:flex-start;gap:8px;margin:0}.codes.small button{min-width:48px;min-height:44px;padding:8px;font-size:1.15rem}.install-guide{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.install-guide h2{font-size:1rem}.helper-connection h2{font-size:1.05rem}.screen-summary{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:6px;margin-top:16px;padding:14px;display:flex}.session-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px;padding-top:20px;display:flex}.help-details{color:var(--muted);padding:14px 0;font-size:.88rem}.help-details summary,.connection-details summary{cursor:pointer;min-height:32px;line-height:2}.help-details p{max-width:66ch}.admin-shell{max-width:none;margin-top:24px}.admin-heading h1{margin-bottom:0}.queue-summary{border:1px solid var(--line);background:#fff;border-radius:8px;gap:24px;margin:20px 0;padding:12px 16px;font-size:.9rem;display:flex}.queue-summary strong{color:var(--blue);margin-left:8px}.admin-overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;margin:24px 0;display:grid}.admin-overview.legacy-overview{grid-template-columns:1fr}.admin-overview>.number-reservation{min-width:0;margin:0}.session-queues{grid-template-columns:1fr;gap:24px;min-width:0;display:grid}.session-queues>section{min-width:0}.session-queues h2{font-size:1rem}.session-queues h2 .count{margin-left:6px}.support-row{flex-direction:column;align-items:stretch;gap:16px;margin:12px 0;padding:18px;display:flex}.row-info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.support-actions{flex-direction:column;gap:14px;display:flex}.support-actions .action-group{gap:8px}.support-actions button{font-size:.88rem}.verification-instruction{font-size:.92rem}.empty{border:1px dashed var(--line);color:var(--muted);background:#fff;border-radius:10px;padding:26px 18px;font-size:.9rem}.admin-workspace{width:100%;min-width:0}.viewer{min-width:0;margin:0;padding:18px}.viewer-heading{z-index:2;border-bottom:1px solid var(--line);background:#fff;margin-bottom:14px;padding:12px 0;position:sticky;top:0}.viewer-heading h2{margin:0}.viewer-tools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.monitor-picker{flex-wrap:wrap;align-items:center;gap:10px;font-size:.88rem;display:flex}.monitor-picker select{max-width:100%;min-height:40px;color:var(--navy);border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px}.viewer-media{isolation:isolate;margin:16px 0;position:relative}.viewer video{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;background:#101b2c;border-radius:8px;width:100%;height:clamp(260px,62vh,900px);display:block}.control-surface{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;position:absolute;inset:0}.control-surface[data-active=true]{pointer-events:auto;touch-action:none;cursor:default}.control-surface:focus-visible{outline-offset:-3px;outline:3px solid #4a8ff3}.control-toolbar,.viewer-footer{flex-wrap:wrap;align-items:center;gap:12px;font-size:.88rem;display:flex}.control-toolbar{background:var(--paper);border-radius:8px;padding:12px}.viewer-footer{justify-content:space-between;margin-top:16px}.connection-details{color:var(--muted);margin-top:12px;font-size:.84rem}.viewer:fullscreen{background:#fff;width:100%;height:100%;padding:18px;overflow:auto}.viewer:fullscreen video{height:70vh}.camera-preview{width:100%}.camera-preview video{object-fit:contain;background:#101b2c;border-radius:8px;width:100%;max-width:560px;max-height:42vh;margin:20px auto;display:block}.login{max-width:440px}.login label{margin:18px 0 8px;font-weight:700;display:block}.login input{border:1px solid var(--line);border-radius:8px;width:100%;min-height:44px;padding:12px}.login button{width:100%;margin-top:24px}.release-digest{overflow-wrap:anywhere}.pc-remote-support{word-break:keep-all;margin-top:30px}.remote-download{text-align:center;overflow-wrap:anywhere;border-radius:8px;justify-content:center;align-items:center;max-width:100%;min-height:44px;padding:12px 16px;font-weight:700;line-height:1.5;text-decoration:none;display:inline-flex}.remote-download:hover{background:var(--paper)}@media (max-width:900px){.admin-overview{grid-template-columns:1fr}.viewer video{height:60vh}}@media (max-width:650px){main{margin-top:24px;padding:0 16px}.brand{padding:12px 16px}.choices,.session-queues{grid-template-columns:1fr}.choice,.panel{padding:18px}.support-steps li{gap:6px;padding:12px 8px;font-size:.8rem}.support-steps li span{width:21px;height:21px}.customer-heading{margin-bottom:18px}.codes button{min-width:68px;min-height:66px}.viewer video{height:48vh;min-height:220px}.monitor-picker,.monitor-picker select{width:100%}.admin-heading{align-items:flex-start}.queue-summary{gap:16px}.viewer-heading .danger{min-height:44px}.help-details{line-height:1.7}}.number-reservation{margin:1.5rem 0}.number-reservation .queue-summary{border:0;flex-wrap:wrap;padding:0 0 1rem}.number-reservation .queue-summary span{white-space:nowrap}.reserved-code{color:#1d4ed8;margin-left:.5rem;font-size:2rem;display:inline-block}.match-request{background:#eff6ff;border-radius:12px;margin:1rem 0;padding:1rem}.number-reservation>.secondary{margin-top:1rem}.session-queues>section:only-child{grid-column:1/-1}.install-options{grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0;display:grid}.install-options section{border:1px solid #d8e1ec;border-radius:12px;padding:1rem}.install-options section:first-child{border-color:#2563eb}.install-options section:first-child>a{color:#fff;background:#1d4ed8;border-radius:8px;padding:.65rem 1.2rem;display:inline-block}.full-install-help{margin-top:1rem}@media (max-width:600px){.install-options{grid-template-columns:1fr}}
