:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f7fb;background:#101114;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#232731 0,#101114 48rem);min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:.65rem .9rem}button:disabled{cursor:wait;opacity:.45}.topbar{max-width:880px;padding:1.25rem max(1rem, env(safe-area-inset-left));justify-content:space-between;align-items:center;margin:0 auto;display:flex}.topbar h1{letter-spacing:.04em;margin:0;font-size:1.25rem}.topbar-actions,.connection-actions,.composer-actions,.message-actions,.transfer-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.shell{gap:1rem;max-width:880px;margin:0 auto;padding:1rem;display:grid}.connection-card,.transfer-card,.chat-card{background:#1a1d24eb;border:1px solid #343946;border-radius:16px;padding:1rem;box-shadow:0 14px 45px #0000002e}.connection-card{gap:.8rem;display:grid}.status{color:#9ed7ff}.transport-path{color:#8ee0b4;font-size:.85rem}.peer-name{color:#b7c2d4}.invite-link{color:#82c7ff;min-height:1.5rem}.qr-label{color:#b7c2d4;margin:0;font-size:.85rem}.invite-qr{width:min(256px,70vw);height:auto;image-rendering:pixelated;background:#fff;border-radius:8px}.primary{color:#fff;background:#2675db}.secondary,.icon-button{color:#e5e9f0;background:#2a2f3a}.icon-button{padding:.45rem .6rem}.join-input,.composer{color:#f5f7fb;background:#15181e;border:1px solid #3c4351;border-radius:10px;width:100%;padding:.7rem}.join-input{flex:18rem}.chat-card{gap:.7rem;display:grid}.chat-card h2,.transfer-card h2{margin:0;font-size:1rem}.message-log{background:#14171d;border-radius:10px;min-height:8rem;max-height:22rem;padding:.6rem;overflow:auto}.message{white-space:pre-wrap;overflow-wrap:anywhere;margin:.35rem 0}.transfer-row{min-height:3rem}.transfer-name{text-overflow:ellipsis;white-space:nowrap;min-width:8rem;max-width:16rem;overflow:hidden}progress{accent-color:#4da3ff;width:min(20rem,50vw)}.transfer-bytes{color:#aeb7c8;font-size:.85rem}.received-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.received-item{background:#14171d;border-radius:9px;justify-content:space-between;align-items:center;gap:.7rem;padding:.55rem .7rem;display:flex}.received-item-meta{text-overflow:ellipsis;white-space:nowrap;gap:.15rem;min-width:0;display:grid;overflow:hidden}.received-item-size{color:#aeb7c8;font-size:.78rem}.received-item-actions{flex-shrink:0;gap:.45rem;display:flex}.settings-toggle{align-items:center;gap:.5rem;margin:1rem 0;display:flex}.scanner-dialog{color:#f5f7fb;background:#1a1d24;border:1px solid #414858;border-radius:14px;max-width:32rem}.scanner-dialog::backdrop{background:#000000a6}.scanner-video{aspect-ratio:1;object-fit:cover;background:#08090c;border-radius:10px;width:min(28rem,80vw);display:block}.footer{color:#8d96a8;max-width:880px;margin:0 auto;padding:1rem;font-size:.8rem}.settings-dialog{color:#f5f7fb;background:#1a1d24;border:1px solid #414858;border-radius:14px;max-width:26rem}.settings-dialog::backdrop{background:#0009}.popover{color:#fff;background:#242a34;border:1px solid #4b5568;border-radius:8px;padding:.55rem .7rem}@media (max-width:600px){.shell{padding:.7rem}.connection-actions>*{flex:100%}progress{width:100%}.transfer-row>*{flex:auto}}