:root{color:#e6f2ea;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--matrix-green:#0f6;--matrix-green-soft:#5bff9d;--panel:#070d0ad6;background:#080c0a;font-family:Courier New,Courier,monospace}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button{font:inherit}#matrix-rain{z-index:0;background:radial-gradient(circle at 50% 45%,#00ff6612,#0000 34%),#080c0a;position:fixed;inset:0}.scanlines{z-index:1;pointer-events:none;opacity:.2;background:repeating-linear-gradient(#0000 0 3px,#00000052 4px);position:fixed;inset:0}.activity-card{z-index:2;text-align:center;background:linear-gradient(145deg, #0b140feb, var(--panel));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid #00ff665c;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:min(90vw,620px);min-height:min(76vh,520px);margin:max(7vh,2rem) auto;padding:clamp(2rem,6vw,4rem);display:flex;position:relative;box-shadow:inset 0 0 0 1px #00ff660d,0 0 32px #00ff661c,0 24px 70px #00000080}h1{color:var(--matrix-green);letter-spacing:clamp(.08em,.9vw,.16em);text-shadow:0 0 12px #00ff66b8,0 0 34px #00c8ff38;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(2rem,8vw,4.25rem);font-weight:800;line-height:1}.title-rule{background:linear-gradient(90deg, transparent, var(--matrix-green), transparent);width:5rem;height:1px;box-shadow:0 0 8px var(--matrix-green);margin:1.75rem 0 2.5rem}#start-stream{color:#041008;background:var(--matrix-green);border:1px solid var(--matrix-green-soft);cursor:pointer;letter-spacing:.035em;border-radius:2px;justify-content:center;align-items:center;gap:.85rem;min-width:min(100%,18.5rem);min-height:3.6rem;padding:.95rem 1.25rem .95rem 1.5rem;font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex;box-shadow:0 0 20px #00ff664d,inset 0 0 0 1px #ffffff1f}#start-stream:hover:not(:disabled){background:#45ff8f;transform:translateY(-2px);box-shadow:0 0 30px #00ff6680,inset 0 0 0 1px #fff3}#start-stream:active:not(:disabled){transform:translateY(0)}#start-stream:focus-visible{outline-offset:4px;outline:3px solid #fff}#start-stream:disabled{cursor:wait;opacity:.65}.button-arrow{font-size:1.6rem;font-weight:400;line-height:0}.browser-note{color:#e6f2eaad;max-width:30rem;margin:1.1rem 0 0;font-family:Arial,Helvetica,sans-serif;font-size:.88rem;line-height:1.5}.status{min-height:1.3rem;color:var(--matrix-green-soft);margin:1rem 0 0;font-size:.82rem}.loading-state{color:#e6f2eab3;align-items:center;gap:.75rem;min-height:3.6rem;font-size:.9rem;display:flex}.loading-dot{background:var(--matrix-green);width:.6rem;height:.6rem;box-shadow:0 0 12px var(--matrix-green);border-radius:50%;animation:1.1s ease-in-out infinite pulse}.error-state p{color:#ff8686;margin:0 0 .75rem;font-family:Arial,Helvetica,sans-serif;font-weight:700}.error-state small{color:#e6f2eaad;font-size:.8rem}@keyframes pulse{50%{opacity:.35;transform:scale(.72)}}@media (width<=540px){.activity-card{width:calc(100vw - 1.5rem);min-height:calc(100vh - 1.5rem);margin:.75rem auto;padding:1.75rem 1.25rem}h1{font-size:clamp(1.8rem,10vw,2.75rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}