.sim-host{--sim-sans:var(--font-dm-sans),system-ui,-apple-system,sans-serif;--sim-mono:var(--font-jetbrains),ui-monospace,SFMono-Regular,Menlo,monospace;--sim-card:var(--card-bg);--sim-border:var(--card-border);--sim-border-soft:color-mix(in srgb,var(--card-border) 70%,transparent);--sim-ink:var(--text-primary);--sim-ink-2:var(--text-secondary);--sim-ink-3:var(--text-muted);--sim-accent:var(--accent-primary);width:100%;max-width:100%;min-width:0;font-family:var(--sim-sans);color:var(--sim-ink);-webkit-font-smoothing:antialiased;letter-spacing:-.005em}.sim-host *{box-sizing:border-box}.sim-host .sim{position:relative;width:100%;max-width:min(560px,100%);margin:0 auto;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-primary) 3%,var(--card-bg)) 0,var(--card-bg) 55%);border:1px solid var(--sim-border);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px color-mix(in srgb,var(--card-border) 55%,transparent),0 2px 4px -2px color-mix(in srgb,var(--text-primary) 8%,transparent),0 16px 38px -22px color-mix(in srgb,var(--accent-primary) 26%,transparent),0 44px 80px -52px color-mix(in srgb,var(--accent-primary) 22%,transparent)}.sim-host .sim-chrome{height:32px;background:color-mix(in srgb,var(--bg-secondary) 50%,var(--card-bg));border-bottom:1px solid var(--sim-border-soft);display:flex;align-items:center;padding:0 14px;gap:10px;opacity:.85}.sim-host .sim-dots{display:flex;gap:6px}.sim-host .sim-dots span{width:9px;height:9px;border-radius:50%}.sim-host .sim-dots span:first-child{background:color-mix(in srgb,var(--accent-danger) 60%,transparent)}.sim-host .sim-dots span:nth-child(2){background:color-mix(in srgb,var(--accent-warning) 65%,transparent)}.sim-host .sim-dots span:nth-child(3){background:color-mix(in srgb,var(--accent-success) 60%,transparent)}.sim-host .sim-url{flex:1;text-align:center;font-size:11px;background:var(--sim-card);border:1px solid var(--sim-border);border-radius:7px;padding:3px 12px;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sim-host .sim-chrome-right,.sim-host .sim-url{font-family:var(--sim-mono);color:var(--sim-ink-3)}.sim-host .sim-chrome-right{width:40px;text-align:right;font-size:10px}.sim-host .sim-header{padding:12px 18px 11px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--sim-border-soft);gap:12px}.sim-host .sim-title{font-family:var(--sim-mono);font-size:9px;letter-spacing:.14em;color:var(--sim-ink-3);text-transform:uppercase}.sim-host .sim-title-main{font-size:13.5px;font-weight:600;color:var(--sim-ink-2);margin-top:2px;letter-spacing:-.01em}.sim-host .sim-title-main .mode{color:var(--sim-ink-3);font-weight:400}.sim-host .sim-meta{text-align:right;display:flex;align-items:center;gap:16px}.sim-host .sim-meta-block{text-align:right}.sim-host .sim-meta-label{font-family:var(--sim-mono);font-size:9px;letter-spacing:.12em;color:var(--sim-ink-3);text-transform:uppercase}.sim-host .sim-meta-val{font-family:var(--sim-mono);font-size:12.5px;color:var(--sim-ink);font-weight:500;margin-top:2px}.sim-host .sim-meta-val.accent{color:var(--sim-accent)}.sim-host .sim-stage{display:grid;grid-template-columns:144px 1fr;gap:18px;padding:16px 18px 14px}.sim-host .sim-left{display:flex;flex-direction:column}.sim-host .sim-video-tile{position:relative;width:100%;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 18%,var(--card-bg)),color-mix(in srgb,var(--accent-hover) 12%,var(--card-bg)));border:1px solid var(--sim-border);flex-shrink:0;box-shadow:0 8px 24px -16px color-mix(in srgb,var(--accent-primary) 40%,transparent)}.sim-host .sim-video-tile .sim-poster{position:absolute;inset:0;z-index:0}.sim-host .sim-video-tile .sim-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}.sim-host .sim-tile-name{position:absolute;bottom:9px;left:9px;right:9px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:2}.sim-host .sim-tile-name .name{font-family:var(--sim-mono);font-size:9px;color:#fff;background:rgba(18,14,34,.6);padding:3px 7px;border-radius:6px}.sim-host .sim-conv{min-height:120px}@media (min-width:561px){.sim-host .sim-conv{height:372px}}.sim-host .sim-foot--static{padding:12px 18px;border-top:1px solid var(--sim-border-soft);background:var(--bg-secondary);display:flex;justify-content:space-between;align-items:center;gap:10px}.sim-host .sim-foot--static .sim-foot-left{display:flex;align-items:center;gap:10px;min-width:0}.sim-host .sim-foot--static .sim-mic{width:30px;height:30px;border-radius:50%;flex-shrink:0;background:var(--sim-card);border:1px solid var(--sim-border);display:grid;place-items:center;color:var(--sim-ink-3)}.sim-host .sim-foot--static .sim-foot-status{font-family:var(--sim-mono);font-size:11px;color:var(--sim-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sim-host .sim-foot--static .sim-foot-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.sim-host .sim-foot--static .sim-next-btn,.sim-host .sim-foot--static .sim-prev-btn{padding:8px 14px;border-radius:9px;font-family:var(--sim-sans);font-size:12.5px;font-weight:500;border:1px solid var(--sim-border);background:var(--sim-card);color:var(--sim-ink-3);display:inline-flex;align-items:center;gap:6px}.sim-host .sim-foot--static .sim-next-btn{background:color-mix(in srgb,var(--accent-primary) 18%,var(--bg-tertiary))}@media (max-width:860px){.sim-host .sim{max-width:min(520px,100%)}}@media (max-width:560px){.sim-host .sim-stage{grid-template-columns:1fr;padding:14px}.sim-host .sim-video-tile{aspect-ratio:16/10}.sim-host .sim-meta-block{display:none}.sim-host .sim-header{padding:12px 14px}}