*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-base)}#canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:var(--z-canvas);pointer-events:none}canvas{touch-action:none}:root{--panel-width: 320px;--handle-width: 48px;--panel-height: calc(100vh - 40px) ;--panel-top: 20px;--touch-target: 44px;--bg-base: #08080e;--glass-bg: rgba(8, 8, 14, .82);--glass-bg-heavy: rgba(8, 8, 14, .88);--glass-bg-overlay: rgba(8, 8, 14, .95);--glass-border: rgba(255, 255, 255, .09);--font-ui: "Source Sans 3", system-ui, sans-serif;--font-mono: "Source Code Pro", "Courier New", monospace;--text-muted: rgba(255, 255, 255, .35);--text-body: rgba(255, 255, 255, .72);--signal-live: rgba(0, 255, 170, .75);--signal-info: rgba(255, 255, 255, .72);--signal-caution: rgba(255, 215, 64, .85);--signal-error: rgba(255, 82, 82, .85);--z-background: 1;--z-canvas: 2;--z-overlay: 5;--z-video: 6;--z-bishop: 10;--z-modal: 20;--z-rail: 30;--z-loader: 100}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(max-width:768px){#bishop-ui{top:auto;bottom:0;left:0;right:0;width:100%;flex-direction:column-reverse;align-items:stretch}#bishop-panel-wrapper{width:100%!important;max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.16,1,.3,1)}#bishop-ui.open #bishop-panel-wrapper{max-height:60vh}#bishop-panel{width:100%;height:auto;max-height:60vh;border:none;border-top:1px solid var(--glass-border)}#bishop-handle{width:100%;height:var(--touch-target);flex-direction:row;justify-content:flex-start;align-items:center;padding:0 .75rem;gap:0;border:none;border-top:1px solid var(--glass-border);cursor:pointer}#bishop-avatar{flex-shrink:0}#bishop-handle-text{writing-mode:horizontal-tb;transform:none;font-size:.7rem;letter-spacing:.1em;margin-left:.6rem}.handle-sep{width:1px;height:20px;margin:0 .5rem}.handle-nav-btn.stream-toggle{margin-top:0;margin-left:auto}.handle-nav-btn:before{right:auto;left:50%;top:auto;bottom:calc(100% + 8px);transform:translate(-50%)}}@media(max-width:480px){#bishop-panel{padding:.9rem 1rem 1rem}.bishop-menu-btn{font-size:.75rem;padding:.35rem .75rem}#bishop-input-row{flex-wrap:wrap}#bishop-input{flex:1 1 100%;order:-1}}#viewport-video{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:none;align-items:center;justify-content:center;z-index:var(--z-video)}#viewport-video.active{display:flex}#viewport-video.background{z-index:1}#viewport-video-player{width:100%;height:100%;object-fit:cover}#viewport-video-close{position:absolute;top:16px;right:16px;width:var(--touch-target);height:var(--touch-target);background:#0009;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3}#viewport-video.background #viewport-video-close{display:none}#bishop-ui{position:fixed;top:var(--panel-top);right:0;display:flex;flex-direction:row;align-items:flex-start;z-index:var(--z-bishop);opacity:0;transition:opacity .8s ease;pointer-events:none}#bishop-ui.visible{opacity:1;pointer-events:all}#bishop-panel-wrapper{width:0;overflow:hidden;transition:width .45s cubic-bezier(.16,1,.3,1)}#bishop-ui.open #bishop-panel-wrapper{width:var(--panel-width)}#bishop-panel{width:var(--panel-width);height:var(--panel-height);overflow-y:auto;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-right:none;padding:1.1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.8rem}#bishop-handle{width:var(--handle-width);height:var(--panel-height);background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-right:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.75rem;padding:.9rem 0;flex-shrink:0;transition:background .15s;cursor:default}#bishop-handle:hover{background:var(--glass-bg-heavy)}#bishop-avatar{width:30px;height:30px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.8rem;font-weight:700;color:#ffffffa6;-webkit-user-select:none;user-select:none;transition:background .15s,border-color .15s,color .15s}#bishop-handle:hover #bishop-avatar{background:#ffffff24;border-color:#ffffff59;color:#fff}#bishop-handle-text{writing-mode:vertical-rl;transform:rotate(180deg);font-family:"Source Sans 3",system-ui,sans-serif;font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffffff59;-webkit-user-select:none;user-select:none}#bishop-input-row{display:flex;gap:.5rem;align-items:center;flex-shrink:0}#bishop-text{font-family:"Source Sans 3",system-ui,sans-serif;font-size:15px;color:#ffffffd9;line-height:1.65;flex:0 0 auto;min-height:0}#bishop-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.11);color:#fff;font-family:"Source Sans 3",system-ui,sans-serif;font-size:15px;padding:.55rem .8rem;outline:none;transition:border-color .2s;min-height:var(--touch-target);box-sizing:border-box}#bishop-input::placeholder{color:#ffffff47}#bishop-input:focus{border-color:#ffffff47}#bishop-audio{width:var(--touch-target);height:var(--touch-target);background:#ffffff14;border:1px solid rgba(255,255,255,.13);color:#ffffffa6;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0}#bishop-audio.muted{color:#ffffff40;position:relative}#bishop-audio.muted:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-top:1.5px solid rgba(255,255,255,.45);transform:rotate(-45deg);pointer-events:none}#bishop-audio:hover{background:#ffffff26;color:#fff}#bishop-send{width:var(--touch-target);height:var(--touch-target);background:#ffffff14;border:1px solid rgba(255,255,255,.13);color:#ffffffa6;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s;flex-shrink:0}#bishop-send:hover{background:#ffffff26;border-color:#ffffff47;color:#fff}#bishop-menu{display:flex;flex-wrap:wrap;gap:.45rem}.bishop-menu-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.13);border-radius:20px;color:#ffffffb8;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.8rem;letter-spacing:.03em;padding:.38rem 1rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s;min-height:var(--touch-target)}.bishop-menu-btn:hover{background:#ffffff21;border-color:#ffffff47;color:#fff}#bishop-handle #debug-toggle:hover{color:#ffffffbf}.handle-sep{width:24px;height:1px;background:#ffffff14;flex-shrink:0}.handle-nav-btn{width:var(--touch-target);height:var(--touch-target);background:none;border:none;color:#fff6;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;transition:color .15s}.handle-nav-btn:hover,.handle-nav-btn:focus-visible{color:#ffffffe6;outline:none}.handle-nav-btn.stream-toggle{margin-top:auto}.handle-nav-btn.stream-active{color:#00ffaabf}.handle-nav-btn.stream-active:hover,.handle-nav-btn.stream-active:focus-visible{color:#0fa}.handle-nav-btn:before{content:attr(data-label);position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#08080ef2;border:1px solid rgba(255,255,255,.12);color:#ffffffd9;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;padding:.28rem .65rem;opacity:0;pointer-events:none;transition:opacity .15s;z-index:30}.handle-nav-btn:hover:before,.handle-nav-btn:focus-visible:before{opacity:1}#bishop-ui.bishop--idle #bishop-avatar{border-color:#ffffff2e;color:#ffffffa6;box-shadow:none;animation:none}#bishop-ui.bishop--speaking #bishop-avatar{border-color:#ffffffe6;color:#fff;box-shadow:0 0 10px 3px #ffffff59}#bishop-ui.bishop--busy #bishop-avatar{border-color:var(--signal-caution);color:var(--signal-caution);box-shadow:0 0 8px 2px #ffd7404d;animation:bishop-busy-pulse 1.2s ease-in-out infinite}#bishop-ui.bishop--error #bishop-avatar{border-color:var(--signal-error);color:var(--signal-error);box-shadow:0 0 8px 2px #ff525259}#bishop-ui.bishop--error #bishop-handle-text{color:var(--signal-error);font-weight:700}@keyframes bishop-busy-pulse{0%,to{opacity:1}50%{opacity:.35}}#side-rail{position:fixed;bottom:0;left:0;right:0;width:100%;max-height:50vh;background:var(--glass-bg-heavy);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);transform:translateY(100%);transition:transform .3s ease;z-index:var(--z-rail);display:flex;flex-direction:row;align-items:flex-start;gap:32px;padding:24px 32px 32px;overflow-y:auto;font-family:"Source Sans 3",system-ui,sans-serif}#side-rail.open{transform:translateY(0)}#side-rail-close{position:absolute;top:12px;right:16px;background:none;border:none;color:#ffffff59;font-family:inherit;font-size:12px;cursor:pointer;padding:4px 6px;transition:color .2s}#side-rail-close:hover{color:#ffffffd9}.rail-group{min-width:120px}.rail-group-label{font-size:.72rem;letter-spacing:.15em;color:#ffffff59;text-transform:uppercase;margin-bottom:10px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}.rail-item{display:block;width:100%;background:none;border:none;color:#fff9;font-family:inherit;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:7px 0;cursor:pointer;transition:color .2s;border-bottom:1px solid rgba(255,255,255,.05);min-height:var(--touch-target);display:flex;align-items:center}.rail-item:hover{color:#fffffff2}.rail-item.active{color:#fff;font-weight:600}.rail-item.active:before{content:"▸ "}#stream-iss{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);overflow:hidden;opacity:0;transition:opacity .8s ease}#iss-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#iss-bg{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}#iss-stats{position:absolute;top:28px;left:28px;display:flex;flex-direction:column;gap:.6rem;pointer-events:none}.iss-badge{display:flex;align-items:center;gap:.5rem;font-family:"Source Sans 3",system-ui,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#00ffaab3}.iss-pulse{width:6px;height:6px;border-radius:50%;background:#0fa;animation:iss-blink 2s ease-in-out infinite;flex-shrink:0}@keyframes iss-blink{0%,to{opacity:1}50%{opacity:.2}}#iss-data{display:flex;flex-direction:column;gap:.25rem}#iss-data span{font-family:var(--font-mono);font-size:.78rem;color:#ffffffb8;letter-spacing:.05em;white-space:pre}