.sb-binocular{--bs-panel: var(--color-paper);--bs-panel-soft: var(--color-paper-2);--bs-panel-muted: var(--color-paper-3);--bs-ink: var(--color-ink);--bs-ink-soft: var(--color-ink-soft);--bs-muted: var(--color-ink-muted);--bs-line: var(--color-line-soft);--bs-line-strong: var(--color-line);--bs-signal: var(--color-signal);display:grid;place-items:center;width:100%}.sb-binocular *{box-sizing:border-box}.sb-binocular__card{position:relative;z-index:1;display:flex;width:312px;height:312px;max-width:calc(100vw - 2rem);flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;overflow:hidden;border:1px solid var(--bs-line-strong);border-radius:8px;background:linear-gradient(90deg,color-mix(in oklch,var(--bs-line) 54%,transparent) 1px,transparent 1px),linear-gradient(0deg,color-mix(in oklch,var(--bs-line) 54%,transparent) 1px,transparent 1px),linear-gradient(135deg,var(--bs-panel) 0%,var(--bs-panel-soft) 100%);background-size:2.75rem 2.75rem,2.75rem 2.75rem,auto;color:var(--bs-ink);isolation:isolate}.sb-binocular__card:before{position:absolute;inset:0;z-index:-1;content:"";background:radial-gradient(circle at 18% 18%,color-mix(in oklch,var(--bs-signal) 30%,transparent),transparent 5.5rem),radial-gradient(circle at 84% 82%,color-mix(in oklch,var(--color-cyan-signal) 16%,transparent),transparent 7rem);opacity:.72}.sb-binocular__card--preview{width:min(100%,21rem);height:14rem}.sb-binocular__svg-defs{position:absolute;width:0;height:0;overflow:hidden}.sb-binocular__open-button,.sb-binocular__preview-pill{display:inline-flex;height:2.125rem;width:6.5rem;align-items:center;justify-content:center;gap:.5rem;margin:auto;border:1px solid color-mix(in oklch,var(--bs-line-strong) 76%,transparent);border-radius:8px;background:var(--bs-panel-muted);color:var(--bs-ink-soft);font:inherit;font-size:.875rem;font-weight:600;line-height:1;cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.sb-binocular__open-button:hover{border-color:var(--bs-ink);background:var(--bs-panel);color:var(--bs-ink)}.sb-binocular__open-button:focus-visible,.sb-binocular__icon-button:focus-visible,.sb-binocular__input:focus-visible{outline:2px solid var(--bs-signal);outline-offset:2px}.sb-binocular__search-wrap{display:flex;width:100%;align-items:center;justify-content:center;padding:.75rem 1.5rem}.sb-binocular__input-shell{position:relative;width:100%}.sb-binocular__input{position:relative;z-index:1999;width:100%;border:0;border-radius:8px;background:var(--bs-panel-muted);color:var(--bs-ink);font:inherit;font-size:.875rem;font-weight:600;outline:none;padding:.55rem 2.6rem .55rem 2.65rem}.sb-binocular__input::placeholder{color:color-mix(in oklch,var(--bs-muted) 72%,transparent);opacity:1}.sb-binocular__search-icon{position:absolute;z-index:2000;top:.42rem;left:.88rem;display:grid;place-items:center;color:var(--bs-muted);pointer-events:none}.sb-binocular__icon-button{position:absolute;z-index:2001;top:.48rem;right:.62rem;display:grid;width:auto;min-width:1.65rem;height:1.4rem;place-items:center;border:1px solid color-mix(in oklch,var(--bs-line-strong) 70%,transparent);border-radius:6px;background:var(--bs-panel);color:var(--bs-ink-soft);font:inherit;font-size:.74rem;font-weight:700;line-height:1;padding:0 .34rem;cursor:pointer}.sb-binocular__rows{display:flex;flex:1;flex-direction:column;gap:1rem}.sb-binocular__row{display:flex;min-width:17.8rem;align-items:center;justify-content:center;border:1px solid color-mix(in oklch,var(--bs-line-strong) 72%,transparent);border-radius:8px;background:color-mix(in oklch,var(--bs-panel) 94%,white);padding:.75rem 1rem}.sb-binocular__row-leading{display:flex;margin-right:auto}.sb-binocular__avatar{width:2.25rem;height:2.25rem;border:1px solid color-mix(in oklch,var(--bs-line-strong) 70%,transparent);border-radius:7px;background:linear-gradient(90deg,color-mix(in oklch,var(--bs-line) 70%,transparent) 1px,transparent 1px),linear-gradient(0deg,color-mix(in oklch,var(--bs-line) 70%,transparent) 1px,transparent 1px),var(--bs-panel-muted);background-size:.55rem .55rem}.sb-binocular__lines{display:flex;flex-direction:column;gap:.3rem;margin-left:.75rem}.sb-binocular__line{height:.78rem;border-radius:999px;background:var(--bs-panel-muted)}.sb-binocular__line--strong{width:5.25rem}.sb-binocular__line--soft{width:3.625rem}.sb-binocular__veil{position:absolute;inset:0;z-index:2000;background:linear-gradient(135deg,color-mix(in oklch,var(--bs-ink) 94%,black),var(--bs-ink));scale:1.075;pointer-events:none}.sb-binocular__stream{position:absolute;right:0;bottom:1.5rem;left:0;z-index:2002;display:flex;width:100%;justify-content:center;pointer-events:none}.sb-binocular__stream-line{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:center}.sb-binocular__shimmer{display:flex;align-items:center;margin:0 auto;color:var(--color-paper);font-size:.8rem;font-weight:600;user-select:none}.sb-binocular__shimmer-char{display:inline-block}.sb-binocular-preview{position:relative;display:grid;width:100%;min-height:12rem;place-items:center;overflow:hidden;border:1px solid var(--color-line-soft);background:linear-gradient(90deg,color-mix(in oklch,var(--color-line-soft) 62%,transparent) 1px,transparent 1px),linear-gradient(0deg,color-mix(in oklch,var(--color-line-soft) 62%,transparent) 1px,transparent 1px),linear-gradient(135deg,var(--color-paper) 0%,var(--color-paper-2) 100%);background-size:2.4rem 2.4rem,2.4rem 2.4rem,auto}.sb-binocular-preview__rows{position:absolute;inset:auto 1.25rem 1.25rem;display:grid;gap:.5rem}.sb-binocular-preview__row{height:1.65rem;border:1px solid color-mix(in oklch,var(--color-line) 70%,transparent);background:color-mix(in oklch,var(--color-paper) 88%,white)}.sb-binocular-preview__beam{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,color-mix(in oklch,var(--color-signal) 24%,transparent),transparent 6rem);opacity:.8}@media(max-width:360px){.sb-binocular__card{transform:scale(.92);transform-origin:center}}@media(prefers-reduced-motion:reduce){.sb-binocular *,.sb-binocular-preview *{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}