:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--background:#0d0d0d;--surface:#0a0d12;--surface-raised:#0e141d;--border:#242b37;--border-strong:#354052;--text:#edf2f7;--muted:#8f9bad;--cyan:#58d9ff;--amber:#f2b441;--green:#45e491;--red:#f04b5f;background:var(--background);color:var(--text);font-family:Montserrat,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--background);min-width:320px;min-height:100%}body{background:var(--background);min-width:320px;min-height:100dvh;color:var(--text);margin:0}button,input,pre{font:inherit}button{color:#080b10;background:var(--amber);cursor:pointer;border:1px solid #0000;border-radius:9px;min-height:50px;padding:0 16px;font-weight:850}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #58d9ff47}button:disabled{color:#788496;cursor:not-allowed;background:#171d26}.light-output-layer{z-index:1000;pointer-events:none;position:fixed;inset:0}.visual-source-layer{z-index:1001;pointer-events:none;background:#000;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.visual-source-layer__media{object-fit:cover;width:100%;height:100%}.app-shell{width:min(100%,760px);min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) 16px max(28px, env(safe-area-inset-bottom));margin:0 auto}.app-shell--hidden-for-show{visibility:hidden}.app-header{border-bottom:1px solid #202632;justify-content:space-between;align-items:center;gap:14px;padding:0 0 14px;display:flex}.participant-brand{align-items:center;gap:11px;min-width:0;display:flex}.participant-brand__mark{object-fit:contain;background:#0d0d0d;border:1px solid #404958;border-radius:9px;flex:none;width:34px;height:34px;padding:7px;box-shadow:0 0 18px #ffffff1f}.participant-brand div{gap:2px;min-width:0;display:grid}.participant-brand strong{letter-spacing:.04em;font-family:Gabarito,Inter,ui-sans-serif,system-ui,sans-serif;font-size:.82rem}.participant-brand div span{color:#77849a;letter-spacing:.23em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font:700 .48rem ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.connection-pill{border:1px solid var(--border);color:#8390a3;letter-spacing:.1em;background:#0b0f15;border-radius:999px;flex:none;align-items:center;gap:7px;padding:7px 9px;font:800 .55rem ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.connection-pill i{background:var(--amber);width:7px;height:7px;box-shadow:0 0 9px var(--amber);border-radius:50%;animation:1.2s ease-in-out infinite pulse}.connection-pill--online{color:var(--green)}.connection-pill--online i{background:var(--green);box-shadow:0 0 9px var(--green);animation:none}@keyframes pulse{50%{opacity:.35}}.participant-intro{padding:30px 2px 22px}.eyebrow{color:var(--cyan);letter-spacing:.2em;margin:0 0 8px;font:850 .6rem ui-monospace,SFMono-Regular,Consolas,monospace}h1,h2,p{margin-top:0}h1,h2,h3{font-family:Gabarito,Inter,ui-sans-serif,system-ui,sans-serif}.instrument-subtitle{font-family:Instrument Serif,Georgia,serif}h1{letter-spacing:-.055em;max-width:620px;margin-bottom:13px;font-size:clamp(2rem,9.5vw,3.7rem);line-height:.96}.participant-intro>p:last-child{max-width:590px;color:var(--muted);margin:0;font-size:.88rem;line-height:1.55}.public-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;position:relative;overflow:hidden}.public-card:before,.public-card:after{content:"";border-color:var(--amber);opacity:.75;width:13px;height:13px;position:absolute}.public-card:before{border-top:1px solid;border-left:1px solid;top:7px;left:7px}.public-card:after{border-bottom:1px solid;border-right:1px solid;bottom:7px;right:7px}.public-card__heading{background:#0c1118;border-bottom:1px solid #202632;justify-content:space-between;align-items:center;padding:13px 17px;display:flex}.public-card__heading span{color:#7f8ca3;letter-spacing:.2em;font:700 .55rem ui-monospace,SFMono-Regular,Consolas,monospace}.public-card__heading b{color:var(--amber);letter-spacing:.1em;font:850 .62rem ui-monospace,SFMono-Regular,Consolas,monospace}.public-card--success .public-card__heading b{color:var(--green)}.public-card--error .public-card__heading b{color:var(--red)}.public-card__body{grid-template-columns:58px 1fr;align-items:center;gap:15px;padding:23px 18px 16px;display:grid}.status-signal{background:#17140e;border:1px solid #4a3d1d;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;box-shadow:inset 0 0 18px #f2b44117}.status-signal i{background:var(--amber);width:12px;height:12px;box-shadow:0 0 18px var(--amber);border-radius:50%;animation:1.2s ease-in-out infinite pulse}.public-card--success .status-signal{background:#0e1a14;border-color:#285b43}.public-card--success .status-signal i{background:var(--green);box-shadow:0 0 18px var(--green);animation:none}.public-card--error .status-signal{background:#1d1014;border-color:#67333c}.public-card--error .status-signal i{background:var(--red);box-shadow:0 0 18px var(--red);animation:none}.public-status{letter-spacing:.035em;margin:0 0 6px;font-size:clamp(1rem,4vw,1.25rem);font-weight:900}.public-detail{color:var(--muted);margin:0;font-size:.82rem;line-height:1.5}.node-metrics{background:var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0 18px 16px;display:grid}.node-metrics div{background:#0c1118;gap:5px;min-width:0;padding:11px 12px;display:grid}.node-metrics dt{color:#738097;letter-spacing:.16em;font:700 .5rem ui-monospace,SFMono-Regular,Consolas,monospace}.node-metrics dd{color:#dce4ee;text-overflow:ellipsis;white-space:nowrap;margin:0;font:800 .68rem ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.primary-action{letter-spacing:.01em;width:calc(100% - 36px);margin:0 18px 20px}.primary-action span{margin-right:7px}.camera-preview{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.participant-footer{color:#596579;letter-spacing:.11em;border-top:1px solid #202632;justify-content:space-between;gap:12px;margin-top:16px;padding:13px 2px 0;font:700 .48rem ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}@media (width<=520px){.app-shell{padding-left:12px;padding-right:12px}.participant-brand div span{max-width:142px}.participant-intro{padding-top:27px}.public-card__body{grid-template-columns:46px 1fr;gap:12px;padding-left:15px;padding-right:15px}.status-signal{width:46px;height:46px}.node-metrics{margin-left:15px;margin-right:15px}.primary-action{width:calc(100% - 30px);margin-left:15px;margin-right:15px}}@media (width<=360px){.connection-pill span{display:none}.connection-pill{justify-content:center;min-width:30px;padding-left:8px;padding-right:8px}.node-metrics{grid-template-columns:1fr}.participant-footer{display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}