.bi-screen{--bi-cyan:color-mix(in srgb, color-mix(in srgb, var(--color-info) 55%, var(--color-primary-light)) 90%, var(--color-text-inverse));--bi-blue:color-mix(in srgb, var(--color-info) 88%, var(--color-text-inverse));--bi-violet:color-mix(in srgb, color-mix(in srgb, var(--color-info) 58%, var(--color-danger)) 88%, var(--color-text-inverse));--bi-green:color-mix(in srgb, var(--color-success) 78%, var(--color-text-inverse));--bi-amber:color-mix(in srgb, var(--color-accent) 88%, var(--color-text-inverse));--bi-gold:color-mix(in srgb, var(--color-warning) 85%, var(--color-text-inverse));--bi-rose:color-mix(in srgb, var(--color-danger) 86%, var(--color-text-inverse));--bi-neutral:color-mix(in srgb, var(--color-primary) 44%, var(--color-text-tertiary));--bi-void:color-mix(in srgb, var(--color-info) 10%, var(--color-bg));--bi-void-deep:color-mix(in srgb, var(--color-info) 18%, var(--color-bg));--bi-glass-top:color-mix(in srgb, var(--bi-blue) 22%, transparent);--bi-glass-bottom:color-mix(in srgb, var(--bi-void-deep) 48%, transparent);--bi-line:color-mix(in srgb, var(--bi-cyan) 30%, transparent);--bi-line-soft:color-mix(in srgb, var(--bi-cyan) 15%, transparent);--bi-line-strong:color-mix(in srgb, var(--bi-blue) 66%, transparent);--bi-grid:color-mix(in srgb, var(--bi-cyan) 9%, transparent);--bi-track:color-mix(in srgb, var(--bi-blue) 28%, transparent);--bi-accent:var(--bi-cyan);--bi-glow-strong:color-mix(in srgb, var(--bi-accent) 68%, transparent);--bi-glow:color-mix(in srgb, var(--bi-accent) 42%, transparent);--bi-glow-soft:color-mix(in srgb, var(--bi-accent) 20%, transparent);--bi-font-num:var(--font-mono);width:100vw;height:100vh;color:var(--color-text);background:radial-gradient(ellipse 92% 62% at 50% -14%, color-mix(in srgb, var(--bi-blue) 36%, transparent), transparent 62%), radial-gradient(ellipse 56% 46% at 2% 108%, color-mix(in srgb, var(--bi-cyan) 26%, transparent), transparent 62%), radial-gradient(ellipse 56% 46% at 98% 108%, color-mix(in srgb, var(--bi-violet) 26%, transparent), transparent 62%), linear-gradient(180deg, var(--bi-void) 0%, var(--bi-void-deep) 52%, var(--bi-void) 100%);position:fixed;inset:0;overflow:hidden}.bi-screen:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(var(--bi-grid) 1px, transparent 1px), linear-gradient(90deg, var(--bi-grid) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--bi-grid) 45%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--bi-grid) 45%, transparent) 1px, transparent 1px);-webkit-mask-image:radial-gradient(ellipse 84% 84% at 50% 42%, var(--color-text) 26%, transparent 88%);mask-image:radial-gradient(ellipse 84% 84% at 50% 42%, var(--color-text) 26%, transparent 88%);background-size:112px 112px,112px 112px,28px 28px,28px 28px;position:absolute;inset:0}.bi-screen:after{content:"";z-index:1;pointer-events:none;will-change:transform;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--bi-cyan) 8%, transparent) 42%, color-mix(in srgb, var(--bi-cyan) 17%, transparent) 52%, transparent);width:16%;animation:16s linear infinite bi-scan-x;position:absolute;top:0;bottom:0;left:0}@keyframes bi-scan-x{0%{transform:translate(-120%)}to{transform:translate(720%)}}.bi-stage{transform-origin:50%;width:1920px;height:1080px;position:absolute;top:50%;left:50%}.bi-stage:before{content:"";z-index:4;pointer-events:none;will-change:transform;background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--bi-blue) 14%, transparent) 68%, color-mix(in srgb, var(--bi-blue) 30%, transparent) 99%, transparent);height:180px;animation:13s ease-in-out infinite bi-sweep-y;position:absolute;top:0;left:0;right:0}@keyframes bi-sweep-y{0%{opacity:0;transform:translateY(-190px)}10%{opacity:.9}86%{opacity:.9}to{opacity:0;transform:translateY(1080px)}}.bi-stage:after{content:"";z-index:5;pointer-events:none;opacity:.5;background:linear-gradient(90deg, var(--bi-cyan), transparent) 0 0 / 130px 2px no-repeat, linear-gradient(180deg, var(--bi-cyan), transparent) 0 0 / 2px 130px no-repeat, linear-gradient(270deg, var(--bi-cyan), transparent) 100% 0 / 130px 2px no-repeat, linear-gradient(180deg, var(--bi-cyan), transparent) 100% 0 / 2px 130px no-repeat, linear-gradient(90deg, var(--bi-cyan), transparent) 0 100% / 130px 2px no-repeat, linear-gradient(0deg, var(--bi-cyan), transparent) 0 100% / 2px 130px no-repeat, linear-gradient(270deg, var(--bi-cyan), transparent) 100% 100% / 130px 2px no-repeat, linear-gradient(0deg, var(--bi-cyan), transparent) 100% 100% / 2px 130px no-repeat;position:absolute;inset:0}.bi-defs{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.bi-page{gap:var(--space-3);flex-direction:column;width:100%;height:100%;padding:14px 16px 16px;display:flex}.bi-gate{justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex;position:absolute;inset:0}.bi-header{justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--bi-line);background:linear-gradient(180deg, var(--bi-header-top), var(--bi-header-bottom));flex:none;height:84px;padding:0 30px;display:flex;position:relative}.bi-header:after{content:"";background:linear-gradient(90deg, transparent, var(--bi-cyan), var(--bi-blue), transparent);background-size:200% 100%;height:2px;animation:6s linear infinite bi-beam;position:absolute;bottom:-1px;left:0;right:0}@keyframes bi-beam{0%{background-position:200% 0}to{background-position:-200% 0}}.bi-h-left{align-items:center;gap:var(--space-3);min-width:430px;display:flex}.bi-h-logo{border-radius:var(--radius-md);width:40px;height:40px;font-size:var(--text-xl);color:var(--bi-void);background:linear-gradient(135deg, var(--bi-cyan), var(--bi-blue));box-shadow:0 0 18px color-mix(in srgb, var(--bi-cyan) 55%, transparent), inset 0 -2px 6px color-mix(in srgb, var(--bi-void) 35%, transparent);justify-content:center;align-items:center;font-weight:800;display:flex}.bi-h-logo-img{border-radius:var(--radius-md);object-fit:contain;background:color-mix(in srgb, var(--bi-void) 45%, transparent);border:1px solid var(--bi-line-soft);flex-shrink:0;width:40px;height:40px}.bi-back{font-size:var(--text-sm);letter-spacing:1px;color:var(--color-text-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--bi-line-soft);transition:color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}.bi-back:hover{color:var(--bi-cyan);border-color:color-mix(in srgb, var(--bi-cyan) 50%, transparent);box-shadow:0 0 14px -2px var(--bi-glow-strong)}.bi-switch{align-items:center;gap:var(--space-2);font-size:var(--text-sm);letter-spacing:1px;white-space:nowrap;color:var(--bi-cyan);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid color-mix(in srgb, var(--bi-cyan) 42%, transparent);background:color-mix(in srgb, var(--bi-cyan) 9%, transparent);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);display:inline-flex}.bi-switch:hover{color:var(--color-text-inverse);border-color:var(--bi-cyan);background:color-mix(in srgb, var(--bi-cyan) 18%, transparent);box-shadow:0 0 16px -2px var(--bi-glow-strong)}.bi-switch:active{transform:translateY(1px)}.bi-h-title{white-space:nowrap;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bi-h-title:before,.bi-h-title:after{content:"";width:170px;height:2px;position:absolute;top:21px}.bi-h-title:before{background:linear-gradient(90deg, transparent, var(--bi-cyan));right:calc(100% + 28px)}.bi-h-title:after{background:linear-gradient(270deg, transparent, var(--bi-cyan));left:calc(100% + 28px)}.bi-h-title>span:first-child{letter-spacing:10px;background:linear-gradient(90deg, var(--bi-cyan), var(--color-text-inverse) 35%, var(--bi-cyan) 60%, var(--bi-blue));color:transparent;filter:drop-shadow(0 0 22px color-mix(in srgb, var(--bi-cyan) 34%, transparent));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;animation:5s ease-in-out infinite bi-shine}@keyframes bi-shine{0%,to{background-position:0 0}50%{background-position:100% 0}}.bi-h-sub{font-family:var(--bi-font-num);letter-spacing:4px;color:color-mix(in srgb, var(--bi-cyan) 55%, var(--color-text-tertiary));text-transform:uppercase;font-size:10px}.bi-h-right{align-items:center;gap:var(--space-4);justify-content:flex-end;min-width:430px;display:flex}.bi-live{align-items:center;gap:var(--space-2);font-size:var(--text-xs);letter-spacing:1px;color:var(--color-text-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--bi-line-soft);background:color-mix(in srgb, var(--bi-void-deep) 60%, transparent);display:flex}.bi-live-dot{border-radius:var(--radius-full);background:var(--bi-green);width:8px;height:8px;box-shadow:0 0 10px color-mix(in srgb, var(--bi-green) 80%, transparent);animation:1.6s ease-in-out infinite pulse}.bi-clock{flex-direction:column;align-items:flex-end;display:flex}.bi-clock b{font-family:var(--bi-font-num);letter-spacing:2px;color:var(--bi-cyan);font-variant-numeric:tabular-nums;text-shadow:0 0 16px color-mix(in srgb, var(--bi-cyan) 45%, transparent);font-size:24px;font-weight:700}.bi-clock span{letter-spacing:1px;color:var(--color-text-tertiary);font-size:11px}