:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#111a2e;--muted:#6d7890;--line:#e5eaf4;--paper:#edf4ff;--white:#fff;--accent:#2161ed;--accent-dark:#174fce;--accent-soft:#edf3ff;--surface-muted:#f7f9fe}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth;min-height:100%}body{background:radial-gradient(ellipse at 50% 0%, #39745a12, transparent 34rem), var(--paper);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,[role=button]:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #39745a52}.app-shell{width:min(100% - 48px,1120px);min-height:100vh;margin:0 auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:76px;display:flex}.brand{color:var(--ink);letter-spacing:-.06em;align-items:center;gap:10px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);color:#fff;letter-spacing:-.08em;border-radius:9px;place-items:center;width:31px;height:31px;font-size:14px;display:grid}.server-status,.peer-pill{color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.server-status{border:1px solid var(--line);background:#ffffffb8;border-radius:99px;padding:9px 12px}.status-dot{background:#bdc7c0;border-radius:50%;flex:0 0 8px;width:8px;height:8px}.page-intro{padding:54px 0 32px}.hero-copy{max-width:720px}.eyebrow,.section-kicker{color:var(--accent);letter-spacing:.14em;font-size:10px;font-weight:800}.eyebrow{background:#ffffffc7;border:1px solid #dce9e0;border-radius:99px;align-items:center;gap:8px;padding:9px 12px;display:inline-flex}.eyebrow-spark{font-size:14px}.hero h1{letter-spacing:-.075em;margin:18px 0 12px;font-size:clamp(40px,5.4vw,64px);font-weight:700;line-height:1.04}.hero h1 span{color:var(--accent)}.hero-description{color:#65736b;max-width:560px;margin:0;font-size:15px;line-height:1.65}.hero-footnote{color:#5e6d64;flex-wrap:wrap;align-items:center;gap:9px;margin-top:27px;font-size:11px;font-weight:600;display:flex}.workspace-grid{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:start;gap:20px;padding-bottom:30px;display:grid}.lock-icon{color:var(--accent);font-size:17px}.footnote-divider{background:#b3bdb6;border-radius:50%;width:3px;height:3px}.transfer-panel,.room-card{border:1px solid var(--line);background:var(--white);border-radius:18px;box-shadow:0 18px 48px #223b2d0e}.panel-heading,.transfer-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading h2{letter-spacing:-.04em;margin:7px 0 0;font-size:21px}.peer-pill{border:1px solid var(--line);white-space:nowrap;border-radius:99px;padding:7px 10px;font-size:10px}.peer-pill .status-dot{flex-basis:6px;width:6px;height:6px}.dropzone{background:var(--surface-muted);cursor:pointer;text-align:center;border:1px dashed #cfdad2;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:186px;margin-top:23px;transition:border-color .16s,background .16s;display:flex}.dropzone-disabled{cursor:not-allowed;opacity:.6}.upload-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border:1px solid #dce9e0;border-radius:11px;place-items:center;font-size:23px;line-height:1;display:grid}.dropzone-title{text-overflow:ellipsis;white-space:nowrap;max-width:90%;font-size:14px;font-weight:700;overflow:hidden}.dropzone-subtitle{color:var(--muted);font-size:11px}.folder-picker-row{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.folder-picker-note{color:var(--muted);font-size:11px}.folder-picker-button{flex-shrink:0}.visually-hidden{display:none}.transfer-details{margin-top:16px}.transfer-meta{color:var(--muted);font-size:10px}.transfer-filename{color:#48574e;text-overflow:ellipsis;white-space:nowrap;max-width:80%;overflow:hidden}.transfer-percent{color:var(--ink);font-weight:700}.progress-track{background:#e9eeea;border-radius:9px;height:5px;margin:9px 0 7px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--accent);height:100%;transition:width .16s;display:block}.transfer-caption{color:#88948c}.text-button{color:var(--accent);cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:700}.primary-button,.secondary-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:12px;min-height:43px;font-size:12px;font-weight:700;transition:background .16s,transform .16s,opacity .16s;display:inline-flex}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff}.primary-button:hover:not(:disabled){border-color:var(--accent-dark);background:var(--accent-dark);transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.42}.primary-button span{font-size:15px}.send-button{width:100%;margin-top:16px}.privacy-note{color:#88948c;text-align:center;margin:12px 0 0;font-size:10px}.room-section{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;display:grid}.room-intro{padding:3px 4px 6px}.room-intro h2{letter-spacing:-.06em;max-width:360px;margin:9px 0 7px;font-size:25px;line-height:1.12}.room-intro p,.room-card-top p{color:var(--muted);margin:0;font-size:11px;line-height:1.65}.room-card{min-height:0;box-shadow:none;padding:20px}.room-card-top{align-items:flex-start;gap:12px;display:flex}.room-number{background:var(--accent-soft);width:27px;height:27px;color:var(--accent);border-radius:8px;flex:0 0 27px;place-items:center;font-size:10px;font-weight:800;display:grid}.room-card-top h3{letter-spacing:-.03em;margin:3px 0 5px;font-size:14px}.room-code{color:var(--ink);letter-spacing:.18em;margin:18px 0 12px;font-size:26px;font-weight:700}.room-actions{gap:8px;display:flex}.room-actions .primary-button,.room-action-button{min-height:39px;padding:0 13px;font-size:10px}.secondary-button{border:1px solid var(--line);color:#5e6d64;background:#fff;min-height:39px;padding:0 13px;font-size:10px}.room-action-button{width:100%;margin-top:16px}.input-label{color:#69776f;margin:17px 0 7px;font-size:10px;font-weight:700;display:block}.join-row{gap:7px;display:flex}.room-input{border:1px solid var(--line);width:100%;min-width:0;height:39px;color:var(--ink);letter-spacing:.06em;background:#fbfcfb;border-radius:8px;outline:none;padding:0 10px;font-size:11px;font-weight:700}.room-input::placeholder{color:#aab5ad;letter-spacing:0;font-weight:400}.join-button{flex:none;min-height:39px;padding:0 11px;font-size:10px}.scan-button{white-space:nowrap;gap:6px;min-height:39px;padding:0 10px;font-size:10px}.scan-button:disabled{cursor:not-allowed;opacity:.5}.dialog-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14221b94;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.dialog-card{border:1px solid var(--line);background:var(--paper);text-align:center;border-radius:18px;width:min(100%,440px);max-height:calc(100dvh - 40px);padding:28px;position:relative;overflow-y:auto;box-shadow:0 24px 80px #0000003d}.dialog-close{border:1px solid var(--line);color:#5b6a61;cursor:pointer;background:#fff;border-radius:50%;width:34px;height:34px;font-size:23px;line-height:1;position:absolute;top:13px;right:13px}.dialog-card h2{letter-spacing:-.055em;margin:8px 0;font-size:24px}.dialog-card>p{color:var(--muted);margin:0 auto 18px;font-size:12px;line-height:1.6}.qr-code-frame{border:1px solid var(--line);background:#fff;border-radius:14px;width:fit-content;max-width:100%;margin:0 auto 18px;padding:12px}.qr-code-frame svg{width:min(240px,100vw - 112px);height:auto;display:block}.dialog-action{width:100%}.dialog-card .qr-url{overflow-wrap:anywhere;max-width:100%;margin:12px auto 0;font-size:10px}.camera-preview{aspect-ratio:4/3;background:#17181b;border-radius:12px;place-items:center;min-height:210px;margin:16px 0 14px;display:grid;position:relative;overflow:hidden}.camera-preview video{object-fit:cover;width:100%;height:100%}.scanner-target{pointer-events:none;border:2px solid #ffffffe0;border-radius:16px;width:min(54vw,220px);height:min(54vw,220px);position:absolute;box-shadow:0 0 0 999px #00000047}.camera-message,.camera-error{color:#fff;background:#17181be6;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:18px;font-size:12px;line-height:1.5;display:flex;position:absolute;inset:12px}.scanner-actions{justify-content:space-between;gap:10px;display:flex}.scanner-actions .secondary-button{flex:1}.dialog-card .scanner-fallback{margin:14px 0 0;font-size:10px}.connection-message{border:1px solid var(--line);color:#5e6d64;background:#ffffffc7;border-radius:9px;align-items:center;gap:10px;min-height:44px;margin:0 0 38px;padding:0 13px;font-size:11px;display:flex}.connection-state{color:#88948c;text-transform:uppercase;margin-left:auto;font-size:9px}.footer{border-top:1px solid var(--line);color:#7d8a82;justify-content:space-between;align-items:center;gap:18px;min-height:65px;font-size:10px;display:flex}.footer-tech{letter-spacing:.12em;font-size:9px;font-weight:700}@media (max-width:900px){.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(310px,.9fr);gap:14px}.room-intro h2{max-width:none}}@media (max-width:680px){.app-shell{width:min(100% - 32px,520px)}.topbar{min-height:68px}.page-intro{padding:40px 0 25px}.workspace-grid{grid-template-columns:1fr;gap:32px;padding-bottom:27px}.hero h1{font-size:clamp(39px,10vw,56px)}.hero-description{max-width:360px;font-size:14px}.transfer-panel{padding:19px}.room-intro{padding:0 0 8px}.room-intro h2{font-size:25px}.room-card{min-height:0}.room-actions{flex-wrap:wrap}.room-actions .primary-button{flex:100%}.room-actions .secondary-button{flex:1}.join-row{flex-wrap:wrap}.join-row .room-input{flex:calc(100% - 110px)}.join-row .scan-button{flex:none}.join-row .join-button{flex:100%}.dialog-card{padding:24px 18px}.connection-message{align-items:flex-start;padding:12px;line-height:1.5}.connection-message .status-dot{margin-top:3px}.footer{flex-wrap:wrap;justify-content:flex-start;padding:17px 0}.footer-brand{margin-right:auto}.footer-tech{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}body{color:var(--ink);background:radial-gradient(at 50% 4%,#5092ff30,#0000 38rem),linear-gradient(145deg,#eaf3ff 0%,#f5f8ff 52%,#e8f1ff 100%)}button:focus-visible,input:focus-visible,[role=button]:focus-visible,a:focus-visible{outline-color:#2161ed61}.app-shell{width:min(100% - 56px,1360px);min-height:100vh;padding:28px 0}.landing-frame{background:#ffffffed;border:1px solid #ffffffdb;border-radius:24px;overflow:hidden;box-shadow:0 28px 90px #3a67ad29}.topbar{border-bottom:1px solid #eef2f8;min-height:82px;padding:0 5.2%}.brand{letter-spacing:-.07em;gap:9px;font-size:19px}.brand-mark{background:linear-gradient(145deg,#3385ff,#1555e7);border-radius:10px;width:34px;height:34px;font-size:15px;box-shadow:0 5px 12px #2161ed3d}.brand-accent{color:var(--accent)}.top-nav,.topbar-actions{align-items:center;display:flex}.top-nav{gap:clamp(20px,3vw,42px)}.top-nav a{color:#47516a;font-size:12px;font-weight:600;text-decoration:none;transition:color .14s}.top-nav a:hover,.hero-secondary:hover{color:var(--accent)}.topbar-actions{gap:18px}.server-status{color:#536078;background:0 0;border:0;padding:0}.status-dot.online{background:#35b77a;box-shadow:0 0 0 3px #35b77a21}.nav-cta{background:var(--accent);color:#fff;border-radius:11px;align-items:center;gap:12px;min-height:40px;padding:0 17px;font-size:12px;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 6px 15px #2161ed30}.nav-cta:hover{background:var(--accent-dark);transform:translateY(-1px)}.page-intro{background:radial-gradient(at 78% 53%,#649eff21,#0000 29rem),linear-gradient(110deg,#fff 5%,#fbfdff 58%,#f3f7ff 100%);grid-template-columns:minmax(0,.88fr) minmax(440px,1.12fr);align-items:center;gap:28px;min-height:430px;padding:52px 5.2% 48px;display:grid;overflow:hidden}.hero-copy{z-index:1;max-width:550px;position:relative}.eyebrow{color:#244eaa;letter-spacing:.12em;background:#eef4ff;border:0;gap:8px;padding:8px 12px;font-size:9px}.eyebrow-spark{color:var(--accent);font-size:12px}.hero-copy h1{color:#111a2e;letter-spacing:-.075em;text-wrap:balance;margin:20px 0 16px;font-size:clamp(48px,5.5vw,72px);font-weight:750;line-height:.99}.hero-copy h1 span{color:var(--accent)}.hero-description{color:#59657b;max-width:430px;font-size:15px;line-height:1.7}.hero-actions{align-items:center;gap:23px;margin-top:24px;display:flex}.hero-cta{border-color:var(--accent);border-radius:12px;min-height:46px;padding:0 20px;font-size:12px;text-decoration:none;box-shadow:0 8px 17px #2161ed33}.hero-secondary{color:#495772;align-items:center;gap:8px;font-size:12px;font-weight:700;text-decoration:none;transition:color .14s;display:inline-flex}.hero-secondary span{width:24px;height:24px;color:var(--accent);background:#eaf1ff;border-radius:50%;place-items:center;font-size:9px;display:grid}.hero-points{flex-wrap:wrap;gap:16px;margin-top:29px;display:flex}.hero-points span{color:#47536b;align-items:center;gap:7px;font-size:10px;font-weight:600;display:inline-flex}.hero-points i{width:25px;height:25px;color:var(--accent);background:#edf3ff;border-radius:9px;place-items:center;font-size:14px;font-style:normal;display:grid}.hero-visual{place-items:center;min-height:350px;display:grid;position:relative}.visual-orbit{aspect-ratio:1;background:linear-gradient(145deg,#c5ddffa3,#e8f1ff24);border:1px solid #4f8fff38;border-radius:46% 54% 60% 40%/43% 42% 58% 57%;width:min(78%,390px);position:absolute;transform:rotate(-15deg)}.orbit-two{background:#ffffff2e;border-color:#4082f840;width:min(70%,350px);transform:rotate(30deg)}.visual-transfer-card{z-index:2;background:#fffffff0;border:1px solid #e0e8f6e6;border-radius:19px;width:min(78%,390px);min-height:258px;padding:17px;position:relative;transform:rotate(-3deg);box-shadow:0 22px 55px #2f5ca12b}.visual-card-heading{align-items:center;gap:10px;display:flex}.visual-app-icon{width:32px;height:32px;color:var(--accent);background:#eaf1ff;border-radius:10px;place-items:center;font-size:19px;font-weight:800;display:grid}.visual-card-heading strong,.visual-file-card strong{color:#202b42;font-size:11px;display:block}.visual-card-heading small,.visual-file-card small{color:#8994a8;margin-top:4px;font-size:9px;display:block}.visual-menu{color:#8994a8;letter-spacing:2px;margin-left:auto;font-size:19px}.visual-drop{background:linear-gradient(145deg,#f8faff,#f2f6ff);border:1px dashed #cbd9f1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:142px;margin-top:16px;display:flex}.visual-cloud{color:#2874f4;background:#d9e8ff;border-radius:15px;place-items:center;width:43px;height:39px;font-size:24px;font-weight:700;display:grid}.visual-drop strong{color:#26334c;font-size:11px}.visual-drop small{color:#8591a6;font-size:9px}.visual-peers{align-items:center;margin:13px 3px 0;display:flex}.peer-avatar{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:8px;font-weight:800;display:grid}.avatar-blue{background:linear-gradient(145deg,#65b5ff,#315bdc)}.avatar-violet{background:linear-gradient(145deg,#c091ff,#7951db);margin-left:-6px}.peer-link{color:#9ab4e4;letter-spacing:1px;margin:0 8px;font-size:10px}.peer-caption{color:#75829a;white-space:nowrap;margin-left:auto;font-size:8px}.visual-file-card{z-index:3;background:#fff;border:1px solid #edf1f8;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex;position:absolute;box-shadow:0 12px 30px #2a4b7d21}.file-card-top{top:27%;left:-3%;transform:rotate(5deg)}.file-card-bottom{bottom:4%;right:0;transform:rotate(4deg)}.file-type{color:#fff;border-radius:9px;place-items:center;width:31px;height:34px;font-size:13px;display:grid}.video-type{background:linear-gradient(145deg,#9f78ff,#6943e7)}.image-type{background:linear-gradient(145deg,#ff8296,#ed5570);font-size:20px}.file-check{color:#24a365;background:#e8f8ef;border-radius:50%;place-items:center;width:18px;height:18px;margin-left:4px;font-size:11px;font-weight:800;display:grid}.visual-secure-card{z-index:4;color:#32744e;background:#f1fff7;border:1px solid #e1f3e8;border-radius:12px;padding:9px 12px;font-size:9px;font-weight:700;position:absolute;top:8%;right:2%;transform:rotate(4deg);box-shadow:0 8px 20px #2a5f411a}.visual-secure-card span{margin-right:5px}.feature-strip{background:#fbfcff;border-top:1px solid #edf1f8;border-bottom:1px solid #edf1f8;grid-template-columns:1.1fr repeat(3,1fr) .9fr;align-items:center;gap:18px;min-height:97px;padding:17px 5.2%;display:grid}.feature-label{color:#738098;letter-spacing:.12em;font-size:9px;font-weight:800}.feature-item{align-items:center;gap:10px;display:flex}.feature-icon{width:31px;height:31px;color:var(--accent);background:#edf3ff;border-radius:10px;flex:0 0 31px;place-items:center;font-size:15px;font-weight:800;display:grid}.feature-item strong,.feature-item small{display:block}.feature-item strong{color:#303b52;font-size:10px}.feature-item small{color:#8792a6;margin-top:4px;font-size:9px}.feature-note{color:#758198;border-left:1px solid #dfe5ef;padding-left:19px;font-size:9px;line-height:1.5}.feature-note strong{color:#26334c;font-size:11px}.workspace-grid{background:#fff;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:26px;padding:44px 5.2% 34px}.transfer-panel,.room-card{border-color:#e5ebf5;border-radius:17px;box-shadow:0 12px 35px #24416f0e}.transfer-panel{padding:25px}.section-kicker,.lock-icon{color:var(--accent)}.peer-pill.peer-ready{color:#25794c;background:#f3fcf6;border-color:#d6efdf}.dropzone{background:#f7f9fe;border-color:#cdd9ed}.dropzone:hover,.dropzone-active{border-color:var(--accent);background:#eff5ff}.upload-icon,.room-number{background:var(--accent-soft);color:var(--accent);border-color:#d8e5fb}.progress-track span{background:var(--accent)}.primary-button{border-color:var(--accent);background:var(--accent)}.primary-button:hover:not(:disabled){border-color:var(--accent-dark);background:var(--accent-dark)}.room-intro h2{color:#111a2e}.room-input{background:#fbfcff;border-color:#e2e8f2}.secondary-button:hover{background:#f4f7fc}.connection-message{color:#596780;background:#f8faff;border-color:#e3eaf5;margin:0 5.2% 20px}.connection-message-ready{color:#28784d;background:#f3fcf6;border-color:#d5efdf}.footer{color:#7c879b;border-top-color:#edf1f8;min-height:68px;padding:0 5.2%}.footer-brand{font-size:14px}.dialog-backdrop{background:#111a2e8a}.dialog-card{background:#fff;border-color:#e2e8f2}@media (max-width:980px){.page-intro{grid-template-columns:minmax(0,.95fr) minmax(340px,1.05fr);gap:10px;padding-left:4%;padding-right:4%}.visual-transfer-card{width:82%}.feature-strip{grid-template-columns:repeat(3,1fr);row-gap:16px}.feature-label,.feature-note{display:none}}@media (max-width:760px){.app-shell{width:min(100% - 28px,580px);padding:14px 0}.landing-frame{border-radius:19px}.topbar{min-height:68px;padding:0 20px}.top-nav{display:none}.topbar-actions{gap:12px}.server-status{font-size:10px}.nav-cta{gap:7px;min-height:36px;padding:0 11px;font-size:10px}.page-intro{grid-template-columns:1fr;gap:0;padding:38px 24px 24px}.hero-copy h1{max-width:500px;font-size:clamp(44px,10.2vw,64px)}.hero-description{max-width:470px;font-size:14px}.hero-points{gap:11px;margin-top:21px}.hero-points span{font-size:9px}.hero-visual{min-height:300px;margin-top:13px}.visual-transfer-card{width:min(78%,380px)}.feature-strip{grid-template-columns:1fr;gap:14px;padding:20px 25px}.feature-item{min-height:33px}.workspace-grid{grid-template-columns:1fr;gap:30px;padding:28px 20px 24px}.transfer-panel{padding:20px}.room-section{gap:12px}.room-intro{padding:0 2px 6px}.connection-message{margin:0 20px 18px}.footer{flex-wrap:wrap;justify-content:flex-start;gap:10px 18px;padding:15px 20px}.footer-brand{margin-right:auto}}@media (max-width:460px){.app-shell{width:min(100% - 18px,440px);padding:9px 0}.topbar{padding:0 14px}.brand{font-size:16px}.brand-mark{width:30px;height:30px}.server-status{gap:5px;font-size:9px}.nav-cta{min-height:33px;padding:0 9px;font-size:9px}.page-intro{padding:31px 18px 17px}.hero-copy h1{font-size:clamp(41px,11vw,52px)}.hero-actions{gap:14px}.hero-cta{min-height:42px;padding:0 14px}.hero-points{gap:8px}.hero-points span{gap:5px;font-size:8px}.hero-points i{width:22px;height:22px}.hero-visual{min-height:260px;margin-left:-8px;margin-right:-8px}.visual-transfer-card{width:80%;min-height:232px;padding:13px}.visual-drop{min-height:120px}.file-card-top{left:-3px}.file-card-bottom{right:-3px}.visual-file-card{gap:7px;padding:9px}.visual-file-card strong{font-size:9px}.visual-file-card small{font-size:8px}.visual-secure-card{padding:7px 9px;font-size:8px;right:0}.workspace-grid{padding-left:14px;padding-right:14px}.transfer-panel{padding:17px}.panel-heading{align-items:flex-start}.peer-pill{gap:5px;padding:6px 7px;font-size:8px}.room-actions{flex-wrap:wrap}.room-actions .primary-button{flex:100%}.room-actions .secondary-button{flex:1}.join-row{flex-wrap:wrap}.join-row .room-input{flex:calc(100% - 110px)}.join-row .scan-button{flex:none}.join-row .join-button{flex:100%}.connection-message{margin-left:14px;margin-right:14px}.footer{padding-left:14px;padding-right:14px}}