:root{--beam-paper:#f6f4ef;--beam-card:#fff;--beam-ink:#16181d;--beam-ink-soft:#4a4f57;--beam-line:#d8d2c4;--beam-signal:#0f766e;--beam-signal-soft:#f0faf7;--beam-signal-bright:#2dd4a8;--beam-wait:#92400e;--beam-danger:#cf222e}body{background:var(--beam-paper);color:var(--beam-ink)}::selection{background:var(--beam-signal);color:#fff}:focus-visible{outline:2px solid var(--beam-signal);outline-offset:2px}.beam-page{max-width:560px;margin:0 auto;padding:20px 16px 56px}.beam-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}@media (width<=480px){.beam-header{flex-direction:column;gap:8px}.beam-status{align-self:flex-start;margin-top:0}}.beam-title{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.15}.beam-tagline{color:var(--beam-ink-soft);margin:0 0 20px;font-size:15px;line-height:1.5}.beam-status{border:1.5px solid var(--beam-ink);background:var(--beam-card);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;margin-top:6px;padding:6px 12px;font-size:13px;font-weight:600;line-height:1.2;display:inline-flex}.beam-status .beam-dot-signal{background:#8a8f98;border-radius:50%;flex-shrink:0;width:8px;height:8px}.beam-status.is-listening{border-color:var(--beam-wait);color:var(--beam-wait)}.beam-status.is-listening .beam-dot-signal{background:var(--beam-wait);animation:1.6s ease-out infinite beam-pulse}.beam-status.is-live{border-color:var(--beam-signal);color:var(--beam-signal)}.beam-status.is-live .beam-dot-signal{background:var(--beam-signal)}@keyframes beam-pulse{0%{box-shadow:0 0 #92400e73}70%{box-shadow:0 0 0 7px #92400e00}to{box-shadow:0 0 #92400e00}}@media (prefers-reduced-motion:reduce){.beam-status.is-listening .beam-dot-signal{animation:none}}.beam-start-panel{text-align:center;background:var(--beam-ink);color:var(--beam-paper);border-radius:12px;padding:24px 20px}.beam-start-panel p{color:#d6d2c6;margin:0 0 16px;font-size:15px;line-height:1.55}.beam-start-panel .ant-btn{width:100%;min-height:52px;font-size:16px;font-weight:700}.beam-qr-panel{text-align:center;background:var(--beam-ink);color:var(--beam-paper);border-radius:12px;padding:24px 20px 20px;position:relative;overflow:hidden}.beam-qr-arcs{pointer-events:none;width:120px;height:120px;position:absolute;top:-8px;right:-8px}.beam-qr-card{background:#fff;border-radius:8px;padding:12px;line-height:0;display:inline-block}.beam-id-label{letter-spacing:.08em;text-transform:uppercase;color:var(--beam-signal-bright);margin:16px 0 4px;font-size:12px;font-weight:700}.beam-id{word-break:break-all;color:var(--beam-paper);margin:0 0 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.5}.beam-qr-panel .ant-btn{width:100%;min-height:48px;font-weight:700}.beam-stop{color:#d6d2c6;margin-top:12px;font-size:14px}.beam-stop:hover{color:#fff}.beam-steps{margin-top:32px;position:relative}.beam-steps:before{content:"";background:linear-gradient(to bottom, var(--beam-signal) 0%, var(--beam-signal) var(--beam-fill,0%), var(--beam-line) var(--beam-fill,0%), var(--beam-line) 100%);width:2px;position:absolute;top:20px;bottom:20px;left:15px}.beam-step{gap:16px;padding-bottom:28px;display:flex;position:relative}.beam-step:last-child{padding-bottom:0}.beam-step-dot{z-index:1;border:2px solid var(--beam-line);background:var(--beam-paper);width:32px;height:32px;color:var(--beam-ink-soft);border-radius:50%;flex-shrink:0;place-items:center;font-size:15px;font-weight:800;display:grid;position:relative}.beam-step.is-done .beam-step-dot{border-color:var(--beam-signal);background:var(--beam-signal);color:#fff}.beam-step.is-now .beam-step-dot{border-color:var(--beam-signal);background:var(--beam-card);color:var(--beam-signal)}.beam-step-body{flex:1;min-width:0;padding-top:2px}.beam-step-title{margin:0 0 4px;font-size:17px;font-weight:700;line-height:1.3}.beam-step-hint{color:var(--beam-ink-soft);margin:0 0 12px;font-size:14px;line-height:1.5}.beam-panel{background:var(--beam-card);border:1.5px solid var(--beam-ink);border-radius:8px;padding:16px}.beam-panel .ant-btn{min-height:48px;font-weight:700}.beam-row{gap:8px;display:flex}.beam-row .ant-input{min-height:48px}.beam-row .ant-btn{flex-shrink:0}.beam-note{color:var(--beam-ink-soft);margin:12px 0 0;font-size:13px;line-height:1.5}.beam-note .beam-dot-signal{background:var(--beam-wait);border-radius:50%;width:8px;height:8px;margin-right:8px;animation:1.6s ease-out infinite beam-pulse;display:inline-block}@media (prefers-reduced-motion:reduce){.beam-note .beam-dot-signal{animation:none}}.beam-peer-list{flex-direction:column;gap:8px;display:flex}.beam-peer{text-align:left;background:var(--beam-card);border:1.5px solid var(--beam-line);cursor:pointer;width:100%;min-height:56px;color:var(--beam-ink);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.beam-peer:hover{border-color:var(--beam-ink)}.beam-peer.is-selected{border-color:var(--beam-signal);background:var(--beam-signal-soft);border-width:2px}.beam-peer-id{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.4;overflow:hidden}.beam-peer-state{color:var(--beam-signal);flex-shrink:0;font-size:13px;font-weight:700}.beam-signal-bars{flex-shrink:0;align-items:flex-end;gap:2px;height:18px;display:flex}.beam-signal-bars i{background:var(--beam-signal);border-radius:1px;width:4px;display:block}.beam-signal-bars i:first-child{height:6px}.beam-signal-bars i:nth-child(2){height:10px}.beam-signal-bars i:nth-child(3){height:14px}.beam-signal-bars i:nth-child(4){height:18px}.beam-empty{text-align:center;color:var(--beam-ink-soft);border:1.5px dashed #8a8f98;border-radius:8px;padding:20px 16px;font-size:14px;line-height:1.55}.beam-empty .beam-dot-signal{background:var(--beam-wait);border-radius:50%;width:8px;height:8px;margin-right:8px;animation:1.6s ease-out infinite beam-pulse;display:inline-block}@media (prefers-reduced-motion:reduce){.beam-empty .beam-dot-signal{animation:none}}.beam-file-zone{text-align:center;border:1.5px dashed #8a8f98;border-radius:8px;padding:16px}.beam-file-zone.has-file{border-style:solid;border-color:var(--beam-signal);background:var(--beam-signal-soft)}.beam-file-name{word-break:break-all;margin:0 0 12px;font-size:14px;font-weight:600;display:block}.beam-file-zone .ant-btn{width:100%}.beam-divider{color:var(--beam-ink-soft);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;margin:16px 0;font-size:12px;font-weight:700;display:flex}.beam-divider:before,.beam-divider:after{content:"";background:var(--beam-line);flex:1;height:1px}.beam-msg-row{gap:8px;display:flex}@media (width<=480px){.beam-msg-row{flex-direction:column}.beam-msg-row .ant-btn{width:100%}}.beam-msg-row .ant-input{min-height:48px}.beam-msg-row .ant-btn{flex-shrink:0}.beam-history{margin-top:32px}.beam-history-title{margin:0 0 12px;font-size:17px;font-weight:700;line-height:1.3}.beam-history-list{border-top:1px solid var(--beam-line);margin:0;padding:0;list-style:none}.beam-history-item{border-bottom:1px solid var(--beam-line);align-items:baseline;gap:10px;padding:10px 0;font-size:14px;line-height:1.45;display:flex}.beam-history-item .anticon{color:var(--beam-signal);flex-shrink:0}.beam-history-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.beam-history-peer{text-overflow:ellipsis;white-space:nowrap;max-width:110px;color:var(--beam-ink-soft);flex-shrink:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;overflow:hidden}.beam-history-time{color:var(--beam-ink-soft);flex-shrink:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.beam-history-empty{color:var(--beam-ink-soft);margin:0;font-size:14px;line-height:1.55}.beam-name-label{color:#d6d2c6;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.beam-start-panel .ant-input{text-align:center;min-height:48px;margin-bottom:16px;font-size:15px}.beam-connect-title{align-items:center;gap:8px;margin:20px 0 8px;font-size:15px;font-weight:700;line-height:1.3;display:flex}.beam-connect-title:first-child{margin-top:0}.beam-connect-title .anticon{color:var(--beam-signal)}.beam-note-tight{margin-top:0}.beam-error{color:var(--beam-danger);margin:12px 0 0;font-size:13px;line-height:1.5}.beam-requests{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.beam-request{background:var(--beam-signal-soft);border:1.5px solid var(--beam-signal);border-radius:8px;padding:12px}.beam-request-text{margin-bottom:12px;font-size:14px;line-height:1.5;display:block}.beam-request-actions{gap:8px;display:flex}.beam-request-actions .ant-btn{flex:1;min-height:48px}.beam-peer-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.beam-peer-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:1.3;overflow:hidden}.beam-peer .beam-peer-id{color:var(--beam-ink-soft);flex:none;font-size:12px}.beam-peer-via{border:1px solid var(--beam-line);color:var(--beam-ink-soft);border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:12px;font-weight:600}.beam-peer:disabled{cursor:default;opacity:.75}.beam-peer:disabled:hover{border-color:var(--beam-line)}.beam-peer-stacked{flex-direction:column;align-items:stretch;gap:6px}.beam-peer-top,.beam-peer-bottom{align-items:center;gap:8px;display:flex}.beam-peer-top .beam-peer-name,.beam-peer-bottom .beam-peer-id{flex:1;min-width:0}.beam-progress{margin-top:12px}.beam-progress .ant-progress-text{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}
