:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}.shareLogo{filter:drop-shadow(0 0 15px #00b4ff59)drop-shadow(0 0 30px #7800ff40);width:1200px;max-width:90%;margin:0 auto 24px;display:block}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.sharePage{box-sizing:border-box;color:#fff;background:radial-gradient(circle at 50% 15%,#144dff1f,#0000 34%),linear-gradient(#050814 0%,#02040b 100%);min-height:100vh;padding:70px 20px 100px;position:relative;overflow:hidden}.shareContent{z-index:2;width:min(960px,100%);margin:0 auto;position:relative}.backgroundGlow{pointer-events:none;filter:blur(120px);opacity:.2;border-radius:50%;position:absolute}.backgroundGlowBlue{background:#006eff;width:400px;height:400px;top:100px;left:10%}.backgroundGlowPurple{background:#7a00ff;width:420px;height:420px;top:260px;right:8%}.shareLogo{filter:drop-shadow(0 0 18px #00aeff52)drop-shadow(0 0 34px #672aff3d);width:min(520px,86vw);height:auto;margin:0 auto 48px;display:block}.controlPanel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#0f162ae0,#040814eb);border:1px solid #6358ff8c;border-radius:28px;padding:60px 54px 34px;position:relative;box-shadow:0 30px 80px #00000080,0 0 30px #3658ff14,inset 0 1px #ffffff0f}.buttonRow{grid-template-columns:1fr 1fr;gap:34px;display:grid}.connectButton,.screenShareButton,.copyButton{cursor:pointer;border:none;border-radius:16px;font-family:inherit;font-weight:700;transition:transform .18s,filter .18s,box-shadow .18s}.connectButton,.screenShareButton{min-height:110px;padding:18px 24px;font-size:21px}.connectButton{color:#0a1020;background:linear-gradient(135deg,#fff 0%,#eef1ff 100%);box-shadow:0 12px 35px #316cff47,0 0 18px #6b40ff33}.connectButton:hover,.copyButton:hover{filter:brightness(1.06);transform:translateY(-2px)}.connectedButton{color:#fff;background:linear-gradient(135deg,#1475ff,#6436ff)}.screenShareButton{color:#ffffffe0;background:linear-gradient(145deg,#222a3ef2,#161b2af2);border:1px solid #ffffff38}.screenShareButton:not(:disabled):hover{border-color:#5581ffb3;transform:translateY(-2px);box-shadow:0 12px 30px #194bff33}.screenShareButton:disabled{color:#ffffff47;cursor:not-allowed;filter:grayscale(.4);opacity:.72}.sharingButton{color:#fff;background:linear-gradient(135deg,#ff315f,#b31954);border-color:#ff4c67b3}.buttonIcon{margin-right:10px}.connectionStatus{color:#ffffffb8;align-items:center;margin:32px 4px 40px;font-size:18px;display:flex}.connectionStatus strong{color:#fff}.statusLabel{margin-left:10px}.statusDot{border-radius:50%;width:13px;height:13px}.statusDisconnected{background:#778095;box-shadow:0 0 0 4px #7780951a}.statusConnected{background:#12dc79;box-shadow:0 0 12px #12dc79cc,0 0 0 5px #12dc791a}.urlCard{text-align:center;background:linear-gradient(145deg,#030817f0,#080918e6);border:1px solid #4260ffb8;border-radius:22px;padding:34px 38px;box-shadow:inset 0 1px #ffffff0a,0 0 24px #563dff14}.urlCard h2{letter-spacing:.04em;margin:0 0 22px;font-size:22px}.watchUrl{color:#dce4ff;overflow-wrap:anywhere;word-break:break-word;text-shadow:0 0 10px #4a76ff47;margin:0;font-size:19px;font-weight:700}.urlDivider{background:linear-gradient(90deg,#0000,#3f68ff94,#0000);width:100%;height:1px;margin:28px 0}.copyButton{color:#0a1020;background:linear-gradient(135deg,#fff,#edf0ff);min-width:300px;max-width:100%;padding:18px 30px;font-size:19px;box-shadow:0 10px 28px #3b60ff38}.shareHelp{text-align:center;color:#bccaeb8f;margin:26px 0 0;font-size:14px}@media (width<=700px){.sharePage{padding:36px 14px 70px}.shareLogo{width:min(420px,90vw);margin-bottom:30px}.controlPanel{border-radius:20px;padding:28px 18px 24px}.buttonRow{grid-template-columns:1fr;gap:16px}.connectButton,.screenShareButton{min-height:76px;font-size:17px}.connectionStatus{margin:24px 2px 28px;font-size:15px}.urlCard{padding:26px 18px}.watchUrl{font-size:15px}.copyButton{width:100%;min-width:0;font-size:17px}}body{color:#fff;background:#111;margin:0;font-family:sans-serif}.container{text-align:center;max-width:700px;margin:80px auto;padding:0 20px}.shareButton{cursor:pointer;border:none;border-radius:12px;margin-top:30px;padding:18px 40px;font-size:22px}.info{margin-top:40px}.urlBox{border:1px solid #444;border-radius:10px;margin-top:40px;padding:20px}.stopButton{cursor:pointer;color:#fff;background:#e5484d;border:none;border-radius:12px;margin-top:30px;padding:18px 40px;font-size:22px}.previewBox{background:#080808;border:1px solid #444;border-radius:12px;margin-top:35px;padding:16px}.previewTitle{margin-top:0}.previewVideo{background:#000;border-radius:8px;width:100%;max-height:420px;display:block}.watchContainer{background:#000;width:100vw;height:100vh;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.watchVideo{object-fit:contain;background:#000;width:100vw;height:100vh;display:block}.watchMessage{color:#ccc;pointer-events:none;place-items:center;margin:0;font-size:22px;display:grid;position:absolute;inset:0}.watchStatus{color:#ffffffbf;z-index:2;background:#0000008c;border-radius:6px;margin:0;padding:5px 8px;font-size:12px;position:absolute;bottom:10px;left:12px}