.hos-page{max-width:960px;margin:2rem auto;padding:0 1.5rem}.hos-hero{text-align:center;margin-bottom:2rem}.hos-hero h1{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#ef4444,#dc2626,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.hos-hero p{color:var(--text-secondary,#9ca3af);font-size:.95rem;max-width:480px;margin:0 auto;line-height:1.6}.hos-tabs{display:flex;gap:.25rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.hos-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.75rem 1.25rem;font-size:.85rem;font-weight:600;color:var(--text-secondary,#9ca3af);background:0 0;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:inherit}.hos-tab:hover{color:var(--text-primary,#e5e7eb);background:rgba(255,255,255,.03)}.hos-tab.active{color:#ef4444;border-bottom-color:#ef4444}.hos-tab svg{flex-shrink:0}.hos-panel{display:none}.hos-panel.active{display:block;animation:hosFadeIn .25s ease}@keyframes hosFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.blacklist-disclaimer{display:flex;gap:1rem;padding:1.25rem;background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);border-radius:12px;border-left:4px solid #ef4444;margin-bottom:2rem}.blacklist-disclaimer-icon{flex-shrink:0;color:#ef4444;margin-top:.1rem}.blacklist-disclaimer-text strong{display:block;color:#ef4444;font-size:.95rem;margin-bottom:.5rem}.blacklist-disclaimer-text p{color:var(--text-secondary,#9ca3af);font-size:.85rem;line-height:1.6;margin:0}.blacklist-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.blacklist-table{width:100%;border-collapse:collapse}.blacklist-table thead th{text-align:left;padding:.85rem 1rem;background:rgba(255,255,255,.04);color:var(--text-secondary,#9ca3af);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.08)}.blacklist-table tbody td{padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);font-size:.85rem;color:var(--text-secondary,#9ca3af)}.blacklist-table tbody tr:last-child td{border-bottom:none}.blacklist-table tbody tr:hover{background:rgba(255,255,255,.02)}.blacklist-username{font-weight:600;color:#ef4444!important}.blacklist-date{white-space:nowrap;color:var(--text-muted,rgba(255,255,255,.4))!important}.blacklist-empty{text-align:center;padding:3rem 2rem;color:var(--text-secondary,#9ca3af)}.blacklist-empty svg{color:var(--primary-orange,#ff6b35);margin-bottom:1rem}.blacklist-empty h3{color:var(--text-primary,#e5e7eb);margin-bottom:.5rem}.hos-ban-disclaimer{display:flex;gap:1rem;padding:1rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-bottom:1.5rem;font-size:.8rem;color:var(--text-secondary,#9ca3af);line-height:1.5}.hos-ban-disclaimer svg{flex-shrink:0;color:var(--text-muted,rgba(255,255,255,.4));margin-top:.1rem}.hos-ban-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.hos-ban-table{width:100%;border-collapse:collapse}.hos-ban-table thead th{text-align:left;padding:.85rem 1rem;background:rgba(255,255,255,.04);color:var(--text-secondary,#9ca3af);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.08)}.hos-ban-table tbody td{padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);font-size:.85rem;color:var(--text-secondary,#9ca3af)}.hos-ban-table tbody tr:last-child td{border-bottom:none}.hos-ban-row{transition:background .15s ease;cursor:default}.hos-ban-row:hover{background:rgba(255,255,255,.02)}.hos-ban-highlight{background:rgba(250,204,21,.06)!important;border-left:3px solid #facc15}.hos-ban-highlight:hover{background:rgba(250,204,21,.1)!important}.hos-ban-highlight td:first-child{padding-left:calc(1rem - 3px)}.hos-ban-username{font-weight:600;color:#ef4444!important}.hos-ban-date{white-space:nowrap;color:var(--text-muted,rgba(255,255,255,.4))!important}.hos-ban-bannedby{color:var(--text-muted,rgba(255,255,255,.4))!important;font-size:.8rem}.hos-ban-unbandate{white-space:nowrap;color:var(--text-muted,rgba(255,255,255,.4))!important}.hos-unban-permanent{color:#ef4444;font-weight:600;font-size:.8rem}.hos-ban-status{display:inline-block;padding:.15rem .6rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.hos-status-active{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.hos-status-permanent{background:rgba(153,27,27,.2);color:#fca5a5;border:1px solid rgba(153,27,27,.4)}.hos-status-expired{background:rgba(156,163,175,.1);color:var(--text-muted,rgba(255,255,255,.4));border:1px solid rgba(156,163,175,.2)}.hos-ban-empty{text-align:center;padding:3rem 2rem;color:var(--text-secondary,#9ca3af)}.hos-ban-empty svg{color:var(--text-muted,rgba(255,255,255,.3));margin-bottom:1rem}.hos-ban-empty h3{color:var(--text-primary,#e5e7eb);margin-bottom:.5rem}.hos-login-notice,.hos-not-banned{text-align:center;padding:3rem 2rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:12px}.hos-login-notice svg,.hos-not-banned svg{color:var(--text-muted,rgba(255,255,255,.3));margin-bottom:1rem}.hos-login-notice h3,.hos-not-banned h3{color:var(--text-primary,#e5e7eb);margin-bottom:.5rem}.hos-login-notice p,.hos-not-banned p{color:var(--text-secondary,#9ca3af);max-width:400px;margin:0 auto;line-height:1.6}@keyframes baSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes baModalIn{from{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.ba-appeals-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.ba-appeals-title{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,#ef4444,#dc2626,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.ba-new-appeal-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:700;font-size:.8rem;font-family:inherit;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 20px rgba(239,68,68,.2)}.ba-new-appeal-btn:hover{transform:translateY(-1px);box-shadow:0 6px 28px rgba(239,68,68,.35)}.ba-new-appeal-btn.ba-btn-locked{background:rgba(255,255,255,.06);color:var(--text-muted,rgba(255,255,255,.35));cursor:not-allowed;box-shadow:none;border:1px solid rgba(255,255,255,.08)}.ba-new-appeal-btn.ba-btn-locked:hover{transform:none;box-shadow:none}.ba-cooldown-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:rgba(239,68,68,.04);border:1px solid rgba(239,68,68,.15);border-radius:10px;margin-bottom:1.5rem;font-size:.8rem;color:var(--text-secondary,#9ca3af)}.ba-cooldown-bar svg{flex-shrink:0;color:#ef4444}.ba-cooldown-remaining{margin-left:auto;font-size:.8rem;color:#ef4444}.ba-history-list{display:flex;flex-direction:column;gap:1rem}.ba-history-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;border-left:4px solid rgba(255,255,255,.1);transition:all .25s ease;cursor:pointer}.ba-history-card:hover{border-color:rgba(255,255,255,.12);box-shadow:0 4px 20px rgba(0,0,0,.15)}.ba-status-approved{border-left-color:#22c55e;border-color:rgba(34,197,94,.2)}.ba-status-rejected{border-left-color:#ef4444;border-color:rgba(239,68,68,.2)}.ba-status-pending{border-left-color:#f59e0b;border-color:rgba(245,158,11,.2)}.ba-history-blacklist{background:rgba(239,68,68,.03)}.ba-history-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.06)}.ba-history-id{font-weight:700;font-size:.8rem;color:var(--text-muted,rgba(255,255,255,.4))}.ba-badge{padding:.15rem .6rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.ba-badge-pending{background:rgba(245,158,11,.15);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.ba-badge-approved{background:rgba(34,197,94,.15);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.ba-badge-rejected{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.ba-history-date{margin-left:auto;font-size:.75rem;color:var(--text-muted,rgba(255,255,255,.4))}.ba-history-deadline{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:4px;letter-spacing:.3px}.ba-history-deadline-ok{background:rgba(34,197,94,.12);color:#22c55e}.ba-history-deadline-overdue{background:rgba(239,68,68,.15);color:#ef4444;animation:ba-timer-pulse 1.5s ease-in-out infinite}.ba-history-meta{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:rgba(255,255,255,.015);border-bottom:1px solid rgba(255,255,255,.04);flex-wrap:wrap}.ba-history-meta-item{display:inline-flex;align-items:center;gap:5px;font-size:.73rem;color:var(--text-muted,rgba(255,255,255,.45))}.ba-history-meta-item svg{opacity:.5;flex-shrink:0}.ba-history-body{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.ba-history-row{display:flex;gap:.5rem;font-size:.8rem}.ba-history-label{font-weight:600;color:var(--text-secondary,#9ca3af);flex-shrink:0}.ba-stance-tag{display:inline-block;padding:.1rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.ba-stance-innocent{background:rgba(59,130,246,.15);color:#3b82f6}.ba-stance-guilty{background:rgba(239,68,68,.15);color:#ef4444}.ba-stance-partially_guilty{background:rgba(245,158,11,.15);color:#f59e0b}.ba-stance-other{background:rgba(156,163,175,.15);color:#9ca3af}.ba-decision-block{margin-top:.5rem;padding:.75rem;border-radius:10px;border-left:3px solid}.ba-decision-approved{background:rgba(34,197,94,.05);border-color:#22c55e}.ba-decision-rejected{background:rgba(239,68,68,.05);border-color:#ef4444}.ba-decision-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.8rem}.ba-decision-header strong{color:var(--text-primary,#e5e7eb)}.ba-decision-by,.ba-decision-date{color:var(--text-muted,rgba(255,255,255,.4));font-size:.75rem}.ba-decision-reason{margin:.5rem 0 0 0;font-size:.8rem;color:var(--text-secondary,#9ca3af);line-height:1.5}.ba-decision-cooldown{margin:.35rem 0 0 0;font-size:.75rem;color:var(--text-muted,rgba(255,255,255,.4));font-style:italic}.ba-empty-state{text-align:center;padding:3rem 2rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:12px}.ba-empty-state svg{color:var(--text-muted,rgba(255,255,255,.3));margin-bottom:1rem}.ba-empty-state h3{color:var(--text-primary,#e5e7eb);margin-bottom:.5rem}.ba-empty-state p{color:var(--text-secondary,#9ca3af);max-width:400px;margin:0 auto;line-height:1.6}.ba-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10001;display:flex;align-items:flex-start;justify-content:center;padding:calc(100px + var(--event-banner-h,0px)) 20px 20px;overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}.ba-modal-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.ba-modal-container{position:relative;width:100%;max-width:960px;background:rgba(16,12,8,.97);border:1px solid rgba(239,68,68,.12);border-radius:20px;box-shadow:0 32px 80px rgba(0,0,0,.65),0 0 60px rgba(239,68,68,.04),0 0 0 1px rgba(239,68,68,.06) inset;overflow:clip;transform:scale(.94) translateY(16px);opacity:0;transition:transform .4s cubic-bezier(.4, 0, .2, 1),opacity .35s ease}.ba-modal-overlay.active .ba-modal-container{transform:scale(1) translateY(0);opacity:1}.ba-modal-container::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ef4444,#dc2626,#ff6b35,#dc2626,#ef4444);opacity:.7;z-index:2}.ba-modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:50%;color:var(--text-muted);font-size:1.2rem;cursor:pointer;transition:all .3s ease;z-index:3;line-height:1}.ba-modal-close:hover{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.3);color:#ef4444;box-shadow:0 0 16px rgba(239,68,68,.08)}.ba-modal-grid{display:grid;grid-template-columns:1fr 280px}.ba-modal-form-zone{display:flex;flex-direction:column;max-height:85vh}.ba-modal-form-header{padding:28px 32px 0;flex-shrink:0}.ba-modal-badge{display:inline-block;padding:4px 16px;background:linear-gradient(135deg,rgba(239,68,68,.08),rgba(220,38,38,.08));border:1px solid rgba(239,68,68,.2);border-radius:100px;font-size:.55rem;font-weight:800;letter-spacing:3px;color:#ef4444;text-transform:uppercase;margin-bottom:12px}.ba-modal-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;margin:0 0 6px;background:linear-gradient(135deg,#ef4444,#dc2626,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ba-modal-subtitle{color:var(--text-muted);font-size:.82rem;margin:0 0 20px;line-height:1.5}.ba-modal-form-scroll{overflow-y:auto;padding:0 32px 28px;flex:1}.ba-section{margin-bottom:20px}.ba-section-label{font-size:.68rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted,rgba(255,255,255,.5));margin-bottom:10px}.ba-required{color:#ef4444}.ba-hint{font-size:.75rem;color:var(--text-muted,rgba(255,255,255,.35));margin:0 0 8px 0}.ba-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ba-info-card{display:flex;flex-direction:column;gap:3px;padding:10px 12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:border-color .25s ease}.ba-info-card:hover{border-color:rgba(239,68,68,.2)}.ba-info-card-full{grid-column:1/-1}.ba-info-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,rgba(255,255,255,.4));font-weight:600}.ba-info-value{font-size:.82rem;color:var(--text-primary,#e5e7eb);font-weight:500;word-break:break-word}.ba-char-list{display:flex;flex-direction:column;gap:4px}.ba-char-row{display:flex;align-items:center;gap:.75rem;padding:6px 10px;background:rgba(255,255,255,.02);border-radius:8px;font-size:.8rem}.ba-char-name{font-weight:600;color:var(--text-primary,#e5e7eb);min-width:100px}.ba-char-detail{color:var(--text-secondary,#9ca3af);font-size:.75rem}.ba-stance-group{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ba-stance-option{cursor:pointer}.ba-stance-option input[type=radio]{display:none}.ba-stance-card{display:block;padding:12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:all .25s ease}.ba-stance-option:hover .ba-stance-card{border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.03)}.ba-stance-option input[type=radio]:checked+.ba-stance-card{border-color:rgba(239,68,68,.5);background:rgba(239,68,68,.06);box-shadow:0 0 20px rgba(239,68,68,.08)}.ba-stance-text{font-weight:600;font-size:.82rem;color:var(--text-primary,#e5e7eb);display:block}.ba-stance-option input[type=radio]:checked+.ba-stance-card .ba-stance-text{color:#ef4444}.ba-stance-desc{font-size:.7rem;color:var(--text-muted,rgba(255,255,255,.35));display:block;margin-top:2px}.ba-other-plea-wrap{display:none;margin-top:10px}.ba-other-plea-wrap.visible{display:block}.ba-other-plea-input{width:100%;padding:10px 12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text-primary,#e5e7eb);font-size:.82rem;font-family:inherit;transition:all .25s ease;box-sizing:border-box}.ba-other-plea-input:focus{outline:0;border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.03)}.ba-other-plea-input.ba-input-error{border-color:rgba(239,68,68,.5)}.ba-other-plea-counter{display:flex;justify-content:space-between;margin-top:4px;font-size:.7rem;color:var(--text-muted,rgba(255,255,255,.35))}.ba-other-plea-counter .ba-count-val{transition:color .2s}.ba-other-plea-counter .ba-count-val.at-limit{color:#ef4444}.ba-blacklist-warning{margin:0 0 20px;padding:16px 18px;background:linear-gradient(135deg,rgba(239,68,68,.06),rgba(220,38,38,.04));border:1px solid rgba(239,68,68,.2);border-left:3px solid #ef4444;border-radius:12px}.ba-blacklist-warning-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.ba-blacklist-warning-header svg{color:#ef4444;flex-shrink:0}.ba-blacklist-warning-title{font-family:var(--font-display);font-weight:700;font-size:.88rem;color:#ef4444;text-transform:uppercase;letter-spacing:.5px}.ba-blacklist-warning-body{font-size:.78rem;color:#d1d5db;line-height:1.65}.ba-blacklist-warning-body strong{color:#fca5a5}.ba-blacklist-phases{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.ba-blacklist-phase{padding:10px 12px;background:rgba(0,0,0,.2);border:1px solid rgba(239,68,68,.1);border-radius:8px}.ba-blacklist-phase-num{font-size:.6rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:rgba(239,68,68,.6);margin-bottom:4px}.ba-blacklist-phase-name{font-size:.78rem;font-weight:600;color:#e5e7eb}.ba-blacklist-phase-time{font-size:.68rem;color:#9ca3af;margin-top:2px}.ba-blacklist-warning-note{font-size:.7rem;color:#9ca3af;font-style:italic;margin-top:8px;padding-top:8px;border-top:1px solid rgba(239,68,68,.08)}.ba-textarea{width:100%;padding:10px 12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text-primary,#e5e7eb);font-size:.82rem;line-height:1.6;resize:vertical;font-family:inherit;transition:all .25s ease;box-sizing:border-box}.ba-textarea:focus{outline:0;border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1),0 0 20px rgba(239,68,68,.05)}.ba-textarea::placeholder{color:var(--text-muted,rgba(255,255,255,.25))}.ba-char-count{font-size:.65rem;color:var(--text-muted,rgba(255,255,255,.3));text-align:right;margin-top:4px}.ba-ack-section{padding:14px;background:rgba(239,68,68,.03);border:1px solid rgba(239,68,68,.1);border-radius:12px}.ba-ack-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:.75rem;color:var(--text-secondary,#9ca3af);line-height:1.5}.ba-ack-label input[type=checkbox]{display:none}.ba-check-custom{width:18px;height:18px;flex-shrink:0;margin-top:1px;border:2px solid rgba(255,255,255,.2);border-radius:4px;transition:all .25s ease;position:relative}.ba-ack-label input[type=checkbox]:checked~.ba-check-custom{background:#ef4444;border-color:#ef4444}.ba-ack-label input[type=checkbox]:checked~.ba-check-custom::after{content:'';position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.ba-ack-text strong{color:#ef4444}.ba-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:700;font-size:.88rem;font-family:inherit;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px rgba(239,68,68,.2)}.ba-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 28px rgba(239,68,68,.35)}.ba-submit:disabled{opacity:.4;cursor:not-allowed;transform:none}.ba-submit .spin{animation:baSpin 1s linear infinite}.ba-modal-guide-zone{background:rgba(239,68,68,.02);border-left:1px solid rgba(239,68,68,.06);max-height:85vh;overflow-y:auto}.ba-modal-guide-inner{padding:28px 20px}.ba-guide-section{margin-bottom:22px}.ba-guide-section:last-child{margin-bottom:0}.ba-guide-heading{font-size:.65rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.ba-offense-table{overflow-x:auto}.ba-offense-table table{width:100%;border-collapse:collapse;font-size:.7rem}.ba-offense-table th{text-align:left;padding:5px 6px;color:var(--text-muted,rgba(255,255,255,.4));font-weight:600;text-transform:uppercase;font-size:.6rem;letter-spacing:.04em;border-bottom:1px solid rgba(255,255,255,.06)}.ba-offense-table td{padding:5px 6px;border-bottom:1px solid rgba(255,255,255,.03);color:var(--text-secondary,#9ca3af)}.ba-offense-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.ba-badge-ban{background:rgba(239,68,68,.15);color:#ef4444}.ba-badge-mute{background:rgba(245,158,11,.15);color:#f59e0b}.ba-guide-flow{display:flex;flex-direction:column;gap:8px}.ba-guide-step{display:flex;align-items:flex-start;gap:10px;font-size:.72rem;color:var(--text-secondary,#9ca3af);line-height:1.4}.ba-guide-num{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:50%;font-size:.6rem;font-weight:800;color:#ef4444}.ba-guide-tips{list-style:none;padding:0;margin:0}.ba-guide-tips li{position:relative;padding-left:14px;font-size:.72rem;color:var(--text-secondary,#9ca3af);line-height:1.9}.ba-guide-tips li::before{content:'';position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:rgba(239,68,68,.4)}.ba-guide-note{font-size:.72rem;color:var(--text-muted,rgba(255,255,255,.4));line-height:1.6;margin:0}.ba-guide-note strong{color:#ef4444}.ba-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;min-height:300px}.ba-success-icon{font-size:3rem;margin-bottom:16px}.ba-success-title{font-size:1.4rem;font-weight:800;color:var(--text-primary,#e5e7eb);margin:0 0 8px}.ba-success-text{font-size:.88rem;color:var(--text-secondary,#9ca3af);max-width:400px;line-height:1.6;margin:0 0 24px}.ba-success-btn{padding:10px 32px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:700;font-size:.85rem;font-family:inherit;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.ba-success-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(239,68,68,.3)}.hos-footer-note{margin-top:2rem;text-align:center;font-size:.8rem;color:var(--text-muted,rgba(255,255,255,.4))}.hos-footer-note a{color:var(--primary-orange,#ff6b35);text-decoration:none}.hos-footer-note a:hover{text-decoration:underline}.ba-optional{font-size:.75rem;font-weight:400;color:rgba(255,255,255,.35)}.ba-reduction-group{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ba-reduction-option{position:relative;cursor:pointer}.ba-reduction-option input{position:absolute;opacity:0;pointer-events:none}.ba-reduction-card{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:.78rem;color:#9ca3af;transition:all .2s}.ba-reduction-option input:checked+.ba-reduction-card{background:rgba(239,68,68,.06);border-color:rgba(239,68,68,.25);color:#fca5a5}.ba-reduction-icon{font-size:.9rem;opacity:.5}.ba-reduction-option input:checked+.ba-reduction-card .ba-reduction-icon{opacity:1}.ba-attachment-list{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.ba-attachment-row{display:flex;align-items:center;gap:6px}.ba-att-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:3px 7px;border-radius:4px;flex-shrink:0;min-width:44px;text-align:center}.ba-att-imgur{background:rgba(29,185,84,.12);color:#1db954}.ba-att-youtube{background:rgba(255,0,0,.1);color:#f44}.ba-att-input{flex:1;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:7px 10px;color:#e5e7eb;font-size:.78rem;font-family:inherit;transition:border-color .2s;min-width:0}.ba-att-input:focus{outline:0;border-color:rgba(239,68,68,.3)}.ba-att-input.ba-att-invalid{border-color:rgba(239,68,68,.5);background:rgba(239,68,68,.04)}.ba-att-del{background:0 0;border:none;color:#ef4444;font-size:1.1rem;line-height:1;cursor:pointer;opacity:.5;padding:2px 4px;font-family:inherit;transition:opacity .15s}.ba-att-del:hover{opacity:1}.ba-attach-btns{display:flex;gap:8px}.ba-add-btn{padding:6px 14px;background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.12);border-radius:6px;color:#9ca3af;font-size:.78rem;font-family:inherit;cursor:pointer;transition:all .2s}.ba-add-btn:hover{background:rgba(255,255,255,.06);border-color:rgba(239,68,68,.25);color:#fca5a5}@media (max-width:768px){.hos-hero h1{font-size:1.6rem}.hos-tabs{gap:0}.hos-tab{padding:.6rem .85rem;font-size:.8rem}.ba-modal-overlay{padding:calc(70px + var(--event-banner-h,0px)) 12px 12px}.ba-modal-container{max-width:100%;border-radius:14px}}@media (max-width:600px){.hos-page{padding:0 1rem}.blacklist-disclaimer{flex-direction:column}.ba-appeals-header{flex-direction:column;align-items:flex-start;gap:.75rem}.ba-modal-grid{grid-template-columns:1fr}.ba-modal-guide-zone{display:none}.ba-modal-form-header{padding:20px 20px 0}.ba-modal-form-scroll{padding:0 20px 20px}.ba-info-grid{grid-template-columns:1fr}.ba-stance-group{grid-template-columns:1fr}.ba-char-row{flex-wrap:wrap;gap:.5rem}.ba-cooldown-bar{flex-direction:column;text-align:center}.ba-cooldown-remaining{margin-left:0}.ba-reduction-group{grid-template-columns:1fr}}.ba-detail-overlay{position:fixed;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10001;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}.ba-detail-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.ba-detail-container{position:relative;width:100%;max-width:820px;background:rgba(16,12,8,.97);border:1px solid rgba(239,68,68,.12);border-radius:20px;box-shadow:0 32px 80px rgba(0,0,0,.65),0 0 60px rgba(239,68,68,.04),0 0 0 1px rgba(239,68,68,.06) inset;overflow:clip;transform:scale(.94) translateY(16px);opacity:0;transition:transform .4s cubic-bezier(.4, 0, .2, 1),opacity .35s ease}.ba-detail-overlay.active .ba-detail-container{transform:scale(1) translateY(0);opacity:1}.ba-detail-container::before{content:'';display:block;height:2px;background:linear-gradient(90deg,#ef4444,#dc2626,#ff6b35,#dc2626,#ef4444);opacity:.7}.ba-detail-container::after{content:'';display:block;position:absolute;top:2px;left:0;right:0;height:24px;background:linear-gradient(to bottom,rgba(16,12,8,.95),transparent);pointer-events:none;z-index:3}.ba-detail-scroll{padding:32px 28px 40px;overflow-y:auto;max-height:calc(80vh - 2px);border-radius:0 0 18px 18px}.ba-detail-scroll::-webkit-scrollbar{width:6px}.ba-detail-scroll::-webkit-scrollbar-track{background:0 0}.ba-detail-scroll::-webkit-scrollbar-thumb{background:rgba(239,68,68,.25);border-radius:3px}.ba-detail-scroll::-webkit-scrollbar-thumb:hover{background:rgba(239,68,68,.4)}.ba-detail-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:var(--text-muted,rgba(255,255,255,.4));font-size:.85rem}.ba-detail-loading .spin{animation:baSpin 1s linear infinite}.ba-detail-error{text-align:center;padding:40px 20px;color:#ef4444;font-size:.88rem}.pv-layout{display:flex;flex-direction:column;gap:.65rem}.pv-hero{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1.25rem;background:linear-gradient(135deg,rgba(239,68,68,.08) 0,rgba(255,107,53,.04) 100%);border:1px solid rgba(239,68,68,.12);border-radius:12px;position:relative;overflow:hidden}.pv-hero::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ef4444,#ff6b35,#ef4444);opacity:.6}.pv-hero-left{display:flex;flex-direction:column;gap:2px}.pv-id{font-size:.68rem;color:#555;font-weight:700;letter-spacing:.5px}.pv-title{font-size:1.3rem;font-weight:800;background:linear-gradient(135deg,#ef4444,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-display, inherit)}.pv-hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.pv-status{padding:4px 14px;border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:1px}.pv-status-pending{background:rgba(245,158,11,.12);color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.pv-status-approved{background:rgba(34,197,94,.12);color:#22c55e;border:1px solid rgba(34,197,94,.25)}.pv-status-rejected{background:rgba(239,68,68,.12);color:#ef4444;border:1px solid rgba(239,68,68,.25)}.pv-deadline-ok{font-size:.75rem;color:#22c55e;font-weight:600}.pv-deadline-overdue{font-size:.75rem;color:#ef4444;font-weight:700;animation:ba-timer-pulse 1.5s ease-in-out infinite}.pv-deadline-resolved{font-size:.75rem;color:#777;font-style:italic}.pv-stats-row{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:rgba(255,255,255,.05);border-radius:10px;overflow:hidden}.pv-stat{background:rgba(12,10,8,.8);padding:10px 12px;display:flex;flex-direction:column;gap:3px}.pv-stat-label{font-size:.58rem;color:#4a4a4a;text-transform:uppercase;letter-spacing:.8px;font-weight:700}.pv-stat-val{font-size:.78rem;color:#d1d5db;font-weight:500}.pv-val-danger{color:#ef4444!important}.pv-val-ok{color:#22c55e!important;font-weight:600}.pv-val-warn{color:#f59e0b!important;font-weight:600}.pv-block{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:10px 14px}.pv-block-label{font-size:.6rem;color:#4a4a4a;text-transform:uppercase;letter-spacing:.8px;font-weight:700;margin-bottom:5px}.pv-block-body{font-size:.82rem;color:#b0b0b0;line-height:1.5;white-space:pre-wrap;word-break:break-word}.pv-chars{display:flex;flex-wrap:wrap;gap:5px}.pv-char-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:6px;font-size:.78rem;color:#d1d5db;font-weight:500}.pv-char-meta{color:#666;font-weight:400;font-size:.7rem}.pv-responses{display:flex;flex-direction:column;gap:5px}.pv-resp-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:10px 14px}.pv-resp-header{display:flex;justify-content:space-between;align-items:center}.pv-resp-wide .pv-resp-header{margin-bottom:6px}.pv-resp-title{font-size:.6rem;color:#4a4a4a;text-transform:uppercase;letter-spacing:.8px;font-weight:700}.pv-resp-body{font-size:.82rem;color:#b0b0b0;line-height:1.55;white-space:pre-wrap;word-break:break-word}.pv-stance{padding:3px 10px;border-radius:5px;font-size:.7rem;font-weight:700;letter-spacing:.3px}.pv-stance-innocent{background:rgba(59,130,246,.1);color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.pv-stance-guilty{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.pv-stance-partial{background:rgba(245,158,11,.1);color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.pv-stance-other{background:rgba(156,163,175,.08);color:#9ca3af;border:1px solid rgba(156,163,175,.15)}.pv-atts{margin-top:.15rem}.pv-att-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.pv-att-link{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:6px;font-size:.72rem;color:#777;text-decoration:none;transition:all .15s;word-break:break-all}.pv-att-link:hover{background:rgba(239,68,68,.04);border-color:rgba(239,68,68,.2);color:#ccc}.pv-att-type{font-size:.6rem;font-weight:700;text-transform:uppercase;padding:1px 5px;border-radius:3px}.pv-att-imgur{background:rgba(29,185,84,.12);color:#1db954}.pv-att-youtube{background:rgba(255,0,0,.1);color:#f44}.pv-decision{border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}.pv-decision::before{content:'';position:absolute;top:0;left:0;right:0;height:2px}.pv-decision-approved{background:rgba(34,197,94,.03);border:1px solid rgba(34,197,94,.12)}.pv-decision-approved::before{background:linear-gradient(90deg,transparent,#22c55e,transparent)}.pv-decision-rejected{background:rgba(239,68,68,.03);border:1px solid rgba(239,68,68,.12)}.pv-decision-rejected::before{background:linear-gradient(90deg,transparent,#ef4444,transparent)}.pv-decision-header{display:flex;flex-direction:column;gap:4px}.pv-decision-verdict{font-size:.8rem;font-weight:800;letter-spacing:1.5px}.pv-decision-approved .pv-decision-verdict{color:#22c55e}.pv-decision-rejected .pv-decision-verdict{color:#ef4444}.pv-decision-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.75rem;color:#666}.pv-decision-meta strong{color:#aaa}.pv-quote{background:rgba(255,255,255,.025);border-left:3px solid rgba(255,107,53,.35);padding:10px 14px;border-radius:0 8px 8px 0;font-size:.82rem;color:#a0a0a0;line-height:1.6;white-space:pre-wrap;word-break:break-word}.pv-quote.pv-quote-sm{font-size:.78rem;padding:8px 12px}.pv-quote-label{display:block;font-size:.58rem;color:#4a4a4a;text-transform:uppercase;letter-spacing:.8px;font-weight:700;margin-bottom:4px}.pv-analysis{display:flex;flex-direction:column;gap:6px;padding-top:4px}.pv-analysis-row{display:flex;align-items:center;gap:8px;font-size:.78rem;color:#9ca3af}.pv-analysis-label{font-size:.68rem;color:#555;font-weight:600;min-width:130px;flex-shrink:0}.pv-chips{display:flex;flex-wrap:wrap;gap:4px}.pv-chip{padding:2px 8px;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.18);border-radius:100px;font-size:.7rem;font-weight:600;color:#fca5a5}.pv-cooldown{display:flex;gap:24px;padding:10px 14px;background:rgba(239,68,68,.02);border:1px solid rgba(239,68,68,.1);border-radius:8px}.pv-cooldown-row{display:flex;align-items:center;gap:8px}.pv-pending{display:flex;align-items:center;gap:10px;padding:14px 16px;background:rgba(245,158,11,.04);border:1px solid rgba(245,158,11,.12);border-radius:10px;font-size:.82rem;color:#9ca3af;line-height:1.5}.pv-pending svg{flex-shrink:0;color:#f59e0b}.ba-detail-container>.ba-modal-close{position:absolute;top:10px;right:10px;z-index:5}.ba-history-card[data-appeal-id]{cursor:pointer}.ba-history-card[data-appeal-id]:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(0,0,0,.2)}@keyframes ba-timer-pulse{0%,100%{opacity:1}50%{opacity:.5}}@media (max-width:768px){.ba-detail-overlay{padding:12px}.ba-detail-container{max-width:100%;border-radius:14px}.ba-detail-scroll{max-height:calc(80vh - 2px)}.pv-stats-row{grid-template-columns:repeat(4,1fr)}.pv-hero{flex-direction:column;gap:10px}.pv-hero-right{align-items:flex-start;flex-direction:row;gap:8px}}@media (max-width:600px){.ba-detail-scroll{padding:20px 16px 32px;max-height:calc(85vh - 2px)}.ba-detail-container{border-radius:10px}.pv-stats-row{grid-template-columns:repeat(2,1fr)}.pv-cooldown{flex-direction:column;gap:6px}}