.webSessionComp{width:100%;min-height:60vh;color:var(--color-cale-text);justify-content:center;align-items:flex-start;padding:.35rem;font-weight:500;display:flex}.webSessionComp .session-card{background:var(--device-card-surface);border:1px solid var(--device-card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;width:100%;max-width:560px;padding:24px}.webSessionComp .session-head{margin-bottom:16px}.webSessionComp .session-head .session-title{color:var(--color-text);margin:0 0 8px;font-size:.3rem;font-weight:600}.webSessionComp .session-head .session-hint{color:var(--color-cale-text);opacity:.85;margin:0;font-size:.22rem;line-height:1.6}.webSessionComp .session-head .session-hint strong{color:var(--color-text);font-weight:600}.webSessionComp .session-empty,.webSessionComp .session-loading,.webSessionComp .session-only-current{color:var(--color-cale-text);padding:12px 0;font-size:.24rem}.webSessionComp .session-empty,.webSessionComp .session-loading{text-align:center;padding:16px}.webSessionComp .session-only-current{opacity:.85}.webSessionComp .session-retry{border:1px dashed var(--device-card-border);width:100%;color:var(--color-cale-text);background:0 0;border-radius:12px;padding:14px;font-size:.24rem;transition:border-color .2s,color .2s}.webSessionComp .session-retry:hover{color:var(--font-background-webkit);border-color:#7cd7ee4d}.webSessionComp .session-retry:focus-visible{outline:2px solid var(--cropper-accent);outline-offset:2px}.webSessionComp .session-toolbar{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:0 4px 12px;display:flex}.webSessionComp .session-toolbar .session-check-all{color:var(--color-cale-text);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.22rem;display:inline-flex}.webSessionComp .session-toolbar .session-logout-btn{white-space:nowrap;color:#ff6384e6;background:0 0;border:1px solid #ff638466;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:.2rem;transition:background .2s,color .2s,opacity .2s}.webSessionComp .session-toolbar .session-logout-btn:hover:not(:disabled){color:#fff;background:#ff6384e6}.webSessionComp .session-toolbar .session-logout-btn:focus-visible{outline-offset:2px;outline:2px solid #ff638499}.webSessionComp .session-toolbar .session-logout-btn:disabled{opacity:.45;cursor:not-allowed}.webSessionComp .session-checkbox{width:16px;height:16px;accent-color:var(--cropper-accent);flex-shrink:0;margin:0}.webSessionComp .session-checkbox:focus-visible{outline:2px solid var(--cropper-accent);outline-offset:2px}.webSessionComp .session-checkbox:disabled{opacity:.5}.webSessionComp .session-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.webSessionComp .session-list .session-item{background:var(--device-card-surface);border:1px solid var(--device-card-border);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .2s,transform .2s;display:flex}.webSessionComp .session-list .session-item:hover{border-color:#7cd7ee4d;transform:translateY(-1px)}.webSessionComp .session-list .session-item.is-selected{border-color:var(--cropper-accent);background:var(--cropper-accent-bg)}.webSessionComp .session-list .session-item.is-unknown .session-name{opacity:.8}.webSessionComp .session-list .session-item .session-check{flex:none;justify-content:center;align-items:center;width:28px;min-height:28px;display:flex}.webSessionComp .session-list .session-item .session-check .session-check-placeholder{width:16px;height:16px;display:block}.webSessionComp .session-list .session-item .session-icon{width:.5rem;height:.5rem;color:var(--color-cale-text);opacity:.85;flex:none;justify-content:center;align-items:center;display:flex}.webSessionComp .session-list .session-item .session-icon svg{width:100%;height:100%}.webSessionComp .session-list .session-item .session-info{flex-direction:column;flex:1 1 0;justify-content:center;gap:5px;width:0;min-width:0;display:flex}.webSessionComp .session-list .session-item .session-info .session-meta,.webSessionComp .session-list .session-item .session-info .session-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.webSessionComp .session-list .session-item .session-info .session-name{color:var(--color-text);font-size:.28rem;font-weight:600}.webSessionComp .session-list .session-item .session-info .session-meta{color:var(--color-cale-text);opacity:.85;font-size:.2rem}.webSessionComp .session-list .session-item .session-status{flex:none;justify-content:flex-end;align-items:center;min-width:1.6rem;display:flex}.webSessionComp .session-list .session-item .session-status .status-badge{white-space:nowrap;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:5px 8px;font-size:.2rem;display:flex}.webSessionComp .session-list .session-item .session-status .status-badge .status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.webSessionComp .session-list .session-item .session-status .status-badge.active{color:#3ad29ff2;border-color:#3ad29f73}.webSessionComp .session-list .session-item .session-status .status-badge.active .status-dot{background:#3ad29f;box-shadow:0 0 6px #3ad29fcc}@media (prefers-reduced-motion:reduce){.webSessionComp .session-list .session-item,.webSessionComp .session-retry,.webSessionComp .session-toolbar .session-logout-btn{transition:none}.webSessionComp .session-list .session-item:hover{transform:none}}@media (width<=850px){.webSessionComp{padding:.2rem .12rem}.webSessionComp .session-card{padding:16px}.webSessionComp .session-toolbar{flex-wrap:wrap}.webSessionComp .session-list .session-item{flex-wrap:wrap;gap:10px}.webSessionComp .session-list .session-item .session-status{min-width:0}}