:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#000;color:#f4f7fb}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:#000}body{min-height:100vh}.shell{position:relative;width:100vw;min-height:100vh;margin:0;overflow:hidden;background:#000}.shell--embed{width:100vw;padding:0}.hero{position:absolute;top:24px;left:24px;z-index:2;max-width:32rem;margin:0}.viewer-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#000;box-shadow:none}.viewer-video{display:block;width:100%;height:100%;background:#000;object-fit:contain}.viewer-text-input{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.interaction-gate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:flex-end;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .22s ease}.interaction-gate--visible{opacity:1;pointer-events:auto}.interaction-gate__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.interaction-gate__card{position:relative;z-index:1;display:flex;width:fit-content;max-width:min(22rem,calc(100vw - 48px));align-items:center;gap:14px;padding:16px 18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#181f2cdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 20px #ffffff0a,0 24px 64px #0000006b;color:#f8fafc;text-align:left}.interaction-gate__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:#ffffff0f;color:#f8fafcf0}.interaction-gate__copy{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;padding-right:20px}.interaction-gate__title{margin:0;font-size:1rem;line-height:1.25;font-weight:600;letter-spacing:-.03em}.interaction-gate__subtitle{margin:0;color:#e2e8f0b8;font-size:.875rem;line-height:1.35}.interaction-gate__dismiss{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:999px;background:transparent;color:#f8fafcc2;font:inherit;cursor:pointer;transform:translateZ(0)}.interaction-gate__dismiss svg{display:block}.interaction-gate__dismiss:hover{background:#ffffff24;color:#f8fafcf0}@media(max-width:640px){.interaction-gate{padding:16px}.interaction-gate__card{width:min(100%,22rem);padding:14px 16px;gap:12px}.interaction-gate__icon{width:40px;height:40px}.interaction-gate__title{font-size:1rem}.interaction-gate__subtitle{font-size:.875rem}}.viewer-video--hide-cursor{cursor:none}.eyebrow{margin:0 0 12px;color:#8eb3ff;font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1{margin:0;font-size:clamp(3rem,10vw,5.5rem);line-height:.92;letter-spacing:-.06em}.lede{max-width:44rem;margin:18px 0 0;color:#bfd0f6;font-size:1.1rem;line-height:1.7}.panel{padding:24px;border:1px solid rgba(143,177,255,.2);border-radius:24px;background:#091020c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 80px #0000003d}.ended-panel{max-width:44rem;margin:24px}.viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:24px}.viewer-overlay--loading{background:#0000002e}.viewer-overlay--reconnecting{background:#00000038}.viewer-overlay--error,.viewer-overlay--ended{background:#000000d1}.viewer-overlay--rewinding{overflow:hidden;background:radial-gradient(circle at top,rgba(255,255,255,.2),transparent 48%),linear-gradient(180deg,#070c18b8,#000000f0)}.viewer-overlay--marquee{overflow:hidden;background:radial-gradient(circle at top,rgba(255,255,255,.22),transparent 42%),linear-gradient(180deg,#070c18bd,#000000f2)}.viewer-overlay--plain{overflow:hidden;background:#000}.viewer-overlay-card{position:relative;z-index:1;display:flex;max-width:34rem;flex-direction:column;align-items:center;text-align:center}.viewer-overlay-card--marquee{gap:14px;padding:0;border:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.viewer-marquee{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.viewer-marquee-scroller{position:absolute;top:-75vh;left:-50vw;display:flex;width:200vw;height:250vh;flex-direction:column;justify-content:center;gap:4px;transform:rotate(-11deg);animation:viewer-marquee-fade-in 3s ease both}.viewer-marquee-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(259deg,#000 0,transparent 30% 70%,#000);opacity:.5}.viewer-marquee-row{width:100%;animation:viewer-marquee-row-enter-right 3s ease both}.viewer-marquee-row:nth-child(2n){animation-name:viewer-marquee-row-enter-left}.viewer-marquee-track{display:flex;width:max-content;animation:viewer-marquee-scroll 30s linear infinite}.viewer-marquee-row:nth-child(2n) .viewer-marquee-track{animation-direction:reverse}.viewer-marquee-group{display:grid;align-items:center;grid-auto-flow:column;grid-auto-columns:300px;gap:40px}.viewer-marquee-glyph{width:130px;height:130px;color:#fff;opacity:.15}.viewer-marquee-row:nth-child(2n) .viewer-marquee-group{grid-auto-columns:150px;gap:20px}.viewer-marquee-row:nth-child(2n) .viewer-marquee-glyph{width:65px;height:65px;opacity:.1}.viewer-overlay-spinner{width:2rem;height:2rem;background:currentColor;color:#f8fafc;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}.viewer-overlay-title{margin:14px 0 0;font-size:clamp(1.75rem,4vw,2.5rem)}.viewer-overlay-subtitle{margin:10px 0 0;color:#d2def7;font-size:1rem;line-height:1.6}.viewer-overlay-button{margin-top:16px;padding:.75rem 1rem;border:0;border-radius:999px;background:#f8fafc;color:#0f172a;font:inherit;font-weight:600;cursor:pointer;transition:opacity .2s ease}.viewer-overlay-button:hover{opacity:.88}@keyframes viewer-marquee-fade-in{0%{opacity:0}}@keyframes viewer-marquee-row-enter-right{0%{transform:translate(100vw)}}@keyframes viewer-marquee-row-enter-left{0%{transform:translate(-100vw)}}@keyframes viewer-marquee-scroll{to{transform:translate(-50%)}}.input-status-banner{position:fixed;right:24px;bottom:16px;top:auto;z-index:3;width:min(15rem,calc(100vw - 48px));margin:0;padding:26px 12px 10px;border-radius:10px;border-color:#ffbf6a47;background:#2e1b04d6;box-shadow:none}.input-status-close{position:absolute;top:6px;left:8px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;background:transparent;color:#ffffffc7;font:inherit;font-size:.95rem;line-height:1;cursor:pointer}.input-status-close:hover{color:#fff}.input-status-text{max-width:none;margin:0;font-size:.82rem;line-height:1.35}.panel-header p{max-width:42rem;margin:10px 0 0;color:#9bb0d9;line-height:1.7}h2{margin:0;font-size:1.3rem}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.debug-panel{position:fixed;z-index:3;width:auto;min-width:0;max-width:calc(100vw - 48px);max-height:min(52vh,24rem);overflow:auto;padding:8px 10px 10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#111111d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:none}.debug-panel--minimized{overflow:hidden}.debug-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:grab;-webkit-user-select:none;user-select:none}.debug-panel-handle{color:#ffffffad;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.debug-panel-header:active{cursor:grabbing}.debug-panel-actions{display:flex;gap:4px}.debug-panel-actions button,.debug-panel-reopen{border:0;border-radius:4px;background:transparent;color:#f2f4f8;font:inherit;cursor:pointer}.debug-panel-actions button{min-width:24px;height:26px;padding:0 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9rem;font-weight:700;line-height:1}.debug-panel-actions .debug-panel-button--minimize{padding:0 6px 4px}.debug-panel-reopen{position:fixed;top:24px;right:24px;z-index:3;padding:6px 10px;font-size:.75rem}.debug-panel-grid{display:grid;grid-template-columns:max-content max-content;width:max-content;gap:2px 10px;margin-top:8px;font-size:.82rem}.debug-row{display:contents}.debug-row span{color:#ffffffd1;font-size:.74rem;font-weight:600;text-transform:none;letter-spacing:0;text-align:right;white-space:nowrap}.debug-row strong{color:#fff;font-size:.74rem;font-weight:500;line-height:1.25;word-break:break-word}.debug-row-actions{display:inline-flex;align-items:center;gap:8px}.debug-send-button{border:0;border-radius:4px;padding:4px 8px;background:#6ea8fe3d;color:#fff;font:inherit;font-size:.72rem;font-weight:600;cursor:pointer}.debug-send-button:disabled{opacity:.6;cursor:not-allowed}.debug-row--full{display:grid;grid-column:1 / -1;grid-template-columns:max-content max-content;gap:2px 10px}.debug-chart-row{display:grid;grid-column:1 / -1;grid-template-columns:7.75rem 12.5rem 10rem;align-items:center;gap:6px 10px}.debug-chart-row span{text-align:right}.debug-chart-surface{display:flex;align-items:center;width:12.5rem;height:2rem;padding:3px 6px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#00000057}.debug-chart-row strong{min-width:10rem;padding-left:8px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.debug-chart-svg{width:100%;height:100%;overflow:visible}.debug-chart-gridline{stroke:#ffffff1f;stroke-width:1}.debug-chart-series{fill:none;stroke:#79a9ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.debug-chart-series--secondary{stroke:#8af5c4f2}.capability-card{min-height:180px;padding:18px;border:1px solid rgba(151,180,247,.18);border-radius:18px;background:linear-gradient(180deg,#1f2f548c,#0b1120e6)}.capability-card p{margin:18px 0 0;color:#d8e3fb;line-height:1.7}.capability-index{display:inline-flex;align-items:center;justify-content:center;min-width:56px;padding:6px 10px;border-radius:999px;background:#6996ff29;color:#9fc0ff;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}@media(max-width:900px){.capability-grid{grid-template-columns:1fr}.shell{width:100vw}.panel{padding:20px}.hero,.input-status-banner,.debug-panel,.ended-panel{left:12px;right:12px;width:auto;margin:0}.hero{top:12px}.input-status-banner{top:auto;bottom:12px}.debug-panel{max-height:min(60vh,30rem);left:12px!important;top:72px!important;max-width:calc(100vw - 24px)}.debug-panel-grid{grid-template-columns:max-content max-content}.debug-chart-row{grid-template-columns:6.75rem 1fr 8.5rem}.debug-chart-surface{width:100%;min-width:0}.debug-chart-row strong{min-width:8.5rem}.debug-panel-reopen{top:auto;right:12px;bottom:12px}}
