:root{--bg:#101010;--surface:#14171c;--text:#cfe8fb;--text-dim:#cfe8fb8c;--border:#9fadbc33;--border-strong:#9fadbc59;--accent:#9fadbc;--input-bg:#9fadbc14;--track:#9fadbc26;--success:#a3d9b1;--error:#e0a3a3;--grid-dot:#9fadbc17;--sans:ui-sans-serif, -apple-system, system-ui, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;font:16px/1.5 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--bg);background-image:radial-gradient(var(--grid-dot) 1px, transparent 1px);color:var(--text);background-size:32px 32px;margin:0}h1{color:var(--text);margin:0;font-weight:400}.home{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:460px;min-height:100svh;margin:0 auto;padding:24px 16px;display:flex}.home h1{letter-spacing:-.01em;font-size:36px}.tagline{color:var(--text-dim);margin:14px 0 0;font-size:14px;line-height:1.6}.cta{margin-top:28px;padding:14px 28px;font-size:12px}.portal{flex-direction:column;align-items:center;width:100%;min-height:100svh;display:flex;position:relative}.portal-center{flex:1;justify-content:center;padding:24px 16px 32px}.portal-nav{z-index:10;background:var(--surface);border-bottom:1px solid var(--border);width:100%;font-family:var(--mono);align-items:center;gap:12px;padding:14px 16px;display:flex;position:sticky;top:0}.nav-status-group{flex-shrink:0;align-items:center;gap:8px;display:flex}.status-dot{background:var(--text-dim);border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot-connecting,.status-dot-waiting{animation:1.6s ease-in-out infinite status-pulse}.status-dot-negotiating{background:var(--accent);animation:.9s ease-in-out infinite status-pulse}.status-dot-connected{background:var(--success)}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.35}}.nav-status{color:var(--text-dim);white-space:nowrap;font-size:12px}.nav-share-button{flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-left:auto;padding:0;display:flex}.share-dialog{background:var(--surface);color:var(--text);border:none;border-radius:8px;margin:auto;padding:0;box-shadow:0 20px 60px #00000080}.share-dialog::backdrop{background:#0009}.share-dialog-content{width:min(320px,86vw);font-family:var(--mono);flex-direction:column;align-items:center;gap:20px;padding:32px 24px 24px;display:flex;position:relative}.share-dialog-close{width:28px;height:28px;color:var(--text-dim);border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:10px;right:10px}.share-dialog-close:hover,.share-dialog-close:focus-visible{color:var(--accent);border:none}.share-qr-frame{background:#fff;border-radius:4px;padding:10px}.share-qr{width:180px;height:180px;display:block}.share-link-row{gap:8px;width:100%;display:flex}.share-copy-button{flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex}.portal-main{flex:1;justify-content:center;align-items:center;width:100%;padding:24px 16px 32px;display:flex}.panel{background:var(--surface);width:100%;max-width:620px;color:var(--text);font-family:var(--mono);border-radius:6px;padding:32px;box-shadow:0 20px 60px #00000059}.panel-status{color:var(--text);margin:0;font-size:13px;line-height:1.6}.status-success{color:var(--success)}.status-error{color:var(--error);margin:0 0 16px}.link-input{border:1px solid var(--border);background:var(--input-bg);min-width:0;color:var(--text);font-family:var(--mono);border-radius:4px;flex:1;padding:8px 10px;font-size:12px}button{appearance:none;border:1px solid var(--border-strong);color:inherit;font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:4px;padding:8px 16px;font-size:11px;transition:border-color .3s,opacity .3s}button:hover,button:focus-visible{border-color:var(--accent);outline:none}.dropzone{border:1px dashed var(--border-strong);text-align:center;cursor:pointer;border-radius:8px;padding:72px 24px;transition:border-color .2s,background .2s;position:relative}.dropzone:hover,.dropzone:focus-visible{border-color:var(--accent);outline:none}.dropzone-active{border-color:var(--accent);background:#9fadbc0f}.dropzone-corner{border:2px solid var(--accent);opacity:.5;width:14px;height:14px;transition:opacity .2s;position:absolute}.dropzone:hover .dropzone-corner,.dropzone-active .dropzone-corner{opacity:.9}.dropzone-corner-tl{border-bottom:none;border-right:none;border-top-left-radius:4px;top:-1px;left:-1px}.dropzone-corner-tr{border-bottom:none;border-left:none;border-top-right-radius:4px;top:-1px;right:-1px}.dropzone-corner-bl{border-top:none;border-right:none;border-bottom-left-radius:4px;bottom:-1px;left:-1px}.dropzone-corner-br{border-top:none;border-left:none;border-bottom-right-radius:4px;bottom:-1px;right:-1px}.dropzone-icon-badge{border:1px solid var(--border-strong);width:56px;height:56px;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;transition:border-color .2s,color .2s;display:flex}.dropzone:hover .dropzone-icon-badge,.dropzone-active .dropzone-icon-badge{border-color:var(--accent);color:var(--accent)}.dropzone-active .dropzone-icon-badge{animation:.8s ease-in-out infinite dropzone-icon-pulse}@keyframes dropzone-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.dropzone-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:13px}.file-list{flex-direction:column;gap:14px;max-height:280px;margin:20px 0 0;padding:0;list-style:none;display:flex;overflow-y:auto}.file-row-top{align-items:center;gap:10px;font-size:12px;display:flex}.direction-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;font-size:10px}.file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);flex:1;overflow:hidden}.file-download{color:var(--accent);border-bottom:1px solid var(--border-strong);text-decoration:none}.file-download:hover{border-bottom-color:var(--accent)}.file-meta{color:var(--text-dim);white-space:nowrap;font-size:11px}.progress-track{background:var(--track);border-radius:999px;width:100%;height:6px;margin-top:8px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .15s}.progress-thin{height:3px;margin-top:6px}.empty-state{font-family:var(--mono);flex-direction:column;align-items:center;gap:16px;display:flex}.empty-state-text{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:12px}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.waiting-icon{color:var(--text-dim)}.waiting-icon-ring{animation:2.4s ease-in-out infinite waiting-ring-pulse}.waiting-icon-ring-2{animation-delay:.5s}@keyframes waiting-ring-pulse{0%,to{opacity:.25}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.status-dot,.waiting-icon-ring,.dropzone-active .dropzone-icon-badge{animation:none}}