.auth-container{background:var(--bg);justify-content:center;align-items:center;height:100vh;display:flex}.auth-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);width:360px;padding:40px}.auth-title{color:var(--primary);margin-bottom:4px;font-size:22px;font-weight:700}.auth-subtitle{color:var(--text-2);margin-bottom:28px;font-size:13px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{color:var(--text-2);font-size:12px}.auth-field input{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;padding:8px 12px;transition:border-color .15s}.auth-field input:focus{border-color:var(--primary)}.auth-error{color:var(--danger);border-radius:var(--radius-sm);background:#ff4d4f1a;padding:8px 12px;font-size:12px}.auth-btn{border-radius:var(--radius-sm);background:var(--primary);color:#fff;padding:9px;font-size:14px;font-weight:600;transition:opacity .15s}.auth-btn:hover{opacity:.85}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.popup-overlay{z-index:1000;position:fixed;inset:0}.popup{z-index:1001;background:radial-gradient(circle at 0 0, #fb72991f, transparent 42%), var(--bg-2);border:1px solid var(--border);border-radius:14px;width:252px;position:fixed;overflow:hidden;box-shadow:0 18px 50px #0000006b}.popup-toast{color:#fff;z-index:10;white-space:nowrap;background:#000c;border-radius:20px;padding:4px 12px;font-size:12px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.popup-header{background:linear-gradient(135deg, var(--bg-3), #fb729914);gap:10px;padding:12px 14px 10px;display:flex}.popup-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.popup-info{flex:1;min-width:0}.popup-name-row{align-items:center;gap:6px;margin-bottom:2px;display:flex}.popup-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.popup-name:hover{color:var(--primary)}.popup-copy-btn{background:var(--bg-2);color:var(--text-3);border-radius:3px;flex-shrink:0;padding:1px 6px;font-size:10px}.popup-copy-btn:hover{color:var(--text)}.popup-uid-row{cursor:pointer;align-items:center;gap:4px;margin-bottom:2px;display:flex}.popup-uid{color:var(--text-3);font-size:11px}.popup-copy-tiny{color:var(--text-3);font-size:10px}.popup-uid-row:hover .popup-uid{color:var(--text-2)}.popup-time{color:var(--text-3);font-size:10px}.popup-section{padding:9px 12px}.popup-section-label{color:var(--text-3);margin-bottom:6px;font-size:11px}.popup-separator{background:var(--border);height:1px}.popup-tags-row{flex-wrap:wrap;gap:5px;margin-bottom:6px;display:flex}.popup-tag{background:var(--primary-dim);color:var(--primary);border-radius:20px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;display:flex}.popup-tag-del{color:var(--text-3);padding:0 1px;font-size:12px;line-height:1}.popup-tag-del:hover{color:var(--danger)}.popup-tag-add{border:1px dashed var(--border);color:var(--text-3);background:0 0;border-radius:20px;padding:2px 8px;font-size:11px}.popup-tag-add:hover{border-color:var(--primary);color:var(--primary)}.popup-note{color:var(--text-2);background:var(--bg-3);border-radius:var(--radius-sm);justify-content:space-between;align-items:flex-start;gap:6px;margin-bottom:4px;padding:4px 8px;font-size:12px;display:flex}.popup-note-btn{color:var(--text-3);background:0 0;margin-top:2px;padding:2px 0;font-size:11px}.popup-note-btn:hover{color:var(--text-2)}.popup-tag-input-row{gap:6px;margin-top:6px;display:flex}.popup-input{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;flex:1;padding:4px 8px;font-size:12px}.popup-input:focus{border-color:var(--primary)}.popup-ban-row{flex-wrap:wrap;gap:6px;display:flex}.popup-ban-btn{border-radius:var(--radius-sm);color:var(--danger);background:#ff4d4f1f;border:1px solid #ff4d4f40;padding:4px 10px;font-size:12px;transition:background .15s}.popup-ban-btn:hover:not(:disabled){background:var(--danger);color:#fff}.popup-ban-btn:disabled{opacity:.5;cursor:not-allowed}.popup-unban-btn{border-radius:var(--radius-sm);color:var(--success);text-align:center;background:#52c41a1a;border:1px solid #52c41a40;width:100%;margin-top:8px;padding:4px 12px;font-size:12px}.popup-unban-btn:hover{background:var(--success);color:#fff}.popup-actions{flex-direction:column;gap:2px;padding:6px 4px;display:flex}.popup-action-item{border-radius:var(--radius-sm);text-align:left;color:var(--text-2);background:0 0;width:100%;padding:6px 8px;font-size:13px;transition:background .1s,color .1s;display:block}.popup-action-item:hover{background:var(--bg-3);color:var(--text)}.popup-action-link{display:block}.cs-wrap{display:inline-block;position:relative}.cs-trigger{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:4px;padding:5px 8px 5px 10px;font-family:inherit;font-size:12px;transition:border-color .15s;display:inline-flex}.cs-trigger:hover{border-color:var(--text-2);background:var(--bg-2)}.cs-trigger.active{border-color:var(--primary)}.cs-arrow{width:13px;height:13px;color:var(--text-3);flex-shrink:0;transition:transform .15s}.cs-trigger.active .cs-arrow{transform:rotate(180deg)}.cs-options{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:300;min-width:100%;padding:3px;position:absolute;top:calc(100% + 3px);left:0;box-shadow:0 6px 18px #00000059}.cs-option{color:var(--text-2);cursor:pointer;white-space:nowrap;border-radius:3px;padding:6px 10px;font-size:12px;transition:background .1s}.cs-option:hover{background:var(--bg-3);color:var(--text)}.cs-option.selected{background:var(--primary-dim,#6366f126);color:var(--primary);font-weight:500}.dm-page{flex-direction:column;height:100%;display:flex;overflow:hidden}.dm-topbar{background:var(--bg-2);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;min-height:44px;padding:0 14px;display:flex}.dm-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.dm-center{flex-shrink:0;align-items:center;gap:6px;display:flex}.dm-right{flex:1;justify-content:flex-end;align-items:center;gap:6px;display:flex}.dm-anchor-avatar{object-fit:cover;border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:28px;height:28px}.dm-divider-v{background:var(--border);flex-shrink:0;width:1px;height:16px;margin:0 2px}.dm-btn{border-radius:var(--radius-sm);padding:5px 14px;font-size:12px;font-weight:600;transition:opacity .15s}.dm-btn:hover{opacity:.8}.dm-status-dot{background:var(--danger);border-radius:50%;flex-shrink:0;width:8px;height:8px}.dm-status-dot.live{background:var(--success);box-shadow:0 0 6px var(--success)}.dm-status-dot.replay{background:var(--warning)}.dm-anchor{color:var(--text);font-size:13px;font-weight:600}.dm-stat-item{color:var(--text-2);white-space:nowrap;font-size:12px}.dm-stat-item b{color:var(--text)}.dm-duration{font-variant-numeric:tabular-nums}.dm-filter-input{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;width:200px;padding:4px 10px}.dm-filter-input:focus{border-color:var(--primary)}.dm-filter-select{font-size:12px}.dm-filter-clear{background:var(--bg-3);width:24px;height:24px;color:var(--text-3);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex}.dm-filter-clear:hover{color:var(--danger);border-color:var(--danger)}.dm-filter-tag{background:var(--primary-dim);color:var(--primary);white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:11px}.dm-highlight{background:#fb72994d;border-radius:2px;padding:0 1px}.dm-main{flex:1;display:flex;overflow:hidden}.dm-col{border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.dm-col:last-child{border-right:none}.dm-col-danmaku{flex:2;position:relative}.dm-col-sc,.dm-col-gift{flex:1}.dm-col-header{color:var(--text-2);border-bottom:1px solid var(--border);background:var(--bg-2);flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.dm-preload-hint{color:var(--text-3);margin-left:auto;font-size:10px}.dm-col-count{background:var(--bg-3);border-radius:10px;padding:0 6px;font-size:11px}.dm-list{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;padding:4px 0;overflow:hidden auto}.dm-row{align-items:flex-start;gap:6px;padding:3px 10px;transition:background .1s;display:flex}.dm-row:hover{background:var(--bg-3)}.dm-row-banned{border-left:2px solid var(--danger)}.dm-time{color:var(--text-3);font-variant-numeric:tabular-nums;flex-shrink:0;width:4em;padding-top:.15em;font-size:.77em}.dm-user{cursor:pointer;flex-shrink:0;align-items:center;gap:.3em;max-width:10em;display:flex}.dm-user:hover .dm-username{color:var(--primary)}.dm-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:1.4em;height:1.4em}.dm-guard-badge{color:#fff;border-radius:3px;flex-shrink:0;padding:0 4px;font-size:.77em}.dm-username{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;max-width:7em;overflow:hidden}.dm-content{color:var(--text);word-break:break-all;flex:1}.dm-emote{vertical-align:middle;width:auto;height:1lh}.dm-emote-big{vertical-align:middle;height:2lh}.dm-divider{text-align:center;color:var(--text-3);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:4px 0;padding:6px;font-size:11px}.dm-new-msg-btn{background:var(--primary);color:#fff;z-index:10;border-radius:20px;padding:5px 16px;font-size:12px;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0006}.dm-sc-row{border-radius:var(--radius-sm);border:1px solid var(--border);margin:4px 8px;overflow:hidden}.dm-sc-header{justify-content:space-between;align-items:center;gap:6px;padding:.28em .6em;display:flex}.dm-sc-header-left{align-items:center;gap:.4em;min-width:0;display:flex}.dm-sc-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:1.4em;height:1.4em}.dm-sc-user{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;max-width:8em;font-weight:600;overflow:hidden}.dm-sc-user:hover{opacity:.8}.dm-sc-price{flex-shrink:0;font-weight:700}.dm-sc-content{color:var(--text);word-break:break-all;padding:.4em .6em}.dm-sc-text-row{cursor:pointer;color:var(--text-2);flex-wrap:wrap;align-items:baseline;gap:.3em;padding:.2em 10px;display:flex}.dm-sc-text-row:hover{background:var(--bg-3)}.dm-sc-text-price{flex-shrink:0;font-weight:700}.dm-sc-text-msg{color:var(--text);word-break:break-all;flex:1}.dm-gift-row{color:var(--text-2);cursor:pointer;padding:.2em 10px}.dm-gift-row:hover{background:var(--bg-3)}.dm-gift-user{color:var(--text);font-weight:500}.dm-gift-name{color:var(--warning)}.dm-gift-count{color:var(--text-3)}.dm-gift-icon-row{cursor:pointer;align-items:center;gap:.5em;padding:.25em 10px;display:flex}.dm-gift-icon-row:hover{background:var(--bg-3)}.dm-gift-icon-img{object-fit:contain;border-radius:4px;flex-shrink:0;width:2em;height:2em}.dm-gift-icon-info{flex-wrap:wrap;align-items:baseline;gap:.2em;min-width:0;display:flex}.dm-gift-icon-price{color:var(--warning);font-weight:600}.dm-settings-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-3);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.dm-settings-btn:hover,.dm-settings-btn.active{background:var(--bg-3);border-color:var(--border);color:var(--primary)}.dm-settings-panel{background:var(--bg-2);border-left:1px solid var(--border);z-index:500;flex-direction:column;width:260px;height:calc(100vh - 44px);transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:44px;right:0;transform:translate(100%);box-shadow:-4px 0 16px #00000026}.dm-settings-panel.open{transform:translate(0)}.dm-settings-header{border-bottom:1px solid var(--border);color:var(--text);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.dm-settings-close{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1}.dm-settings-close:hover{color:var(--text)}.dm-settings-body{flex-direction:column;flex:1;gap:24px;padding:16px;display:flex;overflow-y:auto}.dm-settings-section-title{border-top:1px solid var(--border);color:var(--primary);margin:2px 0 -10px;padding-top:14px;font-size:12px;font-weight:700}.dm-settings-group{flex-direction:column;gap:10px;display:flex}.dm-settings-label{color:var(--text-2);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.dm-settings-value{color:var(--primary);font-size:11px;font-weight:500}.dm-settings-slider{width:100%;accent-color:var(--primary);cursor:pointer}.dm-settings-radio-group{border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:row;display:flex;overflow:hidden}.dm-settings-radio{border:none;border-right:1px solid var(--border);cursor:pointer;color:var(--text-2);text-align:center;background:0 0;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:7px 8px;font-size:12px;font-weight:500;line-height:1.2;transition:background .15s,color .15s;display:flex}.dm-settings-radio:last-child{border-right:none}.dm-settings-radio input{display:none}.dm-settings-radio:hover{background:var(--bg-3);color:var(--text)}.dm-settings-radio.active{background:var(--primary-dim);color:var(--primary);font-weight:600}.dm-settings-radio-hint{color:var(--text-3);font-size:10px;font-weight:400}.dm-settings-radio.active .dm-settings-radio-hint{color:var(--primary);opacity:.75}.dm-settings-mask{z-index:499;position:fixed;inset:0}.dm-loading-older{color:var(--text-3);justify-content:center;align-items:center;gap:6px;padding:8px 0;font-size:11px;display:flex}.dm-loading-spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.8s linear infinite dm-spin;display:inline-block}@keyframes dm-spin{to{transform:rotate(360deg)}}.dm-pip-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-3);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.dm-pip-btn:hover,.dm-pip-btn.active{background:var(--bg-3);border-color:var(--border);color:var(--primary)}.pip-view{background:var(--bg);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.pip-header{background:var(--bg-2);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.pip-title{color:var(--text-2);font-size:12px;font-weight:600}.pip-count{color:var(--text-3);font-size:11px}.pip-list-wrap{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.pip-list{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;padding:4px 0;overflow:hidden auto}.pip-view .dm-row:hover{background:var(--bg-3)}.pip-new-msg-btn{background:var(--primary);color:#fff;z-index:10;white-space:nowrap;border-radius:20px;padding:5px 16px;font-size:12px;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0006}.pip-row{cursor:pointer}.banlog-page{flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.banlog-header{border-bottom:1px solid var(--border);background:var(--bg-2);flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;display:flex}.banlog-title{flex-shrink:0;font-size:15px;font-weight:600}.banlog-total{color:var(--text-3);flex-shrink:0;font-size:12px}.banlog-filters{align-items:center;gap:8px;margin-left:auto;display:flex}.banlog-input{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;width:130px;padding:5px 10px;font-size:12px}.banlog-input:focus{border-color:var(--primary)}.banlog-search-btn{border-radius:var(--radius-sm);background:var(--primary);color:#fff;padding:5px 14px;font-size:12px;font-weight:600}.banlog-search-btn:hover{opacity:.85}.banlog-table-wrap{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;overflow:auto}.banlog-table{border-collapse:collapse;width:100%;font-size:12px}.banlog-table th{background:var(--bg-3);color:var(--text-2);text-align:left;border-bottom:1px solid var(--border);z-index:1;padding:8px 12px;font-weight:500;position:sticky;top:0}.banlog-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:7px 12px}.banlog-table tr:hover td{background:var(--bg-3)}.banlog-row-unsilenced td{opacity:.5}.banlog-time{color:var(--text-3);white-space:nowrap;font-size:11px}.banlog-user-link{color:var(--text)}.banlog-user-link:hover{color:var(--primary)}.banlog-uid{color:var(--text-3)}.banlog-content{color:var(--text-2);word-break:break-all;max-width:200px}.banlog-hours{color:var(--danger)}.banlog-hours-perm{font-weight:700}.banlog-unsilenced-tag{color:var(--text-3);background:var(--bg-3);border-radius:20px;padding:2px 8px;font-size:11px}.banlog-unban-btn{border-radius:var(--radius-sm);color:var(--success);background:#52c41a1a;border:1px solid #52c41a4d;padding:3px 10px;font-size:11px}.banlog-unban-btn:hover{background:var(--success);color:#fff}.banlog-loading{text-align:center;color:var(--text-3);padding:40px}.banlog-pagination{border-top:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:10px;display:flex}.banlog-pagination button{border-radius:var(--radius-sm);background:var(--bg-3);color:var(--text-2);border:1px solid var(--border);padding:4px 12px;font-size:12px}.banlog-pagination button:disabled{opacity:.4;cursor:not-allowed}.banlog-pagination button:not(:disabled):hover{color:var(--primary);border-color:var(--primary)}.banlog-pagination span{color:var(--text-3);font-size:12px}.mods-page{flex-direction:column;height:100%;display:flex;overflow:hidden}.mods-header{border-bottom:1px solid var(--border);background:var(--bg-2);flex-shrink:0;align-items:center;gap:16px;padding:12px 16px;display:flex}.mods-title{font-size:15px;font-weight:600}.mods-tabs{gap:4px;display:flex}.mods-tab{border-radius:var(--radius-sm);color:var(--text-2);background:0 0;padding:4px 12px;font-size:12px}.mods-tab.active{background:var(--primary-dim);color:var(--primary)}.mods-tab:not(.active):hover{background:var(--bg-3)}.mods-content{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;overflow:auto}.mods-table{border-collapse:collapse;width:100%;font-size:12px}.mods-table th{background:var(--bg-3);color:var(--text-2);text-align:left;border-bottom:1px solid var(--border);z-index:1;padding:8px 14px;position:sticky;top:0}.mods-table td{border-bottom:1px solid var(--border);padding:8px 14px}.mods-table tr:hover td{background:var(--bg-3)}.mods-username{color:var(--text);font-weight:600}.mods-time{color:var(--text-3);font-size:11px}.mods-invitedby{color:var(--text-2)}.mods-role-badge{background:var(--bg-3);color:var(--text-2);border-radius:20px;padding:2px 8px;font-size:11px}.mods-role-badge.admin{background:var(--primary-dim);color:var(--primary)}.mods-role-badge.superadmin{color:var(--warning);background:#faad1426;border:1px solid #faad144d}.mods-protected-label{color:var(--text-3);border:1px solid var(--border);border-radius:20px;padding:2px 8px;font-size:11px}.mods-toolbar{border-bottom:1px solid var(--border);background:var(--bg-2);padding:10px 16px}.mods-create-btn{border-radius:var(--radius-sm);background:var(--primary);color:#fff;padding:5px 14px;font-size:12px;font-weight:600}.mods-create-btn:hover{opacity:.85}.mods-create-form{background:var(--bg-3);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex}.mods-field-input{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;width:140px;padding:5px 10px;font-size:12px}.mods-field-input:focus{border-color:var(--primary)}.mods-field-select{font-size:12px}.mods-create-error{color:var(--danger);font-size:11px}.mods-create-submit{border-radius:var(--radius-sm);background:var(--primary);color:#fff;padding:5px 14px;font-size:12px;font-weight:600}.mods-create-submit:disabled{opacity:.5;cursor:not-allowed}.mods-actions{align-items:center;gap:6px;display:flex}.mods-role-btn{border-radius:var(--radius-sm);color:var(--primary);background:#fb72991a;border:1px solid #fb72994d;padding:2px 8px;font-size:11px}.mods-role-btn:hover{background:var(--primary);color:#fff}.mods-role-btn-demote{color:var(--warning);background:#faad141a;border-color:#faad144d}.mods-role-btn-demote:hover{background:var(--warning);color:#fff}.mods-edit-btn{border-radius:var(--radius-sm);background:var(--bg-3);color:var(--text-2);border:1px solid var(--border);padding:2px 8px;font-size:11px}.mods-edit-btn:hover{border-color:var(--primary);color:var(--primary)}.modal-overlay{z-index:4000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);width:360px;box-shadow:0 12px 32px #00000080}.modal-card-sm{width:300px}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex}.modal-title{font-size:14px;font-weight:600}.modal-close{color:var(--text-3);background:0 0;font-size:20px;line-height:1}.modal-close:hover{color:var(--text)}.modal-body{flex-direction:column;gap:12px;padding:16px;display:flex}.modal-field{flex-direction:column;gap:5px;display:flex}.modal-field label{color:var(--text-2);font-size:12px}.modal-input{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;padding:7px 10px;font-size:13px}.modal-input:focus{border-color:var(--primary)}.modal-input-error{border-color:var(--danger)!important}.modal-error{color:var(--danger);border-radius:var(--radius-sm);background:#ff4d4f14;padding:6px 10px;font-size:12px}.modal-message{color:var(--text-2);font-size:13px;line-height:1.6}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 16px 16px;display:flex}.modal-btn-cancel{border-radius:var(--radius-sm);background:var(--bg-3);color:var(--text-2);border:1px solid var(--border);padding:6px 16px;font-size:13px}.modal-btn-cancel:hover{color:var(--text)}.modal-btn-confirm{border-radius:var(--radius-sm);background:var(--primary);color:#fff;padding:6px 16px;font-size:13px;font-weight:600}.modal-btn-confirm:hover{opacity:.85}.modal-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.modal-btn-confirm.danger{background:var(--danger)}.modal-btn-confirm.danger:hover{opacity:.85}.mods-disable-btn{border-radius:var(--radius-sm);color:var(--warning);background:#faad141a;border:1px solid #faad1440;padding:2px 8px;font-size:11px}.mods-disable-btn:hover{background:var(--warning);color:#fff}.mods-enable-btn{border-radius:var(--radius-sm);color:var(--success);background:#52c41a1a;border:1px solid #52c41a40;padding:2px 8px;font-size:11px}.mods-enable-btn:hover{background:var(--success);color:#fff}.mods-delete-btn{border-radius:var(--radius-sm);color:var(--danger);background:#ff4d4f1a;border:1px solid #ff4d4f40;padding:2px 8px;font-size:11px}.mods-delete-btn:hover{background:var(--danger);color:#fff}.mods-disabled-badge{color:var(--danger);vertical-align:middle;background:#ff4d4f1a;border:1px solid #ff4d4f33;border-radius:20px;margin-left:6px;padding:1px 6px;font-size:10px}.mods-row-disabled td{opacity:.55}.mods-invite-create{border-bottom:1px solid var(--border);background:var(--bg-2);align-items:center;gap:10px;padding:14px 16px;display:flex}.mods-invite-label{color:var(--text-2);flex-shrink:0;font-size:13px}.mods-invite-hint{color:var(--text-2);text-align:right;margin-left:auto;font-size:13px;line-height:1.5}.mods-invite-select{font-size:12px}.mods-invite-btn{border-radius:var(--radius-sm);background:var(--primary);color:#fff;padding:5px 14px;font-size:12px;font-weight:600}.mods-invite-btn:hover{opacity:.85}.mods-invite-result{border-bottom:1px solid var(--border);background:#fb729912;align-items:center;gap:10px;padding:10px 16px;display:flex}.mods-invite-link{color:var(--primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.mods-copy-btn{border-radius:var(--radius-sm);background:var(--bg-3);color:var(--text-2);border:1px solid var(--border);flex-shrink:0;padding:4px 12px;font-size:12px}.mods-copy-btn:hover{color:var(--text)}.mods-token{color:var(--text-2);font-family:monospace}.mods-invite-valid{color:var(--success);font-size:11px}.mods-invite-used{color:var(--text-3);font-size:11px}.mods-invite-expired{color:var(--warning);font-size:11px}.mods-invite-modal-warning{color:var(--warning);margin-bottom:12px;font-size:12px;line-height:1.5}.mods-invite-modal-link{color:var(--primary);word-break:break-all;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);-webkit-user-select:all;user-select:all;padding:8px 10px;font-size:12px;line-height:1.6}.history-page{height:100%;display:flex;overflow:hidden}.history-sidebar{border-right:1px solid var(--border);background:var(--bg-2);flex-direction:column;flex-shrink:0;width:240px;display:flex;position:relative}.history-sidebar-header{color:var(--text-2);border-bottom:1px solid var(--border);letter-spacing:.03em;flex-shrink:0;padding:8px 12px;font-size:12px;font-weight:600}.hf-body{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex:1;gap:12px;padding:10px;display:flex;overflow-y:auto}.hf-group{flex-direction:column;gap:5px;display:flex}.hf-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.hf-input{box-sizing:border-box;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:6px 8px;font-family:inherit;font-size:12px;transition:border-color .15s}.hf-input:hover{border-color:var(--text-3)}.hf-input:focus{border-color:var(--primary)}input[type=date].hf-input{color-scheme:inherit}.hf-date-sep{color:var(--text-3);text-align:center;font-size:11px;line-height:1}.hf-session-dropdown{position:relative}.hf-dropdown-trigger{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding:6px 8px;font-size:12px;transition:border-color .15s;display:flex}.hf-dropdown-trigger:hover{border-color:var(--text-3)}.hf-dropdown-trigger.active{border-color:var(--primary)}.hf-dropdown-trigger>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.hf-dropdown-arrow{width:14px;height:14px;color:var(--text-3);flex-shrink:0;transition:transform .15s}.hf-dropdown-trigger.active .hf-dropdown-arrow{transform:rotate(180deg)}.hf-dropdown-options{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:100;scrollbar-width:thin;scrollbar-color:var(--border) transparent;max-height:220px;padding:3px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 6px 16px #0006}.hf-dropdown-option{color:var(--text-2);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:3px;padding:6px 8px;font-size:12px;transition:background .1s;overflow:hidden}.hf-dropdown-option:hover{background:var(--bg-3);color:var(--text)}.hf-dropdown-option.selected{background:var(--primary-dim,#6366f126);color:var(--primary);font-weight:500}.hf-dropdown-option.disabled{color:var(--text-3);cursor:default}.hf-dropdown-option.disabled:hover{background:0 0}.hf-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:2px;display:grid}.hf-btn-reset{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-3);color:var(--text-2);cursor:pointer;padding:7px 0;font-size:12px;transition:background .15s,color .15s}.hf-btn-reset:hover{color:var(--text);border-color:var(--text-3)}.hf-btn-search{border-radius:var(--radius-sm);background:var(--primary);color:#fff;cursor:pointer;border:none;padding:7px 0;font-size:12px;font-weight:600;transition:opacity .15s}.hf-btn-search:hover{opacity:.85}.history-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.history-placeholder,.history-loading{color:var(--text-3);flex:1;justify-content:center;align-items:center;font-size:13px;display:flex}.history-topbar{border-bottom:1px solid var(--border);background:var(--bg-2);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;min-height:34px;padding:5px 12px;display:flex}.history-session-label{color:var(--text);white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:600}.history-stats{color:var(--text-3);white-space:nowrap;margin-left:auto;font-size:11px}.history-uid-tag{background:var(--primary-dim,#6366f126);color:var(--primary);border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.history-search-results{flex-direction:column;flex:1;display:flex;overflow:hidden}.history-search-list{flex:1}.history-session-tag{color:var(--text-3);white-space:nowrap;flex-shrink:0;padding-top:2px;font-size:10px}.history-empty{color:var(--text-3);text-align:center;padding:12px;font-size:12px}.hf-btn-export{border:1px solid var(--primary);border-radius:var(--radius-sm);background:var(--primary-dim);width:100%;color:var(--primary);cursor:pointer;margin-top:2px;padding:7px 0;font-size:12px;font-weight:600;transition:background .15s}.hf-btn-export:hover{background:var(--primary);color:#fff}.hf-settings-btn{border:none;border-top:1px solid var(--border);background:var(--bg-2);width:100%;color:var(--text-3);cursor:pointer;text-align:left;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:12px;transition:background .15s,color .15s;display:flex}.hf-settings-btn:hover{background:var(--bg-3);color:var(--text-2)}.hf-settings-btn.active{color:var(--primary);background:var(--primary-dim)}.hf-settings-popup{background:var(--bg-2);border-top:1px solid var(--border);border-right:1px solid var(--border);z-index:20;flex-direction:column;gap:18px;padding:14px 12px;display:flex;position:absolute;bottom:37px;left:0;right:0;box-shadow:0 -6px 20px #0003}.hx-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hx-modal{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);width:340px;overflow:hidden;box-shadow:0 12px 32px #00000059}.hx-modal-header{border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.hx-modal-close{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1}.hx-modal-close:hover{color:var(--text)}.hx-modal-body{flex-direction:column;gap:8px;padding:16px;display:flex}.hx-modal-hint{color:var(--text-3);margin-bottom:4px;font-size:11px}.hx-check-row{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-3);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:9px 12px;transition:border-color .15s;display:flex}.hx-check-row input{display:none}.hx-check-row.active{border-color:var(--primary);background:var(--primary-dim)}.hx-check-row.disabled{opacity:.45;cursor:default}.hx-check-label{color:var(--text);flex:1;font-size:13px}.hx-check-count{color:var(--text-3);white-space:nowrap;font-size:11px}.hx-check-row.active .hx-check-count{color:var(--primary)}.hx-modal-footer{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:10px;padding:12px 16px;display:grid}.blmodal-overlay{z-index:3000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.blmodal{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);width:340px;box-shadow:0 12px 32px #00000080}.blmodal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex}.blmodal-title{font-size:14px;font-weight:600}.blmodal-close{color:var(--text-3);background:0 0;font-size:20px;line-height:1}.blmodal-close:hover{color:var(--text)}.blmodal-sources{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.blmodal-source{border-radius:var(--radius-sm);background:var(--bg-3);border:1px solid var(--border);align-items:center;gap:8px;padding:7px 10px;display:flex}.blmodal-source.active{border-color:#52c41a59}.blmodal-source-dot{background:var(--text-3);border-radius:50%;flex-shrink:0;width:7px;height:7px}.blmodal-source.active .blmodal-source-dot{background:var(--success);box-shadow:0 0 5px var(--success)}.blmodal-source-label{color:var(--text-2);flex:1;font-size:12px}.blmodal-source-val{color:var(--text-3);font-size:11px}.blmodal-source.active .blmodal-source-val{color:var(--success)}.blmodal-warn{color:var(--warning);border-radius:var(--radius-sm);background:#faad1414;border:1px solid #faad1440;padding:5px 10px;font-size:11px}.blmodal-divider{background:var(--border);height:1px}.blmodal-qr-section{flex-direction:column;align-items:center;gap:10px;padding:14px 16px;display:flex}.blmodal-qr-tip{color:var(--text-3);text-align:center;font-size:11px}.blmodal-qr-wrap{border-radius:var(--radius-sm);background:#fff;justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative;overflow:hidden}.blmodal-qr-placeholder{color:#999;font-size:12px}.blmodal-qr-img{width:200px;height:200px;transition:opacity .2s;display:block}.blmodal-qr-img.expired{opacity:.25}.blmodal-qr-expired-mask{background:#ffffff4d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.blmodal-refresh-btn{border-radius:var(--radius-sm);background:var(--primary);color:#fff;padding:8px 20px;font-size:13px;font-weight:600}.blmodal-qr-status{font-size:13px;font-weight:500}.blmodal-qr-status.wait{color:var(--text-2)}.blmodal-qr-status.scanned{color:var(--warning)}.blmodal-qr-status.expired{color:var(--danger)}.blmodal-qr-status.success{color:var(--success)}.blmodal-refresh-link{color:var(--text-3);background:0 0;font-size:11px;text-decoration:underline}.blmodal-refresh-link:hover:not(:disabled){color:var(--primary)}.blmodal-refresh-link:disabled{opacity:.4;cursor:not-allowed}.blmodal-authed-section{flex-direction:column;gap:14px;padding:16px 16px 14px;display:flex}.blmodal-authed-info{border-radius:var(--radius-sm);background:#52c41a12;border:1px solid #52c41a40;align-items:center;gap:12px;padding:12px 14px;display:flex}.blmodal-authed-icon{background:var(--success);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.blmodal-authed-title{color:var(--success);font-size:13px;font-weight:600}.blmodal-authed-uid{color:var(--text-3);margin-top:2px;font-size:11px}.blmodal-authed-actions{justify-content:flex-end;gap:8px;display:flex}.blmodal-logout-btn{border-radius:var(--radius-sm);color:var(--danger);background:#ff4d4f1a;border:1px solid #ff4d4f4d;padding:6px 16px;font-size:12px}.blmodal-logout-btn:hover:not(:disabled){background:var(--danger);color:#fff}.blmodal-logout-btn:disabled{opacity:.5;cursor:not-allowed}.blmodal-relogin-btn{border-radius:var(--radius-sm);background:var(--bg-3);color:var(--text-2);border:1px solid var(--border);padding:6px 16px;font-size:12px}.blmodal-relogin-btn:hover{color:var(--primary);border-color:var(--primary)}.navbar{background:var(--bg-2);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:0;height:44px;padding:0 16px;display:flex}.navbar-brand{color:var(--primary);letter-spacing:.3px;margin-right:24px;font-size:15px;font-weight:700}.navbar-links{flex:1;align-items:center;gap:4px;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--text-2);padding:4px 12px;font-size:13px;transition:background .15s,color .15s}.nav-link:hover{background:var(--bg-3);color:var(--text)}.nav-link.active{background:var(--primary-dim);color:var(--primary)}.theme-toggle{--size:1.2rem;width:var(--size);height:var(--size);aspect-ratio:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline-offset:5px;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:6px;padding:0;display:flex}.theme-toggle>svg{stroke-linecap:round;width:100%;height:100%}.sun-and-moon>.moon,.sun-and-moon>.sun{fill:var(--icon-fill)}.sun-and-moon>.sun-beams{stroke:var(--icon-fill);stroke-width:2px}.theme-toggle:is(:hover,:focus-visible) .sun-and-moon>.moon,.theme-toggle:is(:hover,:focus-visible) .sun-and-moon>.sun{fill:var(--icon-fill-hover)}.theme-toggle:is(:hover,:focus-visible) .sun-and-moon>.sun-beams{stroke:var(--icon-fill-hover)}.sun-and-moon>.moon,.sun-and-moon>.sun,.sun-and-moon>.sun-beams{transform-origin:50%}[data-theme=dark] .sun-and-moon>.sun{transform:scale(1.75)}[data-theme=dark] .sun-and-moon>.sun-beams{opacity:0}[data-theme=dark] .sun-and-moon>.moon>circle{transform:translate(-7px)}@supports (cx:1px){[data-theme=dark] .sun-and-moon>.moon>circle{cx:17px;transform:translate(0)}}@media (prefers-reduced-motion:no-preference){.sun-and-moon>.sun{transition:transform .5s cubic-bezier(.5,1.25,.75,1.25)}.sun-and-moon>.sun-beams{transition:transform .5s cubic-bezier(.5,1.5,.75,1.25),opacity .5s cubic-bezier(.25,0,.3,1)}.sun-and-moon .moon>circle{transition:transform .25s cubic-bezier(0,.55,.45,1)}@supports (cx:1px){.sun-and-moon .moon>circle{transition:cx .25s cubic-bezier(0,.55,.45,1)}}[data-theme=dark] .sun-and-moon>.sun{transition-duration:.25s;transition-timing-function:cubic-bezier(.25,0,.3,1);transform:scale(1.75)}[data-theme=dark] .sun-and-moon>.sun-beams{transition-duration:.15s;transform:rotate(-25deg)}[data-theme=dark] .sun-and-moon>.moon>circle{transition-duration:.5s;transition-delay:.25s}}.navbar-cookie-status{cursor:pointer;border:1px solid var(--border);color:var(--text-3);border-radius:20px;align-items:center;gap:5px;margin-right:8px;padding:3px 10px;font-size:11px;display:flex}.navbar-cookie-status.connected{color:var(--success);border-color:#52c41a66}.navbar-cookie-status.error{color:var(--danger);border-color:#ff4d4f66}.navbar-cookie-status.local{color:var(--warning);border-color:#faad1466}.navbar-cookie-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.navbar-cookie-status.connected .navbar-cookie-dot{box-shadow:0 0 5px var(--success)}.nav-user-wrap{flex-shrink:0;position:relative}.nav-user-btn{border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:5px;padding:4px 10px;font-size:12px;transition:background .15s,border-color .15s,color .15s;display:flex}.nav-user-btn:hover,.nav-user-btn.open{background:var(--bg-3);border-color:var(--border);color:var(--text)}.nav-user-name{font-weight:500}.nav-user-arrow{opacity:.6;font-size:10px;transition:transform .15s}.nav-user-btn.open .nav-user-arrow{transform:rotate(180deg)}.nav-dropdown{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:200;min-width:140px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 4px 16px #00000059}.nav-dropdown-item{text-align:left;width:100%;color:var(--text-2);cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:13px;transition:background .1s,color .1s;display:block}.nav-dropdown-item:hover{background:var(--bg-3);color:var(--text)}.nav-dropdown-sep{background:var(--border);height:1px;margin:2px 0}.nav-dropdown-danger{color:var(--danger)}.nav-dropdown-danger:hover{background:var(--danger);color:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0f2f5;--bg-2:#fff;--bg-3:#f5f5f5;--border:#e0e0e0;--text:#1a1a1a;--text-2:#666;--text-3:#999;--primary:#fb7299;--primary-dim:#fb72991f;--danger:#ff4d4f;--success:#52c41a;--warning:#faad14;--radius:8px;--radius-sm:4px;--icon-fill:#555;--icon-fill-hover:#111;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0f0f0f;--bg-2:#1a1a1a;--bg-3:#242424;--border:#2e2e2e;--text:#e8e8e8;--text-2:#999;--text-3:#666;--primary-dim:#fb729926;--icon-fill:#aaa;--icon-fill-hover:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5}.app-layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-content{flex:1;overflow:hidden}button{cursor:pointer;border:none;outline:none;font-family:inherit;font-size:13px}input,textarea{font-family:inherit;font-size:13px}a{color:inherit;text-decoration:none}.select-wrap{align-items:stretch;display:inline-flex;position:relative}.select-wrap:after{content:"";border-right:1.5px solid var(--text-3);border-bottom:1.5px solid var(--text-3);pointer-events:none;width:6px;height:6px;margin-top:-2px;transition:border-color .15s;position:absolute;top:50%;right:10px;transform:translateY(-50%)rotate(45deg)}.select-wrap:hover:after{border-color:var(--text-2)}.select-wrap:focus-within:after{border-color:var(--primary)}.select-wrap select{appearance:none;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;outline:none;width:100%;padding:5px 28px 5px 10px;font-family:inherit;font-size:13px;transition:border-color .15s,background .15s}.select-wrap select:hover{border-color:var(--text-2);background:var(--bg-2)}.select-wrap select:focus{border-color:var(--primary)}.select-wrap select option{background:var(--bg-2);color:var(--text)}