:root{--bg: #0f1117;--surface: #1a1d27;--surface-hover: #222632;--border: #2a2e3d;--text: #e4e6ef;--text-muted: #8b8fa3;--accent: #6c5ce7;--accent-hover: #7c6ef7;--accent-glow: rgba(108, 92, 231, .25);--success: #00b894;--success-strong: #27ae60;--error: #e17055;--warning: #fdcb6e;--warning-fair: #e67e22;--card: #1e2130;--radius: 12px}*{box-sizing:border-box;margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.svg-sprite{display:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column;align-items:center}header{text-align:center;padding:2.5rem 1rem 1rem}header h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em}header h1 span{color:var(--accent)}header p{color:var(--text-muted);margin-top:.4rem;font-size:.95rem}main{width:100%;max-width:720px;padding:0 1rem 2rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-top:1.25rem}.card h2{font-size:1rem;font-weight:600;margin-bottom:1rem}.card h3{font-size:.92rem;font-weight:600;margin-bottom:.75rem;color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.4rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s;color:#fff;width:100%}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 20px 0 var(--accent-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.input-group{margin-bottom:.75rem}.input-group label{display:block;font-size:.82rem;font-weight:600;color:var(--text-muted);margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.04em}input[type=text],input[type=password]{width:100%;padding:.7rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem;outline:none;transition:border-color .15s}input[type=text]:focus,input[type=password]:focus{border-color:var(--accent)}.input-hint{font-size:.78rem;color:var(--text-muted);margin-top:.25rem}.url-warning{background:#fdcb6e1f;border:1px solid var(--warning);border-radius:6px;color:var(--warning);font-size:.82rem;padding:.55rem .8rem;margin-bottom:.9rem;line-height:1.45}.password-wrapper{position:relative}.password-wrapper input{padding-right:2.8rem}.pw-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:.2rem;line-height:1;transition:color .15s}.pw-toggle:hover{color:var(--text)}.input-error input{border-color:var(--error)!important}.room-id-field{font-family:SF Mono,Fira Code,monospace;font-weight:600;font-size:1.1rem;letter-spacing:.15em;text-transform:uppercase}.file-drop{border:2px dashed var(--border);border-radius:var(--radius);padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;position:relative}.file-drop:hover,.file-drop.dragover{border-color:var(--accent);background:#6c5ce70d}.file-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-drop .icon{font-size:1.8rem;margin-bottom:.4rem}.file-drop .label{color:var(--text-muted);font-size:.88rem}.room-bar{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:1.25rem;font-size:.88rem;position:relative}.room-bar .room-id{font-family:SF Mono,Fira Code,monospace;font-weight:700;color:var(--accent);letter-spacing:.15em}.room-bar .room-status{display:flex;align-items:center;gap:.4rem;color:var(--text-muted);position:absolute;left:50%;transform:translate(-50%)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.green{background:var(--success)}.dot.yellow{background:var(--warning)}.dot.red{background:var(--error)}.leave-btn{background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);padding:.25rem .6rem;font-size:.8rem;cursor:pointer;transition:all .15s}.leave-btn:hover{border-color:var(--error);color:var(--error)}.pin-display{text-align:center;margin:.75rem 0}.pin-display .pin{font-size:2rem;font-weight:700;letter-spacing:.3em;font-family:SF Mono,Fira Code,monospace;color:var(--accent)}.pin-display .hint{color:var(--text-muted);font-size:.85rem;margin-top:.4rem}.dl-queue-header{display:flex;align-items:center;justify-content:space-between}.dl-queue-header h2{margin-bottom:0}.dl-queue-list{list-style:none;padding:0;margin:.5rem 0 0;max-height:300px;overflow-y:auto}.dl-queue-item{padding:.5rem .65rem;border-radius:6px;margin-bottom:.35rem;background:var(--bg);font-size:.85rem}.dl-queue-row{display:flex;align-items:center;gap:.5rem}.dl-queue-row .fname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.dl-queue-row .fsize{color:var(--text-muted);white-space:nowrap;flex-shrink:0}.dl-queue-row .dl-status{font-size:.78rem;font-weight:600;white-space:nowrap;flex-shrink:0;padding:.15rem .5rem;border-radius:4px}.dl-status.queued{color:var(--text-muted)}.dl-status.downloading{color:var(--bg);background:var(--warning)}.dl-status.saving{color:var(--bg);background:var(--accent)}.dl-status.done{color:#fff;background:var(--success)}.dl-status.cancelled{color:var(--text-muted);text-decoration:line-through}.dl-status.failed{color:#fff;background:var(--error)}.dl-queue-cancel{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.95rem;padding:0 .3rem;flex-shrink:0;transition:color .15s}.dl-queue-cancel:hover{color:var(--error)}.progress-container{margin-top:.35rem}.progress-bar{width:100%;height:6px;background:var(--card);border-radius:3px;overflow:hidden}.progress-bar .fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--success));border-radius:3px;transition:width .2s ease}.progress-info{display:flex;justify-content:space-between;margin-top:.25rem;font-size:.78rem;color:var(--text-muted)}.status{text-align:center;padding:.6rem;border-radius:8px;font-size:.88rem;margin-top:.75rem}.status.waiting{background:#6c5ce71a;color:var(--accent)}.status.success{background:#00b8941a;color:var(--success)}.status.error{background:#e170551a;color:var(--error)}.file-list{list-style:none;padding:0;max-height:250px;overflow-y:auto}.file-list-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .65rem;border-radius:6px;margin-bottom:.25rem;font-size:.85rem;background:var(--bg);gap:.5rem}.file-list-item .fname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.file-list-item .fsize{color:var(--text-muted);white-space:nowrap;flex-shrink:0}.file-list-item .file-action{flex-shrink:0;white-space:nowrap}.file-list-item .remove-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1rem;line-height:1;padding:0 .3rem;transition:color .15s}.file-list-item .remove-btn:hover{color:var(--error)}.dl-btn{background:var(--accent);border:none;border-radius:6px;color:#fff;padding:.3rem .7rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s}.dl-btn:hover:not(:disabled){background:var(--accent-hover)}.dl-btn:disabled{opacity:.5;cursor:not-allowed}.dl-btn.done{background:var(--success);cursor:default}.dl-btn.downloading{background:var(--warning);color:var(--bg)}.peer-section{margin-top:1rem}.peer-section-header{font-size:.82rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.peer-badge{display:inline-block;padding:.1rem .4rem;border-radius:4px;font-size:.72rem;font-weight:700;background:var(--accent);color:#fff}.peer-badge.host{background:var(--warning);color:var(--bg)}.activity-log{margin-top:1rem}.activity-log h3{font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.activity-list{list-style:none;padding:0;max-height:180px;overflow-y:auto}.activity-item{display:flex;align-items:center;padding:.4rem .6rem;border-radius:6px;margin-bottom:.25rem;font-size:.82rem;background:var(--bg)}.activity-item .atime{color:var(--text-muted);white-space:nowrap;flex-shrink:0;margin-right:.5rem;font-family:SF Mono,Fira Code,monospace;font-size:.78rem}.activity-item .atext{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-trimmed{color:var(--text-muted);font-style:italic;justify-content:center}.tabs{display:flex;gap:.5rem;margin-top:1.25rem}.tab{flex:1;padding:.65rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-muted);font-size:.9rem;font-weight:600;cursor:pointer;text-align:center;transition:all .15s}.tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.tab:hover:not(.active){background:var(--surface-hover)}.security-toggle{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);padding:.5rem 1rem;font-size:.85rem;cursor:pointer;width:100%;text-align:center;margin-top:1.25rem;transition:color .15s,border-color .15s}.security-toggle:hover{color:var(--text);border-color:var(--accent)}.modal-sticky-top{position:sticky;top:0;background:var(--surface);z-index:2}.modal-tab-bar{display:flex;border-bottom:1px solid var(--border);padding:0 1.5rem;gap:0}.modal-tab{padding:.55rem 1rem;border:none;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.modal-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.modal-tab:hover:not(.active){color:var(--text)}.modal-headline{font-size:1rem;font-weight:600;margin-bottom:.75rem}.security-list{list-style:none;padding:0}.security-list li{position:relative;padding:.5rem 0 .5rem 1.75rem;color:var(--text-muted);font-size:.88rem;line-height:1.5}.security-list li:before{content:attr(data-icon);position:absolute;left:0;top:.5rem;font-size:1rem}dialog.security-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:0;max-width:680px;width:calc(100% - 2rem);max-height:85vh;overflow-y:auto;margin:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}dialog.security-modal::-webkit-scrollbar{width:6px}dialog.security-modal::-webkit-scrollbar-track{background:transparent}dialog.security-modal::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}dialog.security-modal::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}dialog.security-modal::backdrop{background:#000000a6;backdrop-filter:blur(3px)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--border)}.modal-header h2{font-size:.97rem;font-weight:600;line-height:1.4}.modal-close{background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:1rem;line-height:1;padding:.3rem .55rem;cursor:pointer;flex-shrink:0;margin-left:1rem;transition:color .15s,border-color .15s}.modal-close:hover{color:var(--text);border-color:var(--accent)}.modal-body{padding:1.25rem 1.5rem 1.5rem}.modal-intro{color:var(--text-muted);font-size:.88rem;margin-bottom:1.25rem;line-height:1.5}.modal-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.modal-section-last{margin-bottom:0;padding-bottom:0;border-bottom:none}.modal-section h3{font-size:.9rem;font-weight:600;margin-bottom:.75rem}.modal-section p{font-size:.85rem;color:var(--text-muted);line-height:1.55;margin-bottom:.75rem}.modal-section ul,.modal-section ol{list-style:none;padding:0;margin:0}.modal-section>ul>li,.modal-section>ol>li{position:relative;padding:.3rem 0 .3rem 1.1rem;font-size:.85rem;color:var(--text-muted);line-height:1.55}.modal-section>ul>li:before{content:"\2013";position:absolute;left:0;color:var(--accent)}.modal-section>ol{counter-reset:modal-ol}.modal-section>ol>li{counter-increment:modal-ol;padding-left:1.6rem}.modal-section>ol>li:before{content:counter(modal-ol) ".";position:absolute;left:0;color:var(--accent);font-weight:600;font-size:.8rem}.modal-section ul ul{margin-top:.35rem;padding-left:1rem}.modal-section ul ul li{font-size:.82rem;color:var(--text-muted);line-height:1.5;padding:.15rem 0;list-style:disc;list-style-position:inside}.modal-section code{font-family:SFMono-Regular,Consolas,monospace;font-size:.8rem;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.1em .35em;color:var(--accent-hover)}.modal-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.25rem}@media(max-width:520px){.modal-two-col{grid-template-columns:1fr}}.modal-col h4{font-size:.82rem;font-weight:600;margin-bottom:.5rem}.modal-col ul{list-style:none;padding:0}.modal-col li{font-size:.82rem;color:var(--text-muted);line-height:1.5;padding:.2rem 0 .2rem 1rem;position:relative}.modal-col-can li:before{content:"\b7";position:absolute;left:.2rem;color:var(--text-muted)}.modal-col-cannot li:before{content:"\b7";position:absolute;left:.2rem;color:var(--text-muted)}dialog.confirm-dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:0;max-width:380px;width:calc(100% - 2rem);margin:auto}dialog.confirm-dialog::backdrop{background:#000000a6;backdrop-filter:blur(3px)}.confirm-body{padding:1.5rem}.confirm-body p{font-size:.9rem;line-height:1.5;margin:0 0 1.25rem}.confirm-actions{display:flex;gap:.6rem}.confirm-actions button{flex:1;padding:.45rem 1rem;font-size:.82rem;border-radius:6px;cursor:pointer;font-weight:500}.btn-error{background:var(--error);color:#fff;border:1px solid var(--error)}.btn-error:hover:not(:disabled){filter:brightness(1.15)}dialog.reconnect-dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:0;max-width:320px;width:calc(100% - 2rem);margin:auto}dialog.reconnect-dialog::backdrop{background:#000000a6;backdrop-filter:blur(3px)}.reconnect-body{padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.reconnect-body p{font-size:.92rem;font-weight:500;margin:0}.reconnect-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;will-change:transform}#reconnect-actions{display:flex;gap:.6rem}#reconnect-leave,#reconnect-confirm-leave,#reconnect-stay{margin-top:.5rem;padding:.45rem 1.4rem;font-size:.82rem}.reconnect-body .reconnect-confirm-text{font-size:.82rem;color:var(--text-muted);font-weight:400}.reconnect-confirm-actions{display:flex;gap:.6rem}@media(prefers-reduced-motion:reduce){.reconnect-spinner,.spinner{animation:none;will-change:auto;border-color:var(--text-muted);border-top-color:var(--text-muted);opacity:.5}*,*:before,*:after{animation-duration:0s!important;transition-duration:0s!important}}#toast-container{position:fixed;top:1.25rem;right:1.25rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none;max-width:380px}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:.6rem;padding:.8rem 1rem;border-radius:10px;background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 24px #0006;font-size:.88rem;line-height:1.4;color:var(--text);animation:toast-in .25s ease-out;transition:opacity .2s,transform .2s}.toast.removing{opacity:0;transform:translate(20px)}.toast-icon{font-size:1.15rem;flex-shrink:0;margin-top:.05rem}.toast-body{flex:1;min-width:0}.toast-title{font-weight:600;margin-bottom:.15rem}.toast-msg{color:var(--text-muted);word-break:break-word}.toast-close{background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:0;line-height:1;flex-shrink:0;transition:color .15s}.toast-close:hover{color:var(--text)}.toast.toast-error{border-color:var(--error)}.toast.toast-error .toast-title{color:var(--error)}.toast.toast-success{border-color:var(--success)}.toast.toast-success .toast-title{color:var(--success)}.toast.toast-warning{border-color:var(--warning)}.toast.toast-warning .toast-title{color:var(--warning)}.toast.toast-info{border-color:var(--accent)}.toast.toast-info .toast-title{color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media(max-width:540px){#toast-container{left:.75rem;right:.75rem;max-width:none}}#outdated-banner{position:fixed;top:0;left:0;right:0;z-index:10000;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.6rem 1rem;background:var(--warning);color:#1a1a1a;font-size:.9rem;font-weight:500;box-shadow:0 2px 8px #0000004d}#outdated-banner[hidden]{display:none}#outdated-banner .outdated-msg{flex:0 1 auto}#outdated-reload-btn{background:#1a1a1a;color:#fff;border:none;border-radius:6px;padding:.35rem .9rem;font-weight:600;cursor:pointer;transition:background .15s}#outdated-reload-btn:hover{background:#000}.pw-strength{display:flex;align-items:center;gap:.5rem;margin-top:.35rem}.pw-strength-bar{flex:1;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.pw-strength-fill{height:100%;width:0%;border-radius:2px;transition:width .25s,background .25s}.pw-strength-label{font-size:.75rem;font-weight:600;white-space:nowrap;min-width:3.5rem;text-align:right}.file-select-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:.5rem}.file-select-toolbar label{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--text-muted);cursor:pointer;user-select:none}.file-select-toolbar input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;cursor:pointer}.dl-selected-btn{background:var(--accent);border:none;border-radius:6px;color:#fff;padding:.3rem .7rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s}.dl-selected-btn:hover:not(:disabled){background:var(--accent-hover)}.dl-selected-btn:disabled{opacity:.5;cursor:not-allowed}.file-list-item input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;cursor:pointer;flex-shrink:0}.roomid-input-group{position:relative}.roomid-input-group input{padding-right:5rem}.roomid-badge{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:4px;pointer-events:none;transition:background .2s,color .2s}.roomid-badge.auto{background:#6c5ce726;color:var(--accent)}.roomid-badge.custom{background:#00b89426;color:var(--success)}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--accent);border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;margin-right:.4rem;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.mt-sm{margin-top:.25rem}.room-id-input{font-family:SF Mono,Fira Code,monospace;font-weight:700;letter-spacing:.15em;color:var(--accent)}.btn-secondary{margin-top:.4rem;background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}.pos-relative{position:relative}.flex-row{display:flex;gap:.4rem;align-items:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.mb-0{margin-bottom:0}.text-share-input{margin-top:0}.text-share-input textarea{width:100%;padding:.7rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.88rem;font-family:SFMono-Regular,Consolas,monospace;outline:none;resize:vertical;min-height:60px;max-height:200px;transition:border-color .15s}.text-share-input textarea:focus{border-color:var(--accent)}.text-share-input textarea::placeholder{color:var(--text-muted)}.text-share-actions{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.text-share-hint{font-size:.75rem;color:var(--text-muted)}.text-share-btn{width:auto;padding:.45rem 1rem;font-size:.82rem}.snippet-list{list-style:none;padding:0;margin-top:.75rem;max-height:200px;overflow-y:auto}.snippet-item{position:relative;padding:.5rem .65rem;border-radius:6px;margin-bottom:.35rem;background:var(--bg);font-size:.82rem}.snippet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.snippet-meta{font-size:.72rem;color:var(--text-muted)}.snippet-actions{display:flex;gap:.3rem}.snippet-copy-btn,.snippet-remove-btn{background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);padding:.15rem .45rem;font-size:.72rem;cursor:pointer;transition:all .15s}.snippet-copy-btn:hover{border-color:var(--accent);color:var(--accent)}.snippet-remove-btn:hover{border-color:var(--error);color:var(--error)}.snippet-text{font-family:SFMono-Regular,Consolas,monospace;font-size:.8rem;color:var(--text);line-height:1.45;white-space:pre-wrap;word-break:break-all;max-height:120px;overflow-y:auto}.room-tabs-block{margin-top:1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.room-tab-bar{display:flex}.room-tab{flex:1;padding:.6rem .35rem;border:none;background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;text-align:center;transition:all .15s;border-right:1px solid var(--border)}.room-tab:last-child{border-right:none}.room-tab.active{background:var(--accent);color:#fff}.room-tab:hover:not(.active){background:var(--surface-hover);color:var(--text)}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;border-radius:8px;font-size:.62rem;font-weight:700;margin-left:.25rem;background:var(--error);color:#fff;padding:0 4px;vertical-align:middle}.room-tab.active .tab-badge{background:#ffffff4d}.transfer-ticker{display:flex;align-items:center;gap:.5rem;padding:.45rem .9rem;border-top:1px solid var(--border);font-size:.82rem;cursor:pointer;transition:max-height .3s ease,padding .3s ease,opacity .25s ease,border-top-color .3s ease;max-height:50px;overflow:hidden}.transfer-ticker:hover{background:var(--surface-hover)}.transfer-ticker.hidden{display:flex!important;max-height:0;padding-top:0;padding-bottom:0;opacity:0;border-top-color:transparent}.transfer-ticker.done{background:#00b8941a}.transfer-ticker.done .ticker-pct{color:var(--success)}.transfer-ticker.done .ticker-fill{background:var(--success)!important}.ticker-icon{color:var(--accent);font-size:.85rem;flex-shrink:0}.ticker-fname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.ticker-progress{flex:1;height:4px;background:var(--border);border-radius:2px;overflow:hidden;min-width:60px}.ticker-fill{height:100%;width:0%;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--success));transition:width .3s linear}.ticker-pct{color:var(--warning);font-weight:600;font-size:.82rem;white-space:nowrap;min-width:28px;text-align:right}.ticker-speed{color:var(--text-muted);font-size:.75rem;white-space:nowrap;min-width:55px;text-align:right}.card-sm{padding:1.25rem;margin-top:.75rem}.card-header{font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.6rem;display:flex;align-items:center;gap:.4rem}.transfers-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.transfers-card-header h3{font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0;display:flex;align-items:center;gap:.4rem}.upload-item{padding:.5rem .65rem;border-radius:6px;background:var(--bg)}.upload-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.upload-name{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;margin-right:.5rem}.upload-row .fsize{color:var(--text-muted);white-space:nowrap;flex-shrink:0}.ul-fill{background:linear-gradient(90deg,var(--warning),var(--accent))}.dl-fill{background:linear-gradient(90deg,var(--accent),var(--success))}@media(max-width:540px){main{padding:0 .75rem 2rem}.card{padding:1.25rem}.card-sm{padding:1rem}.pin-display .pin{font-size:1.7rem}.room-tab{font-size:.75rem;padding:.55rem .25rem}}