:root{font-family:DM Sans,Segoe UI,sans-serif;color:#22382e;background:#f5f7f3;font-synthesis:none;--surface: #fff;--canvas: #f5f7f3;--ink: #22382e;--muted: #58685e;--line: #dfe7dd;--accent: #285c43;--soft: #edf3e8;--shadow: 0 5px 24px #233d2d05}*{box-sizing:border-box}body{margin:0;min-width:320px}body.dark{color-scheme:dark;--surface: #202d26;--canvas: #15231c;--ink: #e8eee8;--muted: #afc0b1;--line: #3a4d40;--accent: #a3d7ac;--soft: #2b3e30;background:var(--canvas);color:var(--ink)}button,input,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;min-height:42px;border:1px solid var(--line);border-radius:10px;padding:10px 15px;background:var(--surface);color:var(--ink);font-size:13px;font-weight:600;transition:background .16s,transform .16s,box-shadow .16s}button:hover:not(:disabled){background:var(--soft);border-color:#9fb6a1}button:active:not(:disabled){transform:translateY(1px) scale(.98)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #71a97f;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:#285c43;color:#fff;border-color:#285c43}button.primary:hover:not(:disabled){background:#214c37;box-shadow:0 4px 12px #285c4322}button.quiet{background:transparent;border-color:transparent;box-shadow:none}.icon-button{padding:9px;min-width:40px}.online-app{width:100%;min-height:100dvh;color:var(--ink)}.site-header{width:100%;height:82px;padding:0 clamp(18px,3vw,56px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:var(--surface)}.brand{padding:0;border:0;background:none!important;font-size:24px;letter-spacing:-1px;gap:9px}.brand svg{color:#3f7951}.brand-tag{font-size:8px;letter-spacing:1.6px;color:var(--muted);margin-left:15px;font-weight:500}.header-actions,.room-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.online-main{width:100%;padding:0 clamp(18px,3vw,56px);min-height:calc(100dvh - 150px)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,4vw,64px);line-height:1.1;letter-spacing:-.05em;font-weight:600}h2{font-size:20px;letter-spacing:-.035em;margin-bottom:8px;font-weight:600}h3{font-size:15px;font-weight:600}p{line-height:1.65;font-size:14px}.eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:.16em;color:var(--muted);margin-bottom:16px}.intro{padding:clamp(45px,7vw,110px) 0 44px}.intro h1{margin-bottom:24px;max-width:900px}.intro p{font-size:17px;color:var(--muted)}.home-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 35px}.home-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;min-height:220px;padding:26px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.home-card .card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;color:var(--accent)}.home-card strong{font-size:20px;letter-spacing:-.03em;margin-bottom:10px}.home-card>span:last-child{font-size:12px;color:var(--muted);font-weight:400;line-height:1.5}.home-card.featured{background:#285c43;color:#fff;border-color:#285c43}.home-card.featured .card-top,.home-card.featured>span:last-child{color:#e1eddf}.home-card:hover{transform:translateY(-3px)}.home-card.featured:hover{background:#214c37}.home-note{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin:24px 0 65px}.status-dot{display:inline-block;flex:none;width:7px;height:7px;background:#6ba178;border-radius:50%;margin-right:7px}.site-footer{padding:25px clamp(18px,3vw,56px);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;min-width:0;box-shadow:var(--shadow)}.entry-intro{margin:36px auto 24px;max-width:500px}.entry-intro h1{font-size:40px;margin-bottom:12px}.entry-intro p{color:var(--muted)}.entry-panel{max-width:500px;margin:0 auto 55px;padding:28px}.entry-panel form,.devices-panel form{display:grid;gap:17px}.entry-panel p{margin:0;color:var(--muted)}label{display:grid;gap:8px;font-size:13px;font-weight:500}input:not([type=checkbox]):not([type=file]),textarea{background:var(--canvas);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:12px;width:100%;min-width:0}.check-label{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}input[type=checkbox]{accent-color:#285c43;width:20px;height:20px;flex:none;cursor:pointer}.entry-panel small{color:var(--muted);font-size:11px}.code-input{font-size:25px;letter-spacing:.2em}.room-dashboard{width:100%;min-width:0}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0 24px}.room-heading h1{font-size:clamp(23px,2.5vw,34px);margin-bottom:10px}.room-heading .eyebrow{margin-bottom:10px}.room-heading p{font-size:12px;color:var(--muted);margin:0}.mini-code{display:inline-block;font-size:12px;letter-spacing:.1em;font-weight:500;background:var(--soft);padding:7px 10px;border-radius:8px;vertical-align:middle;margin-left:10px}.room-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(310px,1fr);gap:24px;padding-bottom:36px;align-items:start}.workspace-primary,.workspace-aside{display:flex;flex-direction:column;gap:22px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.section-heading h2{margin:0}.section-heading .eyebrow{margin-bottom:7px}.badge{display:inline-flex;white-space:nowrap;border:1px solid var(--line);color:var(--muted);border-radius:20px;padding:5px 9px;font-size:10px;font-weight:500}.invitation-code-row{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.code{font-size:clamp(30px,3vw,44px);font-weight:500;letter-spacing:.13em}.room-info>.muted{font-size:11px;margin:12px 0 4px}.muted{color:var(--muted);font-size:12px}.qr-toggle{font-size:12px;padding-left:0;margin-top:4px}.qr-content{display:flex;align-items:center;gap:24px;padding-top:18px;animation:appear .18s ease}.room-qr{width:160px;height:160px;border-radius:10px;background:#fff;padding:4px;flex:none}.qr-content p{max-width:320px;color:var(--muted);font-size:12px}.recipient-hint{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.attachment-dropzone{border:1px dashed #b9cbb7;border-radius:12px;background:var(--canvas);overflow:hidden}.attachment-empty{padding:34px 15px 22px;text-align:center;color:var(--muted)}.attachment-empty svg{color:#92ae95;margin-bottom:13px}.attachment-empty h3{margin:0 0 7px;color:var(--ink)}.attachment-empty p{font-size:12px;margin:0}.attachments{list-style:none;padding:14px;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(235px,100%),1fr));gap:10px}.attachment{display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px;min-width:0}.file-icon{display:flex;background:var(--soft);border-radius:8px;padding:9px;color:var(--accent);flex:none}.attachment-name{display:block;overflow-wrap:anywhere;font-size:12px;flex:1;min-width:0;line-height:1.4}.attachment-name small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.composer-toolbar{display:flex;justify-content:space-between;gap:10px;padding:12px;align-items:end;border-top:1px solid var(--line)}.attachment-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.attachment-tools button{font-size:11px;padding:9px;min-height:38px}.send-button{flex:none;min-width:100px}.composer-summary{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);margin-top:12px;flex-wrap:wrap}.text-panel textarea{height:108px;resize:vertical;min-height:85px;font-size:13px;line-height:1.6}.text-panel>.room-actions{justify-content:space-between;margin-top:10px}.text-panel>.muted{font-size:11px;margin:14px 0 0}.message-history{list-style:none;margin:18px 0 0;padding:0;max-height:330px;overflow:auto}.message-history li{padding:12px 0;border-top:1px solid var(--line)}.message-history li>span{font-size:10px;font-weight:600;color:var(--muted)}pre{font:12px/1.6 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.message-history button{min-height:30px;font-size:11px;padding:5px 9px}.devices-panel>.muted{font-size:11px}.room-members{padding:0;margin:0 0 8px;list-style:none}.room-members li{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.room-members li>svg{color:var(--muted);flex:none}.member-name{flex:1;min-width:80px;overflow-wrap:anywhere}.member-name strong{display:block;font-size:12px;font-weight:500}.member-name small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.devices-panel>.room-actions{margin-top:12px;gap:1px}.devices-panel>.room-actions button{font-size:10px;padding:8px;min-height:34px}.selection-count{font-size:10px;margin-left:auto;white-space:nowrap;color:var(--muted)}.devices-panel.attention{animation:highlight 1.8s ease}.empty-transfers{padding:30px 5px;text-align:center;color:var(--muted)}.empty-transfers p{margin:12px 0 4px;font-size:12px}.empty-transfers small{font-size:10px}.recipient-transfer{border-top:1px solid var(--line);padding:14px 0}.recipient-transfer>summary{cursor:pointer;font-size:12px;font-weight:600}.recipient-transfer>.quiet{font-size:10px;min-height:30px;padding:5px 8px}.peer-transfer{padding:12px 0 0;min-width:0}.peer-transfer .flow-state{font-size:11px;color:var(--muted);line-height:1.5;margin-bottom:12px}.incoming{padding:14px;background:var(--soft);border:1px solid var(--line);border-radius:10px;margin-bottom:12px}.incoming h3{font-size:13px;overflow-wrap:anywhere;margin-bottom:8px}.incoming p,.incoming li{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.incoming ul{padding-left:18px;max-height:150px;overflow:auto}.incoming button{padding:8px;font-size:11px;min-height:36px}.transfer-card h3{font-size:12px;overflow-wrap:anywhere;margin-bottom:5px}.transfer-card p{font-size:10px;color:var(--muted);margin-bottom:8px}.transfer-card progress{width:100%;height:6px;accent-color:#438759}.transfer-card .success{color:#3a8051}.flow-actions{display:flex;gap:5px;flex-wrap:wrap}.flow-actions button{min-height:32px;padding:6px 8px;font-size:10px}.completed-list{padding-left:18px;color:var(--muted);font-size:10px;line-height:1.8}.peer-transfer details>summary{font-size:10px;color:var(--muted);cursor:pointer}.toast{position:fixed;right:24px;bottom:24px;z-index:30;background:var(--ink);color:var(--surface);border:1px solid var(--line);box-shadow:0 7px 30px #0002;border-radius:12px;padding:12px 14px;max-width:min(480px,calc(100vw - 36px));display:flex;align-items:center;gap:10px;font-size:12px;animation:appear .18s ease}.toast button{color:inherit;background:transparent;border:0;min-height:28px;min-width:28px;padding:4px}.error-banner,.connection-banner{border:1px solid #cda984;border-radius:10px;padding:12px 16px;background:#fcf3e6;color:#744925;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0}.connection-banner button{flex:none;font-size:11px}.invitation-scanner video{display:block;width:100%;max-height:280px;border-radius:10px;object-fit:cover;margin:14px 0}.invitation-scanner small{display:block;margin:8px 0}.invitation-scanner [role=alert]{font-size:12px}.standalone{max-width:1080px;margin:auto;padding-bottom:30px}.standalone .panel{margin:20px 0}.standalone input,.standalone textarea{max-width:100%}.standalone img,.standalone canvas,.standalone video{max-width:100%}.coming-soon{max-width:700px;margin:75px auto;padding:50px}.coming-soon>svg{margin-bottom:30px;color:var(--accent)}.coming-soon h1{font-size:36px}.coming-soon p{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}@keyframes appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes highlight{0%,to{box-shadow:var(--shadow)}35%{box-shadow:0 0 0 4px #a3c99b}}@media(min-width:1700px){.room-grid{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr)}.panel{padding:28px}.home-card{min-height:245px}}@media(max-width:1100px){.home-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-tag{display:none}.room-grid{gap:18px;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr)}.panel{padding:19px}.room-heading>.room-actions{max-width:360px;justify-content:end}.composer-toolbar{flex-wrap:wrap}.send-button{margin-left:auto}}@media(max-width:800px){.room-grid{grid-template-columns:minmax(0,1fr);gap:16px}.workspace-primary,.workspace-aside{display:contents}.room-info{order:1}.devices-panel{order:2}.file-composer{order:3}.transfers-panel{order:4}.text-panel{order:5}.room-heading{align-items:start;flex-wrap:wrap}.room-heading>.room-actions{max-width:none;justify-content:start}.site-header{height:70px}.home-card{min-height:195px}.intro{padding-top:48px}.header-actions>.quiet{font-size:11px}.room-heading h1{font-size:26px}}@media(max-width:480px){.online-main,.site-header{padding:0 14px}.brand{font-size:21px}.home-actions{grid-template-columns:1fr;gap:12px}.home-card{min-height:160px;padding:22px}.home-card .card-top{margin-bottom:22px}.home-card strong{font-size:19px}.intro h1{font-size:38px}.intro p{font-size:14px}.intro{padding:38px 0 26px}.panel{padding:17px}.room-heading{padding:24px 0 18px;gap:10px}.room-heading .room-actions button{font-size:10px;padding:8px;min-height:38px}.room-heading .quiet{display:none}.room-heading h1{font-size:23px}.mini-code{margin-left:0}.qr-content{gap:14px;flex-wrap:wrap}.room-qr{width:145px;height:145px}.invitation-code-row{gap:12px}.invitation-code-row button{font-size:10px;padding:8px}.composer-toolbar{padding:10px}.attachment-tools{width:100%}.attachment-tools button{min-height:40px}.send-button{width:100%;min-height:44px}.attachments{grid-template-columns:1fr}.site-footer{flex-direction:column;padding-bottom:max(22px,env(safe-area-inset-bottom))}.toast{right:14px;bottom:max(14px,env(safe-area-inset-bottom))}.connection-banner{flex-direction:column;align-items:start}.entry-panel{margin-bottom:35px}.coming-soon{padding:25px;margin-top:35px}.room-members input[type=checkbox]{width:23px;height:23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.delivery-summary{border:1px solid var(--line);border-radius:12px;padding:12px;margin:12px 0;font-size:13px;overflow-wrap:anywhere}.delivery-summary summary{cursor:pointer;font-weight:600}.delivery-summary ul{list-style:none;padding:0;margin-bottom:0}.delivery-summary li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0}.delivery-summary li span{flex:1 1 150px}.delivery-summary progress{width:100%;height:4px;accent-color:var(--accent)}.delivery-summary small{color:var(--muted)}.optical-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.optical-columns>section{min-width:0}.optical-panel label{display:block;margin:12px 0}.optical-panel textarea{width:100%;min-height:90px}.optical-panel .flow-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.optical-panel button{margin:4px}.optical-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.optical-screen{background:#fff;color:#111;text-align:center}.optical-screen:fullscreen{display:flex;flex-direction:column;align-items:center;justify-content:center}.optical-screen img{display:block;margin:auto;image-rendering:pixelated}.optical-panel details{margin:18px 0}@media(max-width:800px){.optical-columns,.optical-options{grid-template-columns:minmax(0,1fr)}}.optical-screen:fullscreen img{max-height:calc(100vh - 110px);width:auto!important;object-fit:contain}.optical-panel select{display:block;max-width:100%;padding:8px 10px;margin-top:6px;border:1px solid var(--line, #cfd8ce);border-radius:8px;background:var(--surface, #fff);color:var(--ink, #22382e);font:inherit}.optical-panel input[type=file]{max-width:100%}