@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";: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)}}#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}body{margin:0}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}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#f4f5ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;background:#090b14;font-family:Inter,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 15% 5%,#29205b66,#0000 38%),radial-gradient(at 90% 65%,#103e4c44,#0000 35%),#090b14;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;transition:transform .2s,background .2s,opacity .2s}button:hover:not(:disabled){transform:translateY(-2px)}button:disabled{cursor:not-allowed;opacity:.4}.app{width:min(100% - 36px,960px);margin:0 auto;padding:28px 0 24px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:65px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-icon{background:linear-gradient(135deg,#7465ff,#4937bf);border:1px solid #8b80ff88;border-radius:15px;place-items:center;width:48px;height:48px;font-size:25px;font-weight:800;display:grid;box-shadow:0 8px 35px #6855ff44}.brand h1{letter-spacing:-.7px;margin:0;font-size:20px}.brand p{color:#9298b0;margin:5px 0 0;font-size:12px}.status-pill{color:#b4b8ca;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff15;border-radius:30px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;display:flex}.dot{background:#f0ad55;border-radius:50%;width:8px;height:8px}.status-pill.online .dot{background:#42e4a0;box-shadow:0 0 12px #42e4a099}.hero{text-align:center;max-width:650px;margin:0 auto 38px}.eyebrow{color:#aaa0ff;letter-spacing:1.7px;background:#7967ff12;border:1px solid #7e70ff44;border-radius:30px;padding:8px 12px;font-size:10px;font-weight:700;display:inline-block}.hero h2{letter-spacing:-3px;margin:22px 0 15px;font-size:clamp(38px,7vw,65px);line-height:1.12}.hero h2 span{color:#a39aff}.hero>p{color:#969cb2;max-width:510px;margin:0 auto;font-size:14px;line-height:1.9}.panel{background:linear-gradient(145deg,#151827f5,#10131ff5);border:1px solid #ffffff17;border-radius:24px;overflow:hidden;box-shadow:0 25px 90px #0005}.role-tabs{background:#ffffff03;border-bottom:1px solid #ffffff12;grid-template-columns:1fr 1fr;gap:8px;padding:15px;display:grid}.role-tabs button{color:#a0a5bb;background:0 0;border:1px solid #0000;border-radius:12px;padding:14px;font-size:13px;font-weight:600}.role-tabs button.active{color:#c7c0ff;background:#7867ff1c;border-color:#887bff55}.section-content h3{letter-spacing:-.4px;margin:0 0 10px;font-size:17px}.muted{color:#9298af;font-size:13px;line-height:1.7}.section-content>.muted{margin:0 0 20px}.primary,.secondary{border:0;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:48px;padding:13px 17px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.primary{color:#fff;background:linear-gradient(100deg,#7967ff,#6550e9);box-shadow:0 7px 24px #6b56ef2b}.secondary{color:#d8d5ff;background:#ffffff0b;border:1px solid #ffffff20;width:auto;min-height:38px}.room-code{background:#7664ff0c;border:1px dashed #8173ff77;border-radius:15px;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0 30px;padding:18px;display:flex}.room-code>span{color:#9892c9;letter-spacing:1.5px;width:100%;font-size:10px;font-weight:700}.room-code strong{letter-spacing:5px;overflow-wrap:anywhere;flex:1;font-size:clamp(23px,5vw,31px)}.dropzone{text-align:center;cursor:pointer;background:#ffffff04;border:1px dashed #7770a766;border-radius:16px;flex-direction:column;align-items:center;gap:10px;margin:17px 0;padding:30px 15px;transition:background .2s,border-color .2s;display:flex}.dropzone:hover{background:#7967ff0d;border-color:#9688ff}.upload-icon{color:#b9b0ff;background:#7867ff20;border-radius:15px;place-items:center;width:48px;height:48px;font-size:30px;display:grid}.dropzone strong{font-size:13px}.dropzone .muted{margin:0}.dropzone input{color:#a7abc0;width:100%;max-width:260px;font-size:12px}.file-card{background:#ffffff06;border:1px solid #ffffff15;border-radius:13px;align-items:center;gap:13px;margin:18px 0;padding:14px;display:flex}.file-icon{color:#b6acff;background:#7766ff20;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:10px;font-weight:800;display:grid}.file-details{flex-direction:column;gap:7px;min-width:0;display:flex}.file-details strong{overflow-wrap:anywhere;font-size:13px}.file-details span{color:#9298af;font-size:12px}.field-label{color:#c6c9d8;margin:22px 0 9px;font-size:12px;font-weight:600;display:block}.room-input{color:#fff;letter-spacing:2px;background:#090c16;border:1px solid #ffffff20;border-radius:12px;outline:none;width:100%;min-height:50px;margin-bottom:15px;padding:14px}.room-input:focus{border-color:#897cff;box-shadow:0 0 0 3px #7867ff20}.transfer{background:#090c1680;border-top:1px solid #ffffff12;padding:24px 30px 28px}.transfer-heading{color:#bfc3d5;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:12px;display:flex}.transfer-heading strong{color:#b4aaff;font-variant-numeric:tabular-nums}.progress-track{background:#ffffff12;border-radius:20px;height:8px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#6956ed,#a79aff);height:100%;transition:width .15s;box-shadow:0 0 15px #8d7cff55}.status-text{color:#a1a6bb;overflow-wrap:anywhere;margin:15px 0;font-size:12px;line-height:1.7}.error{color:#ff9b9b;overflow-wrap:anywhere;background:#ff44440d;border:1px solid #f773;border-radius:10px;padding:12px;font-size:12px}.download-link{margin:12px 0}.reset{color:#969bb0;background:0 0;border:0;margin-top:10px;padding:8px 0;font-size:12px}.reset:hover{color:#d3ceff}footer{color:#747b94;justify-content:space-between;gap:12px;padding:23px 2px 0;font-size:10px;line-height:1.8;display:flex}@media (width<=600px){.app{width:min(100% - 24px,960px);padding-top:18px}.topbar{margin-bottom:42px}.brand-icon{width:42px;height:42px}.brand h1{font-size:17px}.brand p{max-width:160px;font-size:10px}.status-pill{padding:8px 10px;font-size:10px}.hero{margin-bottom:28px}.hero h2{letter-spacing:-1.8px}.hero>p{font-size:12px}.panel{border-radius:18px}.section-content{padding:23px 18px}.transfer{padding:22px 18px}.room-code{padding:14px}.room-code strong{letter-spacing:3px}footer{flex-direction:column;gap:4px}}.app{max-width:1000px;margin:0 auto;padding:20px}.topbar{padding:12px 0}.hero{padding:25px 0}.hero h2{margin:10px 0;font-size:clamp(30px,4vw,44px);line-height:1.15}.hero p{max-width:550px;font-size:14px}.panel{padding:22px}.section-content{padding:18px 0}.section-content h3{margin:14px 0 6px;font-size:17px}.section-content p{font-size:13px}.dropzone{min-height:auto;padding:22px}.file-card{margin:8px 0;padding:10px 12px}.primary,.secondary{padding:10px 16px;font-size:13px}footer{padding:16px 0;font-size:11px}@media (width<=600px){.app{padding:12px}.hero{padding:18px 0}.hero h2{font-size:30px}.panel{padding:14px}.dropzone{padding:18px 10px}}.hero{padding-top:12px;padding-bottom:12px}.panel{padding-top:14px;padding-bottom:14px}.section-content{padding-top:8px;padding-bottom:8px}.dropzone{min-height:0;padding-top:14px;padding-bottom:14px}.file-card{margin-top:5px;margin-bottom:5px;padding-top:7px;padding-bottom:7px}.transfer{margin-top:12px}footer{padding-top:10px;padding-bottom:10px}.app{gap:8px!important;padding-top:8px!important;padding-bottom:8px!important}.topbar{margin-bottom:0!important;padding-top:4px!important;padding-bottom:4px!important}.hero{gap:4px!important;margin-top:0!important;margin-bottom:0!important;padding-top:6px!important;padding-bottom:6px!important}.hero h2{margin-top:4px!important;margin-bottom:4px!important;line-height:1.05!important}.hero p{margin-top:4px!important;margin-bottom:4px!important}.panel{gap:8px!important;margin-top:0!important;margin-bottom:0!important;padding:10px!important}.role-tabs{margin-bottom:6px!important}.section-content{gap:6px!important;padding-top:4px!important;padding-bottom:4px!important}.section-content h3{margin-top:6px!important;margin-bottom:3px!important}.section-content p{margin-top:3px!important;margin-bottom:5px!important}.dropzone{gap:5px!important;min-height:0!important;padding:10px!important}.upload-icon{margin:0!important}.file-card{gap:8px!important;min-height:0!important;margin:4px 0!important;padding:6px 8px!important}.transfer{margin-top:8px!important;padding-top:4px!important}.progress-track{margin-top:5px!important;margin-bottom:5px!important}.status-text{margin-top:4px!important;margin-bottom:4px!important}footer{margin-top:0!important;padding-top:6px!important;padding-bottom:6px!important}