.admin-dashboard{padding:20px;max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#fff}.admin-header{text-align:center;margin-bottom:30px}.admin-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.admin-header p{font-size:1.2rem;opacity:.9}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#ffffff1a;border-radius:15px;padding:20px;display:flex;align-items:center;gap:15px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);background:#ffffff26;box-shadow:0 10px 25px #0003}.stat-icon{font-size:2.5rem;opacity:.8}.stat-content h3{font-size:1rem;margin-bottom:5px;opacity:.9}.stat-number{font-size:2rem;font-weight:700;margin-bottom:5px}.stat-subtitle{font-size:.8rem;opacity:.7}.admin-actions{margin-bottom:40px}.admin-actions h2{font-size:1.8rem;margin-bottom:20px;text-align:center}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.action-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:20px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease;color:#fff;text-decoration:none;width:100%;box-sizing:border-box}.action-button:hover{background:#fff3;transform:translateY(-3px);box-shadow:0 8px 20px #0003}.action-icon{font-size:2rem;opacity:.8}.action-content h3{font-size:1.2rem;margin-bottom:5px}.action-content p{font-size:.9rem;opacity:.8}.admin-system-status{background:#ffffff1a;border-radius:15px;padding:20px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.admin-system-status h2{font-size:1.5rem;margin-bottom:15px;text-align:center}.system-status{display:flex;align-items:center;gap:15px}.status-indicator{font-size:2rem}.status-indicator.healthy{animation:pulse 2s infinite}.status-indicator.unhealthy{animation:shake .5s infinite}.status-text h3{font-size:1.2rem;margin-bottom:5px}.status-text p{font-size:.9rem;opacity:.8}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 768px){.admin-dashboard{padding:15px}.admin-header h1{font-size:2rem}.admin-stats-grid,.action-grid{grid-template-columns:1fr}.stat-card,.action-button{padding:15px}.stat-icon,.action-icon{font-size:2rem}}.admin-user-management{padding:20px;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#fff}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2)}.admin-header h1{font-size:2.5rem;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.back-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem}.back-button:hover{background:#fff3;transform:translateY(-2px)}.admin-filters{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.filter-group{flex:1;min-width:200px}.search-input,.filter-select{width:100%;padding:10px 15px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem;backdrop-filter:blur(10px)}.search-input::placeholder{color:#ffffffb3}.search-input:focus,.filter-select:focus{outline:none;border-color:#fff6;background:#ffffff26}.admin-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px;background:#ffffff1a;border-radius:10px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.selected-info{color:#fffc;font-size:.9rem}.action-buttons{display:flex;gap:10px}.action-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.action-button:hover{background:#fff3;transform:translateY(-1px)}.action-button.refresh:hover{background:#22c55e4d}.admin-table-container{background:#ffffff1a;border-radius:15px;overflow:hidden;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);margin-bottom:20px}.admin-table{width:100%;border-collapse:collapse;color:#fff}.admin-table th,.admin-table td{padding:12px 15px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.sortable-header{transition:background-color .2s ease}.sortable-header:hover{background-color:#ffffff1a}.admin-table th{background:#ffffff1a;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.admin-table tbody tr:hover{background:#ffffff0d}.admin-table input[type=checkbox]{transform:scale(1.2);cursor:pointer}.status-badge,.role-badge{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;text-transform:uppercase}.status-badge.active{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.inactive{background:#9ca3af33;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.status-badge.suspended{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-badge.banned{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.role-badge.user{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.role-badge.moderator{background:#a855f733;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.role-badge.admin{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.admin-table .action-buttons{display:flex;gap:5px;align-items:center}.status-select{padding:4px 8px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff1a;color:#fff;font-size:.8rem;cursor:pointer}.status-select:focus{outline:none;border-color:#fff6}.delete-button{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.delete-button:hover{background:#ef44444d;transform:scale(1.1)}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px;background:#ffffff1a;border-radius:10px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.pagination-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.pagination-button:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.9rem;opacity:.8}.admin-loading,.admin-error,.admin-access-denied{text-align:center;padding:40px;background:#ffffff1a;border-radius:15px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.retry-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-top:15px}.retry-button:hover{background:#ffffff4d;transform:translateY(-2px)}@media (max-width: 768px){.admin-user-management{padding:15px}.admin-header{flex-direction:column;gap:15px;text-align:center}.admin-header h1{font-size:2rem}.admin-filters{flex-direction:column}.admin-actions{flex-direction:column;gap:15px;text-align:center}.admin-table-container{overflow-x:auto}.admin-table{min-width:800px}.admin-table th,.admin-table td{padding:8px 10px;font-size:.8rem}}.user-link-button{background:none;border:none;color:#fff;cursor:pointer;text-decoration:underline;padding:0;font-size:inherit;transition:all .2s ease}.user-link-button:hover{color:#fffc;text-decoration:none}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(5px)}.modal-content{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;border:1px solid rgba(255,255,255,.2)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.2)}.modal-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease}.modal-close:hover{background:#fff3;transform:rotate(90deg)}.modal-body{padding:20px}.form-group label{display:block;margin-bottom:8px;color:#ffffffe6;font-weight:500;font-size:.9rem}.form-group input[type=text],.form-group input[type=email],.form-group select{width:100%;padding:10px 15px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem;backdrop-filter:blur(10px)}.form-group input[type=text]:disabled,.form-group input[type=email]:disabled{opacity:.6;cursor:not-allowed}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group select:focus{outline:none;border-color:#fff6;background:#ffffff26}.form-group input[type=checkbox]{margin-right:8px;transform:scale(1.2);cursor:pointer}.form-group input[type=number]{width:100%;padding:10px 15px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem;backdrop-filter:blur(10px)}.form-group input[type=number]:focus{outline:none;border-color:#fff6;background:#ffffff26}.form-group input[type=number]:disabled{opacity:.6;cursor:not-allowed}.form-group small{display:block;margin-top:5px;font-size:.85rem;color:#ffffffb3}.form-section-divider{margin-top:30px;margin-bottom:20px;padding-top:20px;border-top:2px solid rgba(255,255,255,.2)}.form-section-divider h3{margin:0 0 15px;font-size:1.3rem;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid rgba(255,255,255,.2)}.modal-button{padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.modal-button.cancel{background:#ffffff1a;color:#fff}.modal-button.cancel:hover{background:#fff3}.modal-button.save{background:#22c55e4d;color:#fff;border-color:#22c55e80}.modal-button.save:hover{background:#22c55e66;transform:translateY(-2px)}.admin-board-management{padding:20px;background-color:#282c34;color:#e2e8f0;border-radius:8px;box-shadow:0 4px 8px #0003;margin-bottom:20px}.admin-board-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px}.admin-board-header h3{margin:0;font-size:1.8rem;color:#61dafb}.admin-board-actions{display:flex;gap:10px}.admin-refresh-button{background-color:#4a5568;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.admin-refresh-button:hover{background-color:#61dafb;color:#282c34}.admin-bulk-delete-button{background-color:#e53e3e;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.admin-bulk-delete-button:hover{background-color:#c53030}.admin-bulk-delete-button:disabled{background-color:#4a5568;cursor:not-allowed}.admin-board-filters{margin-bottom:20px}.admin-filter-group{display:flex;gap:10px;flex-wrap:wrap}.admin-filter-input,.admin-filter-select{padding:8px 12px;border:1px solid #4a5568;border-radius:5px;background-color:#3a3f47;color:#e2e8f0;font-size:.9rem}.admin-filter-input:focus,.admin-filter-select:focus{outline:none;border-color:#61dafb}.admin-board-stats{display:flex;justify-content:space-between;margin-bottom:15px;font-size:.9rem;color:#a0aec0}.admin-board-table{overflow-x:auto;margin-bottom:20px}.admin-table{width:100%;border-collapse:collapse;background-color:#3a3f47;border-radius:8px;overflow:hidden}.admin-table th,.admin-table td{padding:12px;text-align:left;border-bottom:1px solid #4a5568}.admin-table th{background-color:#4a5568;color:#e2e8f0;font-weight:600;font-size:.9rem}.admin-table td{color:#e2e8f0;font-size:.9rem}.admin-table tr:hover{background-color:#4a5568}.admin-table tr.selected{background-color:#2d3748}.admin-post-title{display:flex;align-items:center;gap:8px;max-width:300px}.admin-post-title-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-attachment-badge{background-color:#61dafb;color:#282c34;padding:2px 6px;border-radius:4px;font-size:.8rem;white-space:nowrap}.admin-board-type{padding:2px 6px;border-radius:4px;font-size:.8rem;font-weight:600}.admin-board-type.community{background-color:#4299e1;color:#fff}.admin-board-type.qna{background-color:#48bb78;color:#fff}.admin-board-type.notice{background-color:#ed8936;color:#fff}.admin-answered{color:#48bb78;font-weight:700}.admin-not-answered{color:#a0aec0}.admin-delete-button{background-color:#e53e3e;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background-color .3s ease}.admin-delete-button:hover{background-color:#c53030}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}.admin-pagination-button{background-color:#4a5568;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.admin-pagination-button:hover:not(:disabled){background-color:#61dafb;color:#282c34}.admin-pagination-button:disabled{background-color:#2d3748;cursor:not-allowed;opacity:.5}.admin-pagination-info{color:#a0aec0;font-size:.9rem}.admin-access-denied{text-align:center;padding:40px;color:#e53e3e}.admin-access-denied h2{margin-bottom:10px}.admin-loading{text-align:center;padding:40px;color:#61dafb}.admin-error{text-align:center;padding:40px;color:#e53e3e}@media (max-width: 768px){.admin-board-header{flex-direction:column;gap:15px;align-items:stretch}.admin-board-actions{justify-content:center}.admin-filter-group{flex-direction:column}.admin-board-table{font-size:.8rem}.admin-table th,.admin-table td{padding:8px}.admin-post-title{max-width:200px}}.admin-resource-management{padding:20px;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#fff}.admin-page-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2)}.admin-page-header h2{font-size:2.5rem;margin:0 0 10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.admin-page-header p{margin:0;opacity:.9;font-size:1.1rem}.admin-filter-section{background:#ffffff1a;padding:20px;border-radius:12px;margin-bottom:20px;backdrop-filter:blur(10px)}.admin-filter-row{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap}.admin-filter-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}.admin-filter-group label{font-size:.9rem;font-weight:600;opacity:.9}.admin-filter-group input,.admin-filter-group select{padding:10px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem}.admin-search-btn{padding:10px 20px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;white-space:nowrap}.admin-search-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.admin-stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.admin-stat-card{background:#ffffff1a;padding:20px;border-radius:12px;text-align:center;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.admin-stat-number{font-size:2rem;font-weight:700;margin-bottom:5px}.admin-stat-label{font-size:.9rem;opacity:.9}.admin-action-bar{display:flex;justify-content:space-between;align-items:center;background:#ffffff1a;padding:15px 20px;border-radius:8px;margin-bottom:20px;backdrop-filter:blur(10px)}.admin-delete-btn{padding:8px 16px;background:#ef4444cc;border:1px solid rgba(239,68,68,.5);border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;transition:all .3s ease}.admin-delete-btn:hover{background:#ef4444;transform:translateY(-2px)}.admin-loading,.admin-error{text-align:center;padding:40px;background:#ffffff1a;border-radius:12px;margin-bottom:20px}.admin-loading-spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 15px}.admin-table-container{background:#ffffff1a;border-radius:12px;overflow:hidden;margin-bottom:20px;backdrop-filter:blur(10px)}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:#ffffff26}.admin-table th{padding:15px;text-align:left;font-weight:600;border-bottom:2px solid rgba(255,255,255,.2)}.admin-table td{padding:15px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-table tbody tr:hover{background:#ffffff1a}.resource-title-cell{display:flex;align-items:center;gap:10px}.free-badge{background:#22c55ecc;padding:3px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.admin-action-buttons{display:flex;gap:8px}.admin-edit-btn,.admin-delete-btn{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease;background:#ffffff1a;color:#fff}.admin-edit-btn:hover{background:#3b82f6cc;transform:translateY(-2px)}.admin-delete-btn:hover{background:#ef4444cc;transform:translateY(-2px)}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px}.admin-pagination-btn,.admin-page-btn{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;transition:all .3s ease}.admin-pagination-btn:hover:not(:disabled),.admin-page-btn:hover{background:#fff3;transform:translateY(-2px)}.admin-page-numbers{display:flex;gap:5px}.admin-page-btn.active{background:#ffffff4d;font-weight:700}.admin-no-data{text-align:center;padding:60px;background:#ffffff1a;border-radius:12px;font-size:1.2rem}.admin-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(5px)}.admin-modal{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:0;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.2)}.admin-modal-header h3{margin:0;font-size:1.5rem}.admin-modal-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.admin-modal-close:hover{background:#fff3}.admin-modal-content{padding:20px}.admin-form-group{margin-bottom:20px}.admin-form-group label{display:block;margin-bottom:8px;font-weight:600;opacity:.9}.admin-form-group input,.admin-form-group textarea,.admin-form-group select{width:100%;padding:10px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem;font-family:inherit}.admin-form-group input[type=checkbox]{width:auto;margin-right:8px}.admin-form-group textarea{resize:vertical;min-height:100px}.admin-form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid rgba(255,255,255,.2)}.admin-cancel-btn,.admin-save-btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.admin-cancel-btn{background:#ffffff1a;color:#fff}.admin-cancel-btn:hover{background:#fff3}.admin-save-btn{background:#22c55ecc;color:#fff}.admin-save-btn:hover{background:#22c55e;transform:translateY(-2px)}.admin-access-denied{text-align:center;padding:60px;background:#ffffff1a;border-radius:12px}.admin-access-denied h2{font-size:2rem;margin-bottom:20px}@media (max-width: 768px){.admin-filter-row{flex-direction:column}.admin-filter-group{min-width:100%}.admin-table-container{overflow-x:auto}.admin-table{min-width:800px}.admin-form-row{grid-template-columns:1fr}}.ip-detail-tooltip{position:relative;display:inline-block;cursor:pointer}.ip-detail-trigger{font-size:.8rem;color:#61dafb;transition:color .2s ease}.ip-detail-trigger:hover{color:#fff}.ip-detail-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000f2;color:#fff;padding:10px;border-radius:5px;border:1px solid #333;font-size:.8rem;white-space:nowrap;z-index:1001;box-shadow:0 4px 12px #0000004d;backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;min-width:200px}.ip-detail-tooltip:hover .ip-detail-content{opacity:1;visibility:visible}.ip-detail-content div{margin:2px 0;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.1)}.ip-detail-content div:last-child{border-bottom:none}.ip-detail-content strong{color:#61dafb;font-weight:600}.admin-ip-cf{color:#ff6b6b;font-family:monospace;font-size:.8rem}.admin-ip-real{color:#4ecdc4;font-family:monospace;font-size:.8rem}.admin-ip-details{text-align:center;width:40px}.admin-panel{position:fixed;min-width:250px;max-width:600px;min-height:200px;max-height:800px;background:#000000e6;border:1px solid #333;border-radius:10px;color:#fff;font-size:.9rem;z-index:1000;box-shadow:0 4px 20px #0000004d;backdrop-filter:blur(10px);overflow:hidden;user-select:none;cursor:default}.admin-panel.dragging{cursor:grabbing;box-shadow:0 8px 32px #00000080}.admin-panel.resizing{cursor:nw-resize}.admin-panel-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid #333;background:#ff00001a;cursor:grab;user-select:none}.admin-panel-header:active{cursor:grabbing}.admin-resize-handle{position:absolute;bottom:0;right:0;width:20px;height:20px;background:linear-gradient(-45deg,transparent 30%,#666 30%,#666 35%,transparent 35%,transparent 65%,#666 65%,#666 70%,transparent 70%);cursor:nw-resize;z-index:10}.admin-resize-handle:hover{background:linear-gradient(-45deg,transparent 30%,#999 30%,#999 35%,transparent 35%,transparent 65%,#999 65%,#999 70%,transparent 70%)}.admin-panel-header h4{margin:0;font-size:1rem;color:#ff6b6b}.admin-panel-actions{display:flex;gap:5px}.admin-refresh-btn,.admin-expand-btn{background:none;border:none;color:#ff6b6b;cursor:pointer;font-size:1.2rem;padding:5px;border-radius:3px;transition:background-color .2s}.admin-refresh-btn:hover,.admin-expand-btn:hover{background:#ff6b6b33}.admin-refresh-btn.refreshing{animation:spin 1s linear infinite;pointer-events:none;opacity:.7}.admin-refresh-btn:disabled{opacity:.7;cursor:not-allowed}.admin-panel-content{padding:15px;height:calc(100% - 50px);overflow-y:auto;overflow-x:hidden}.admin-stats{margin-bottom:10px}.admin-stats p{margin:0;font-size:.9rem}.admin-count{color:#4ade80;font-weight:700}.admin-users-table{max-height:calc(100% - 60px);overflow-y:auto;overflow-x:auto}.admin-table{width:100%;min-width:280px;border-collapse:collapse;font-size:.8rem;table-layout:auto}.admin-table th,.admin-table td{padding:6px 8px;text-align:left;border-bottom:1px solid #333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-table th{position:sticky;top:0;background:#000000e6;z-index:10}.admin-table th{background:#ffffff1a;font-weight:600;color:#ff6b6b}.admin-ip{color:#a78bfa;font-family:monospace;font-size:.75rem}.admin-no-users{text-align:center;padding:20px;color:#666;font-style:italic}.admin-no-users p{margin:0;font-size:.8rem}.admin-panel-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);z-index:9999;overflow-y:auto}.admin-panel-fullscreen .admin-panel-header{background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.2);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(10px)}.admin-toggle-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem}.admin-toggle-button:hover{background:#fff3;transform:translateY(-2px)}.admin-nav{display:flex;gap:10px;flex-wrap:wrap}.admin-nav-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.admin-nav-button:hover{background:#fff3;transform:translateY(-1px)}.admin-nav-button.active{background:#ffffff4d;border-color:#fff6}.admin-panel-fullscreen .admin-panel-content{padding:0;background:transparent}.admin-coming-soon{text-align:center;padding:100px 20px;font-size:1.5rem;color:#fffc;background:#ffffff1a;border-radius:15px;margin:20px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}@media (max-width: 768px){.admin-panel{width:280px;bottom:10px;right:10px}.admin-panel-fullscreen .admin-nav{flex-direction:column;gap:5px}.admin-nav-button{padding:6px 12px;font-size:.8rem}}.admin-login-history{padding:20px;color:#fff}.admin-page-header{margin-bottom:30px;text-align:center}.admin-page-header h2{font-size:1.8rem;font-weight:700;margin-bottom:10px;color:#ff6b6b}.admin-page-header p{color:#ffffffb3;font-size:1rem}.admin-filter-section{background:#ffffff0d;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1)}.admin-filter-row{display:flex;gap:15px;align-items:end;flex-wrap:wrap}.admin-filter-group{display:flex;flex-direction:column;gap:5px;min-width:150px}.admin-filter-group label{font-size:.9rem;font-weight:500;color:#fff}.admin-filter-group input,.admin-filter-group select{padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.9rem}.admin-filter-group input::placeholder{color:#ffffff80}.admin-search-btn{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-search-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.admin-stats-section{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.admin-stat-card{background:#ffffff0d;border-radius:8px;padding:15px;text-align:center;border:1px solid rgba(255,255,255,.1);min-width:100px}.admin-stat-number{font-size:1.5rem;font-weight:700;color:#4ade80;margin-bottom:5px}.admin-stat-label{font-size:.8rem;color:#ffffffb3}.admin-table-container{background:#ffffff0d;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.admin-user-info{display:flex;flex-direction:column;gap:2px}.admin-username{color:#60a5fa;font-weight:500}.admin-user-id{font-size:.7rem;color:#fff9}.admin-action-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:600;color:#fff;text-transform:uppercase}.admin-ip-info{display:flex;flex-direction:column;gap:4px;font-size:.8rem}.admin-ip-detail{display:flex;flex-direction:column;gap:2px;padding:8px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.admin-ip-detail div{display:flex;justify-content:space-between;align-items:center;padding:2px 0}.admin-ip-detail strong{color:#60a5fa;font-size:.7rem;min-width:80px}.admin-ip-detail span{color:#fff;font-size:.7rem;font-family:monospace}.admin-logout-ip{margin-top:4px;padding:4px 8px;background:#ff98001a;border-radius:4px;border-left:3px solid #ff9800;font-size:.7rem}.admin-logout-ip strong{color:#ff9800}.admin-user-agent{max-width:200px;font-size:.7rem;color:#fffc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-loading{text-align:center;padding:40px;color:#ffffffb3}.admin-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #ff6b6b;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.admin-error{text-align:center;padding:40px;color:#ff6b6b}.admin-error button{margin-top:15px;padding:8px 16px;background:#ff6b6b33;border:1px solid #ff6b6b;border-radius:6px;color:#ff6b6b;cursor:pointer;transition:all .3s ease}.admin-error button:hover{background:#ff6b6b4d}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:20px}.admin-pagination-btn{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:all .3s ease}.admin-pagination-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.admin-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.admin-page-numbers{display:flex;gap:5px;margin:0 20px}.admin-page-btn{padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:all .3s ease;min-width:40px}.admin-page-btn:hover{background:#fff3;border-color:#ffffff4d}.admin-page-btn.active{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.admin-no-data{text-align:center;padding:60px 20px;color:#fff9}.admin-no-data p{font-size:1.1rem;margin:0}.avatar-selector-backdrop{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.avatar-selector-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(102,126,234,.5);border-radius:16px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.avatar-selector-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid rgba(102,126,234,.3);background:#0a0a0a80}.avatar-selector-header .modal-icon{font-size:1.5rem}.avatar-selector-header .modal-title{flex:1;margin:0;font-size:1.25rem;font-weight:600;color:#fff;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.avatar-selector-header .modal-close{background:transparent;border:none;color:#ffffffb3;font-size:1.5rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;line-height:1}.avatar-selector-header .modal-close:hover{background:#ffffff1a;color:#fff}.avatar-selector-content{padding:24px;overflow-y:auto;flex:1}.avatar-selector-description{margin:0 0 20px;color:#fffc;font-size:.95rem;text-align:center}.avatar-loading,.avatar-error,.avatar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;min-height:200px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid rgba(102,126,234,.3);border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{color:#fffc;font-size:1rem;animation:pulse 1.5s ease-in-out infinite}.avatar-error p{color:#ff6464e6;margin:0 0 16px;font-size:.95rem}.avatar-retry-btn{padding:8px 16px;background:#667eea33;border:1px solid rgba(102,126,234,.5);border-radius:6px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s}.avatar-retry-btn:hover{background:#667eea4d;border-color:#667eeab3}.avatar-empty p{color:#fff9;margin:0;font-size:.95rem}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;padding:8px 0}.avatar-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid transparent;background:#ffffff0d;transition:all .3s ease}.avatar-item:hover{border-color:#667eea80;transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.avatar-item.selected{border-color:#667eea;box-shadow:0 0 20px #667eea99;transform:scale(1.08)}.avatar-preview{width:100%;height:100%;object-fit:cover;display:block}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.5rem;font-weight:600}.avatar-checkmark{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#667eea;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;box-shadow:0 2px 8px #667eea80}.avatar-selector-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid rgba(102,126,234,.3);background:#0a0a0a80;gap:12px}.avatar-footer-actions{display:flex;gap:12px}.avatar-remove-btn{padding:10px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fffc;font-size:.9rem;cursor:pointer;transition:all .2s}.avatar-remove-btn:hover{background:#ffffff26;color:#fff}.avatar-cancel-btn,.avatar-confirm-btn{padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.avatar-cancel-btn{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.avatar-cancel-btn:hover{background:#ffffff26;color:#fff}.avatar-confirm-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.avatar-confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.avatar-confirm-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.avatar-selector-modal{width:95%;max-height:85vh}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.avatar-selector-footer{flex-direction:column;align-items:stretch}.avatar-remove-btn,.avatar-footer-actions{width:100%}.avatar-cancel-btn,.avatar-confirm-btn{flex:1}}.alert-modal-backdrop{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(8px)}.alert-modal{background:linear-gradient(145deg,#0a0a0a,#1a1a2e 30%,#16213e 70%,#0f3460);border-radius:20px;border:3px solid;box-shadow:0 0 30px #667eea4d,0 0 60px #764ba233,inset 0 1px #ffffff1a;max-width:450px;width:90%;max-height:80vh;overflow:hidden;animation:alertModalSlideIn .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.alert-modal.info{border-image:linear-gradient(45deg,#667eea,#764ba2) 1}.alert-modal.warning{border-image:linear-gradient(45deg,#f59e0b,#d97706) 1}.alert-modal.error{border-image:linear-gradient(45deg,#ef4444,#dc2626) 1}.alert-modal:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(102,126,234,.1) 50%,transparent 70%);pointer-events:none;animation:shimmer 3s infinite}@keyframes alertModalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.alert-modal-header{display:flex;align-items:center;padding:25px 50px 25px 30px;border-bottom:2px solid;border-image:linear-gradient(90deg,transparent,#667eea,#764ba2,transparent) 1;background:linear-gradient(135deg,#667eea1a,#764ba21a);position:relative}.alert-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#667eea,#764ba2,transparent);animation:borderGlow 2s infinite}.alert-modal-icon{font-size:2.5rem;margin-right:20px;animation:iconFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 10px currentColor)}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.alert-modal-title{flex:1;font-size:1.5rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5);background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.alert-modal-close{position:absolute;top:15px;right:15px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.alert-modal-close:hover{background:#fff3;transform:rotate(90deg);box-shadow:0 0 15px #667eea80}.alert-modal-content{padding:30px;color:#e2e8f0;line-height:1.6}.alert-modal-message{font-size:1rem;margin:0;white-space:pre-line;text-align:center}.alert-modal-footer{display:flex;gap:12px;justify-content:center;padding:20px 30px;border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#0003,#0000001a)}.alert-modal-close-btn,.alert-modal-action-btn{padding:12px 24px;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:2px solid transparent;min-width:100px}.alert-modal-close-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea4d}.alert-modal-close-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.alert-modal-action-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:#f59e0b4d}.alert-modal-action-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 4px 16px #f59e0b66}@media (max-width: 768px){.alert-modal{max-width:90%;margin:20px}.alert-modal-header{padding:20px 45px 20px 20px}.alert-modal-icon{font-size:2rem;margin-right:15px}.alert-modal-title{font-size:1.3rem}.alert-modal-content{padding:20px}.alert-modal-message{font-size:.9rem}.alert-modal-footer{padding:15px 20px;flex-direction:column}.alert-modal-close-btn,.alert-modal-action-btn{width:100%}}.layout-container{display:flex;flex-direction:row;width:100vw;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;font-family:Roboto,sans-serif}.sidebar{width:280px;height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);backdrop-filter:blur(10px);border-right:1px solid rgba(102,126,234,.3);color:#fff;padding:24px 16px;display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:var(--z-sidebar);box-shadow:10px 0 30px #0000004d;flex-shrink:0;overflow-y:auto}.sidebar-header{margin-bottom:32px;text-align:center;position:relative}.sidebar-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.logo-icon{font-size:2rem;animation:pulse 2s infinite}.sidebar-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-subtitle{font-size:.9rem;color:#ffffffb3;font-weight:300}.sidebar-menu{list-style:none;flex:1;overflow-y:auto;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);border-radius:8px;padding:8px;margin:-8px}.sidebar-menu-item{margin-bottom:4px}.sidebar-menu-link{display:flex;align-items:center;padding:12px 16px;color:#fff;text-decoration:none;border-radius:8px;transition:all .3s ease;border:1px solid transparent;position:relative}.sidebar-menu-link:hover{background:#667eea33;border-color:#667eea4d;transform:translate(5px)}.guest-auth-section{margin:20px 0;padding:0}.guest-auth-buttons{display:flex;flex-direction:column;gap:10px;padding:0 20px}.auth-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 18px;border-radius:10px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s ease;border:1px solid transparent;box-shadow:0 2px 8px #0003}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea4d}.login-button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.signup-button{background:#ffffff26;color:#e2e8f0;border-color:#ffffff4d}.signup-button:hover{background:#ffffff40;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #fff3}.auth-button.logout-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef44444d;cursor:pointer;width:100%}.auth-button.logout-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 16px #ef444466}.header-auth-mobile{display:none!important}.desktop-only{display:flex}.mobile-menu-toggle{display:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px 14px;color:#fff;cursor:pointer;transition:all .3s ease;margin-right:12px;font-size:1.5rem;line-height:1}.mobile-menu-toggle:hover{background:#fff3;transform:scale(1.05)}.hamburger-icon{display:block;font-size:1.5rem;line-height:1}.sidebar-overlay{display:none;position:fixed;inset:0;background:#000000b3;z-index:var(--z-sidebar);backdrop-filter:blur(4px)}.sidebar-close-btn{display:none;position:absolute;top:16px;right:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:36px;height:36px;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;transition:all .3s ease;align-items:center;justify-content:center;z-index:10}.sidebar-close-btn:hover{background:#fff3;transform:rotate(90deg)}.sidebar-footer .developer-card.clickable{cursor:pointer}.sidebar-footer .developer-card.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d;border-color:#667eea80}.mobile-auth-buttons{display:flex;gap:8px;align-items:center}.mobile-auth-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.85rem;transition:all .3s ease;border:1px solid transparent;cursor:pointer;white-space:nowrap}.mobile-btn-icon{font-size:1rem;line-height:1}.mobile-btn-text{font-size:.85rem}.mobile-login-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea4d;box-shadow:0 2px 8px #667eea4d}.mobile-login-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.mobile-signup-btn{background:#ffffff26;color:#e2e8f0;border-color:#ffffff4d;box-shadow:0 2px 8px #0000001a}.mobile-signup-btn:hover{background:#ffffff40;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #fff3}.mobile-logout-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef44444d;box-shadow:0 2px 8px #ef44444d}.mobile-logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.locked-menu-item{opacity:.6;cursor:not-allowed;position:relative}.locked-menu-item:hover{background:#ffffff0d;transform:none}.lock-badge{margin-left:auto;font-size:.7rem;padding:2px 6px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:4px;color:#fca5a5;font-weight:600}.restricted-menu-item{opacity:.7;cursor:pointer;position:relative}.restricted-menu-item:hover{background:#ffffff0d;transform:translate(5px)}.sidebar-menu-link .warning-badge{margin-left:6px;font-size:1.2rem;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;flex-shrink:0}.sidebar-menu-link>span:not(.warning-badge){flex:1}.sidebar-menu-link .warning-badge:first-of-type{margin-left:auto}.warning-badge.kakao-badge{background:linear-gradient(135deg,#fee500,#fdd835);border-radius:50%;padding:2px;box-shadow:0 2px 8px #fee50066;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px}.animated-warning{animation:warningRotate 2s ease-in-out infinite}@keyframes warningRotate{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.locked-menu-item .warning-badge{margin-left:auto}.sidebar-menu-link.active{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea}.menu-icon{font-size:1.2rem;margin-right:12px;min-width:20px}.sidebar-menu-link>span:not(.warning-badge){font-size:.95rem;font-weight:500}.sidebar-footer{margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.developer-card{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;border:1px solid rgba(102,126,234,.2);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.developer-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity .3s ease}.developer-card:hover:before{opacity:1}.developer-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea33;border-color:#667eea66}.sidebar-footer .developer-card .developer-avatar{width:64px;height:64px;min-width:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;border:3px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #667eea4d;position:relative;z-index:2;flex-shrink:0;overflow:hidden}.sidebar-footer .developer-card .developer-avatar .user-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.sidebar-footer .developer-card .developer-avatar .default-avatar{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.8rem}.sidebar-footer .developer-card .developer-avatar .guest-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.2rem}.sidebar-footer .developer-card .developer-info{flex:1;min-width:0;position:relative;z-index:2;overflow:hidden}.sidebar-footer .developer-card .developer-name{font-size:.95rem;font-weight:700;margin-bottom:4px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer .developer-card .developer-level{display:flex;align-items:center;gap:6px;margin-bottom:4px;flex-wrap:wrap}.sidebar-footer .developer-card .level-badge{font-size:.7rem;color:#fff;font-weight:700;padding:2px 8px;border-radius:12px;background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #f59e0b4d;letter-spacing:.5px;white-space:nowrap}.sidebar-footer .developer-card .level-text{font-size:.7rem;color:#fffc;font-weight:500;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer .developer-card .developer-status{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#ffffffe6;font-weight:500;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b98180;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.main-content-area{flex:1;display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);margin-left:280px}.header{min-height:100px;background:linear-gradient(135deg,#667eeae6,#764ba2e6);backdrop-filter:blur(10px);border-bottom:1px solid rgba(102,126,234,.3);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 32px;position:sticky;top:0;z-index:var(--z-header);flex-shrink:0;box-shadow:0 2px 20px #0000004d}.header-left{display:flex;align-items:center;flex:0 0 auto}.header-logo{display:flex;align-items:center;gap:15px}.header-logo .logo-icon{font-size:2rem;animation:pulse 2s infinite}.logo-text{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.header-title{font-size:1.75rem;font-weight:800;color:#fff;margin:0;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.2)}.header-subtitle{font-size:.9rem;color:#fffc;margin:0;line-height:1.2;font-weight:300}.header-center{display:flex;align-items:center;justify-content:center;flex:1;padding:0 20px}.header-dev-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:linear-gradient(135deg,#ef444433,#dc262626);border:1px solid rgba(239,68,68,.5);border-radius:8px;backdrop-filter:blur(10px);cursor:help;box-shadow:0 2px 10px #ef444433,0 0 20px #ef44441a;transition:all .3s ease;white-space:nowrap;position:relative}.header-dev-badge:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,#ef44444d,#dc262633);border-radius:8px;opacity:0;transition:opacity .3s ease;z-index:-1}.header-dev-badge:hover{background:linear-gradient(135deg,#ef444440,#dc262633);border-color:#ef444499;box-shadow:0 4px 15px #ef44444d,0 0 30px #ef444426}.header-dev-badge:hover:before{opacity:1}.dev-badge-icon{font-size:.9rem;flex-shrink:0;opacity:.95;filter:drop-shadow(0 0 4px rgba(239,68,68,.5))}.dev-badge-text{font-size:.85rem;color:#fee2e2f2;font-weight:500;letter-spacing:.2px;text-shadow:0 0 8px rgba(239,68,68,.3)}.header-right{display:flex;align-items:center;gap:30px;flex:0 0 auto}.header-stats{display:flex;gap:20px}.stat-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.stat-icon{font-size:1.2rem}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:.9rem;font-weight:600;line-height:1}.stat-label{font-size:.8rem;opacity:.8}.header-user{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.user-avatar{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;transition:all .3s ease}.user-avatar.clickable{cursor:pointer}.user-avatar.clickable:hover{transform:scale(1.1);box-shadow:0 0 15px #667eea80;border:2px solid rgba(102,126,234,.5)}.user-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.default-avatar{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem}.user-info{display:flex;flex-direction:column}.status-dot.offline{background:#6b7280;box-shadow:0 0 10px #6b728080}.user-name{font-size:.9rem;font-weight:600;line-height:1}.user-status{display:flex;align-items:center;gap:4px;font-size:.8rem;opacity:.8}.status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b98199;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.content{flex:1;padding:0;background:transparent;min-height:calc(100vh - 100px);overflow-y:auto}@media (min-height: 120px){.header{min-height:auto;height:auto}.content{min-height:calc(100vh - var(--header-height, 120px))}}@media (max-width: 1024px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.main-content-area{margin-left:0}.header-stats{display:none}.mobile-menu-toggle{display:flex}.sidebar-overlay{display:block}.sidebar-close-btn{display:flex}.desktop-only{display:none!important}}@media (max-width: 768px){.header{padding:0 20px;height:80px}.header-title{font-size:1.5rem}.header-subtitle{font-size:.8rem}.header-center{padding:0 10px;display:none}.header-dev-badge{padding:6px 12px;gap:6px}.dev-badge-icon{font-size:.8rem}.dev-badge-text{font-size:.7rem;white-space:normal}.logo-text{gap:3px}.header-right{gap:10px;flex-wrap:wrap}.header-user{display:none!important}.user-name{font-size:.8rem}.user-status{font-size:.7rem}.sidebar{width:100%;z-index:1003}.sidebar-header{margin-bottom:20px}.sidebar-title{font-size:1.3rem}.sidebar-menu-link{padding:10px 12px}.menu-icon{font-size:1.1rem}.sidebar-menu-link>span:not(.warning-badge){font-size:.9rem}.guest-auth-section{margin:24px 0;padding:0}.guest-auth-buttons{padding:0 16px;gap:12px}.auth-button{padding:16px 20px;font-size:1rem;border-radius:12px}.mobile-btn-text{font-size:.8rem}}.turnstile-section{margin-top:20px;padding:15px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);text-align:center}.turnstile-container{display:flex;justify-content:center;align-items:center}.turnstile-container .cf-turnstile{transform:scale(.8)}.turnstile-section:before{content:"🔒 보안 검증";display:block;font-size:.8rem;color:#ffffffb3;margin-bottom:10px;font-weight:500}.turnstile-loading{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.turnstile-loading .loading-spinner{font-size:1.5rem;animation:spin 1s linear infinite}.turnstile-loading p{color:#fffc;font-size:.9rem;margin:0}.home-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;font-family:Roboto,sans-serif}.game-header{position:relative;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.game-header-bg{position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="20" height="20" patternUnits="userSpaceOnUse"><path d="M 20 0 L 0 0 0 20" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.game-particles{position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.3) 0%,transparent 50%);animation:particles 20s ease-in-out infinite}@keyframes particles{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.game-header-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.game-logo{display:flex;align-items:center;gap:20px}.logo-icon{font-size:4rem;animation:pulse 2s infinite}.game-title{margin:0}.title-main{display:block;font-size:3.5rem;font-weight:900;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.3)}.title-sub{display:block;font-size:1.2rem;font-weight:300;opacity:.9;margin-top:5px}.game-stats{display:flex;gap:30px}.stat-card{text-align:center;background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:20px;min-width:120px}.stat-icon{font-size:2rem;margin-bottom:10px}.stat-value{font-size:2rem;font-weight:800;color:#fff;margin-bottom:5px}.stat-label{font-size:.9rem;opacity:.8}.game-nav{background:#0000004d;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:0 20px}.nav-container{display:flex;justify-content:center;gap:0;max-width:1200px;margin:0 auto}.nav-item{display:flex;flex-direction:column;align-items:center;padding:20px 30px;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;position:relative}.nav-item:hover{background:#ffffff1a}.nav-item.active{background:#667eea33;border-bottom-color:#667eea}.nav-icon{font-size:1.5rem;margin-bottom:8px}.nav-item span{font-size:.9rem;font-weight:500}.game-content{padding:40px 20px;max-width:1200px;margin:0 auto}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.game-card{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;margin-bottom:20px;transition:all .3s ease}.game-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#667eea80}.card-header{display:flex;align-items:center;padding:20px;margin:0;width:100%;box-sizing:border-box;background:#0003;border-bottom:1px solid rgba(255,255,255,.1);border-top-left-radius:16px;border-top-right-radius:16px}.card-icon{font-size:1.5rem;margin-right:12px}.card-header h3{margin:0;font-size:1.2rem;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-indicator{width:12px;height:12px;border-radius:50%;background:#10b981;box-shadow:0 0 10px #10b98180;animation:pulse 2s infinite}.status-indicator.offline{background:#6b7280;box-shadow:0 0 10px #6b728080}.card-content{padding:20px;margin:0}.card-content>*:first-child{margin-top:0}.card-content>*:last-child{margin-bottom:0}.player-info{display:flex;align-items:center;margin-bottom:20px}.player-avatar{font-size:3rem;margin-right:15px}.game-card.developer-status .card-content{padding-top:20px}.game-card.developer-status .developer-info{display:flex;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.game-card.developer-status .developer-avatar{width:80px;height:80px;min-width:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;margin-right:20px;border:3px solid rgba(102,126,234,.5);box-shadow:0 0 20px #667eea4d;position:relative;overflow:hidden}.game-card.developer-status .developer-avatar:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:shine 3s infinite}@keyframes shine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-card.developer-status .developer-avatar .user-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;position:relative;z-index:1}.game-card.developer-status .developer-avatar .default-avatar{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:2rem;position:relative;z-index:1}.game-card.developer-status .developer-details{flex:1;min-width:0}.game-card.developer-status .developer-name{font-size:1.5rem;font-weight:700;margin-bottom:8px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card.developer-status .developer-level{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.game-card.developer-status .level-badge{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;font-size:.85rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 4px #f59e0b4d}.game-card.developer-status .level-text{font-size:.9rem;color:#fffc;font-weight:500}.game-card.developer-status .developer-stats{display:flex;flex-direction:column;gap:15px;margin-top:20px}.player-details{flex:1}.player-name{font-size:1.3rem;font-weight:600;margin-bottom:5px}.player-level{font-size:.9rem;opacity:.7}.player-stats{display:flex;flex-direction:column;gap:15px}.stat-bar{display:flex;align-items:center;gap:10px}.stat-label{min-width:60px;font-size:.9rem;font-weight:500}.stat-progress{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.progress-fill.health{background:linear-gradient(90deg,#ef4444,#f97316)}.progress-fill.energy{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.progress-fill.mana{background:linear-gradient(90deg,#8b5cf6,#a855f7)}.progress-fill.activity{background:linear-gradient(90deg,#10b981,#34d399)}.progress-fill.exp{background:linear-gradient(90deg,#8b5cf6,#a855f7)}.progress-fill.points{background:linear-gradient(90deg,#f59e0b,#d97706)}.community-list{display:flex;flex-direction:column;gap:15px;margin:0;padding:0}.community-item{display:flex;align-items:center;padding:15px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.community-icon{font-size:1.5rem;margin-right:15px}.community-info{flex:1}.community-name{font-weight:600;margin-bottom:3px}.community-detail{font-size:.9rem;opacity:.7}.game-card.recent-notices{margin-bottom:20px}.notices-list{display:flex;flex-direction:column;gap:12px}.notice-item{padding:12px 15px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,107,107,.2);cursor:pointer;transition:all .3s ease}.notice-item:hover{background:#ff6b6b1a;border-color:#ff6b6b66;transform:translate(4px)}.notice-title{font-weight:600;margin-bottom:6px;color:#fff;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;opacity:.7}.notice-date,.notice-views{color:#fff9}.notices-loading,.notices-empty{text-align:center;padding:20px;color:#fff9;font-size:.9rem}.notices-more{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.notices-more-btn{background:#ff6b6b33;border:1px solid rgba(255,107,107,.3);border-radius:6px;color:#fff;padding:8px 16px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.notices-more-btn:hover{background:#ff6b6b4d;border-color:#ff6b6b80}.community-item .community-status{padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.community-item .community-status.active{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.stat-value{min-width:60px;text-align:right;font-size:.9rem;font-weight:500}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.action-btn{display:flex;flex-direction:column;align-items:center;padding:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease;text-decoration:none}.action-btn:hover{background:#667eea33;border-color:#667eea;transform:translateY(-2px)}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.btn-icon{font-size:2rem;margin-bottom:10px}.action-btn span{font-size:.9rem;font-weight:500}.server-list{display:flex;flex-direction:column;gap:15px}.server-item{display:flex;align-items:center;padding:15px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.server-icon{font-size:1.5rem;margin-right:15px}.server-info{flex:1}.server-name{font-weight:600;margin-bottom:3px}.server-detail{font-size:.9rem;opacity:.7}.server-status{padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.server-status.online{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.tech-categories{display:flex;flex-direction:column;gap:20px;margin:0;padding:0}.tech-category{background:#ffffff0d;border-radius:8px;padding:15px}.category-title{font-size:1rem;font-weight:600;margin-bottom:15px;color:#667eea}.tech-items{display:flex;flex-wrap:wrap;gap:10px}.tech-item{display:flex;align-items:center;padding:8px 12px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.tech-item:hover{background:#667eea33;border-color:#667eea}.tech-icon{font-size:1.2rem;margin-right:8px}.tech-item span{font-size:.9rem;font-weight:500}.game-footer{background:#0000004d;backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);padding:30px 20px}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.footer-logo{font-size:1.2rem;font-weight:600;margin-bottom:5px}.footer-desc{font-size:.9rem;opacity:.7}.footer-stats{display:flex;flex-direction:column;gap:5px}.footer-stat{display:flex;gap:10px;font-size:.9rem}.stat-label{opacity:.7}.stat-value.online{color:#10b981}@media (max-width: 1024px){.content-grid{grid-template-columns:1fr}.game-header-content{flex-direction:column;gap:30px;text-align:center}.game-stats{justify-content:center}}@media (max-width: 768px){.title-main{font-size:2.5rem}.game-stats{flex-direction:column;gap:15px}.nav-container{flex-wrap:wrap;gap:10px}.nav-item{padding:15px 20px}.action-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:20px;text-align:center}}.loading-stats{text-align:center;padding:20px;color:#667eea;font-size:.9rem;animation:pulse 1.5s ease-in-out infinite}.no-stats{text-align:center;padding:20px;color:#ff6b6b;font-size:.9rem}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.file-upload-container{margin:20px 0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.5;color:#fff}.file-upload-area{border:2px dashed rgba(255,255,255,.3);border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#ffffff05;position:relative;overflow:hidden}.file-upload-area:hover{border-color:#667eea;background:#667eea1a}.file-upload-area.drag-over{border-color:#667eea;background:#667eea33;transform:scale(1.02)}.file-upload-area.uploading{pointer-events:none;opacity:.7}.upload-content{position:relative;z-index:2}.upload-icon{font-size:3rem;margin-bottom:15px;opacity:.8}.upload-text{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:#fff}.upload-hint{font-size:.9rem;opacity:.7;margin:0;color:#fffc}.uploading-spinner{display:flex;flex-direction:column;align-items:center;gap:15px}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.uploading-spinner p{margin:0;color:#fff;font-size:1rem}.file-list{margin-top:15px;background:#ffffff08;border-radius:8px;padding:12px;border:1px solid rgba(255,255,255,.08)}.file-list-title{margin:0 0 10px;font-size:.95rem;font-weight:600;line-height:1.3;color:#ffffffe6;display:flex;align-items:center;gap:6px}.file-items{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto;padding-right:4px}.file-items::-webkit-scrollbar{width:6px}.file-items::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.file-items::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.file-items::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.file-item{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px;padding:6px 8px;background:#ffffff08;border-radius:4px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease;position:relative;width:100%;box-sizing:border-box;min-height:32px;max-height:32px}.file-item:hover{background:#ffffff0f;border-color:#ffffff26}.file-item-header{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;flex:1;min-width:0}.file-info{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px;flex:1;min-width:0}.file-icon{font-size:1rem;flex-shrink:0!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.file-details{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px;min-width:0;flex:1}.file-name{font-weight:500;color:#fff;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:.8rem;line-height:1.2;max-width:none;min-width:0;flex:1;display:inline-block}.file-size{font-size:.7rem;line-height:1.2;opacity:.6;color:#ffffffb3;white-space:nowrap!important;flex-shrink:0!important;display:inline-block}.file-actions{display:flex;gap:6px;flex-shrink:0!important;align-items:center}.image-preview,.file-item.has-image .image-preview{display:none}.file-item-pending{min-height:40px;max-height:80px;flex-wrap:nowrap}.file-item-pending.uploading{min-height:50px}.file-upload-status{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:100px;margin-left:auto}.file-progress-text{font-size:.7rem;color:#fffc;font-weight:600;min-width:38px;text-align:right;flex-shrink:0}.action-btn{padding:4px 8px;border:none;border-radius:4px;font-size:.75rem;font-weight:500;line-height:1.2;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:3px;font-family:inherit;white-space:nowrap}.view-btn{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.view-btn:hover{background:#3b82f64d;color:#93c5fd}.download-btn{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.download-btn:hover{background:#10b9814d;color:#6ee7b7}.delete-btn{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.delete-btn:hover{background:#ef44444d;color:#fca5a5}.disabled-btn{background:#ffffff0d!important;color:#ffffff4d!important;border:1px solid rgba(255,255,255,.1)!important;cursor:not-allowed!important;opacity:.5}@media (max-width: 768px){.file-upload-area{padding:30px 15px}.upload-icon{font-size:2.5rem}.upload-text{font-size:1rem}.upload-hint{font-size:.85rem}.file-item{flex-direction:column;align-items:stretch;gap:10px}.file-info{justify-content:flex-start}.file-actions{justify-content:flex-end}.action-btn{flex:1;justify-content:center}}.post-detail-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;font-family:Roboto,sans-serif;padding:20px;max-width:1200px;margin:0 auto}.post-detail-card{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000004d;margin-bottom:20px}.post-detail-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid rgba(255,255,255,.1);background:#0000001a}.back-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#fff3;border-color:#ffffff4d}.post-board-type{font-size:1.1rem;font-weight:600;color:#667eea}.post-detail-main{display:flex;flex-direction:column;gap:20px;padding:0 30px 30px}.post-header-section{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1)}.post-title-section{display:flex;align-items:center;gap:15px;margin-bottom:20px}.post-title{font-size:2.2rem;font-weight:700;margin:0;color:#fff;flex:1}.answered-badge{padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3);white-space:nowrap}.post-meta-section{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);align-items:center}.post-author{display:flex;align-items:center;gap:8px;font-size:1rem;color:#fffc}.author-avatar-small{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.author-avatar-placeholder{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:18px}.author-name{font-weight:500;font-size:1rem}.author-level-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:.8rem;font-weight:600;white-space:nowrap}.post-date{font-size:1rem;color:#fffc}.post-stats{display:flex;gap:20px;margin-left:auto}.post-views,.post-likes,.post-comments{font-size:.95rem;color:#ffffffb3}.post-image-gallery{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px}.post-image-gallery h3{font-size:1.3rem;margin-bottom:20px;color:#667eea;display:flex;align-items:center;gap:10px}.image-gallery-main{display:flex;flex-direction:column;gap:20px}.main-image-container{position:relative;width:100%;height:400px;background:#0003;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.main-image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease;cursor:pointer;display:flex;align-items:center;justify-content:center}.main-image.active{opacity:1}.main-image img{width:100%;height:100%;object-fit:contain;border-radius:12px}.gif-badge{position:absolute;top:15px;right:15px;background:#000c;color:#0f0;padding:6px 12px;border-radius:6px;font-size:.9rem;font-weight:700;font-family:monospace;z-index:2}.gallery-video-item{position:relative}.gallery-video{width:100%;height:100%;object-fit:cover;cursor:pointer}.gallery-video-item .video-play-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent!important;border-radius:0!important;opacity:1;transition:opacity .3s ease;pointer-events:auto;cursor:pointer;z-index:20;width:auto!important;height:auto!important}.gallery-video-item:hover .video-play-overlay{opacity:1;background:transparent!important;border-radius:0!important}.gallery-video-item .video-play-overlay .play-icon{font-size:3rem;color:#ffffffe6;text-shadow:0 2px 10px rgba(0,0,0,.8);margin-bottom:8px;display:inline-block;line-height:75px;width:80px;height:80px;background:#0009!important;border-radius:50%!important;padding:0 0 0 6px;box-shadow:none!important;transition:all .3s ease;position:relative;text-align:center;vertical-align:middle}.gallery-video-item .video-play-overlay .play-icon:before,.gallery-video-item .video-play-overlay .play-icon:after{display:none!important}.gallery-video-item:hover .video-play-overlay .play-icon{background:#667eeacc;transform:scale(1.1)}.gallery-video-item .video-play-overlay .video-badge{background:#667eeae6;color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600}.gallery-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0009;border:none;color:#fff;font-size:2rem;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:0;z-index:3}.main-image-container:hover .gallery-nav-btn{opacity:1}.gallery-nav-btn:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.gallery-nav-btn.prev-btn{left:20px}.gallery-nav-btn.next-btn{right:20px}.gallery-counter{position:absolute;bottom:20px;right:20px;background:#000c;color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;z-index:3}.thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;max-height:120px;overflow-y:auto}.thumbnail{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.thumbnail:hover{transform:scale(1.05);border-color:#667eea80}.thumbnail.active{border-color:#667eea;box-shadow:0 0 10px #667eea80}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-gif-badge{position:absolute;top:2px;right:2px;background:#000c;color:#0f0;padding:2px 4px;border-radius:3px;font-size:.6rem;font-weight:700;font-family:monospace}.image-thumbnail{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;background:#0000004d}.image-thumbnail:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.image-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-thumbnail:hover img{transform:scale(1.05)}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:15px;color:#fff;opacity:0;transition:opacity .3s ease}.image-thumbnail:hover .image-overlay{opacity:1}.image-name{display:block;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.image-size{font-size:.8rem;opacity:.8}.post-content-section{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px}.post-content{font-size:1.1rem;line-height:1.8;color:#fff;white-space:pre-wrap}.post-attachments-section{margin-bottom:15px;padding:8px;background:#ffffff05;border-radius:6px;border:1px solid rgba(255,255,255,.05);width:100%;min-width:0}.attachments-header{margin-bottom:6px;display:flex;align-items:center;gap:6px}.attachments-badge{font-size:.75rem;font-weight:600;color:#ffffffb3;padding:2px 8px;background:#667eea26;border-radius:10px;border:1px solid rgba(102,126,234,.2)}.attachments-list-compact{display:flex;flex-direction:column;gap:4px;max-height:250px;overflow-y:auto;padding-right:4px;width:100%}.attachments-list-compact::-webkit-scrollbar{width:4px}.attachments-list-compact::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.attachments-list-compact::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.attachments-list-compact::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.attachment-item-compact{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:8px;padding:6px 8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:4px;transition:all .2s ease;text-decoration:none;color:inherit;cursor:pointer;width:100%;box-sizing:border-box;min-height:32px;max-height:32px;overflow:hidden}.attachment-item-compact:hover{background:#667eea26;border-color:#667eea4d;transform:translate(2px)}.attachment-item-compact>*{display:inline-block!important;vertical-align:middle!important;flex-shrink:0}.attachment-icon-compact{font-size:.9rem;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#667eea26;border-radius:4px;flex-shrink:0!important;line-height:1;margin:0;padding:0}.attachment-name-compact{flex:1 1 auto!important;font-size:.8rem;font-weight:500;color:#fff;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0;max-width:none;line-height:1.2;display:inline-block!important;vertical-align:middle;text-align:left;margin:0;padding:0}.attachment-size-compact{font-size:.7rem;color:#ffffff80;white-space:nowrap!important;flex-shrink:0!important;line-height:1.2;display:inline-block!important;vertical-align:middle;margin:0;padding:0 4px}.attachment-download-icon{font-size:.75rem;opacity:.6;transition:all .2s ease;flex-shrink:0!important;display:inline-block!important;vertical-align:middle;line-height:1;margin:0;padding:0}.attachment-item-compact:hover .attachment-download-icon{opacity:1;transform:translateY(-1px)}.post-actions-section{display:flex;justify-content:center;gap:15px;text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.like-button{padding:12px 25px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.edit-button{padding:12px 25px;background:linear-gradient(135deg,#f59e0b,#ef4444);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f59e0b4d}.edit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.edit-button:disabled{opacity:.6;cursor:not-allowed}.like-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.security-notice{display:flex;gap:16px;padding:20px;margin:20px 0;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid rgba(102,126,234,.3);border-left:4px solid rgba(102,126,234,.6);border-radius:12px;backdrop-filter:blur(10px);box-shadow:0 4px 15px #667eea26}.security-notice-icon{font-size:2rem;flex-shrink:0;display:flex;align-items:flex-start;padding-top:4px}.security-notice-content{flex:1;display:flex;flex-direction:column;gap:10px}.security-notice-title{font-size:1.1rem;font-weight:700;color:#667eea;margin-bottom:4px}.security-notice-text{font-size:.95rem;line-height:1.7;color:#ffffffe6}.security-notice-text strong{color:#fff;font-weight:600;background:#667eea33;padding:2px 6px;border-radius:4px}.comments-section{padding:20px 0;border-top:1px solid rgba(255,255,255,.1)}.comments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.comments-header h3{font-size:1.5rem;margin:0;color:#fff}.add-comment-button{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.add-comment-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.comment-form{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:20px}.comment-form h4{font-size:1.2rem;margin-bottom:15px;color:#667eea}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-size:.9rem;font-weight:500;color:#ffffffe6}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#0000004d;color:#fff;font-size:.95rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px}.cancel-button,.submit-button{padding:10px 20px;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.cancel-button{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.cancel-button:hover{background:#fff3;color:#fff}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #667eea4d}.submit-button:disabled{opacity:.6;cursor:not-allowed}.comments-list{display:flex;flex-direction:column;gap:15px}.comment-item{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px;transition:all .3s ease}.comment-item:hover{background:#ffffff0d}.comment-item.reply{margin-left:30px;border-left:3px solid rgba(102,126,234,.3)}.comment-header{display:flex;gap:15px;margin-bottom:8px}.comment-author{font-weight:600;color:#667eea}.comment-date{font-size:.85rem;color:#fff9}.comment-content{font-size:1rem;line-height:1.6;color:#fff;margin-bottom:10px;white-space:pre-wrap}.comment-actions{display:flex;gap:10px}.reply-button{padding:6px 12px;background:#667eea33;border:1px solid rgba(102,126,234,.3);border-radius:4px;color:#667eea;font-size:.85rem;cursor:pointer;transition:all .3s ease}.reply-button:hover{background:#667eea4d;border-color:#667eea}.replies{margin-top:10px;display:flex;flex-direction:column;gap:10px}.no-comments{text-align:center;padding:40px;color:#fff9;font-style:italic}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(5px)}.edit-modal{background:#1a1a2ef2;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{margin:0;color:#fff;font-size:1.5rem}.modal-close{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover:not(:disabled){background:#ffffff1a}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:30px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 30px;border-top:1px solid rgba(255,255,255,.1)}.cancel-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.cancel-button:hover:not(:disabled){background:#fff3}.cancel-button:disabled,.submit-button:disabled{opacity:.6;cursor:not-allowed}.image-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal-overlay);padding:20px}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;min-width:300px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-image{max-width:80vw;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 50px #00000080;transition:all .3s ease}.modal-video{max-width:80vw;max-height:80vh;border-radius:8px;box-shadow:0 10px 50px #00000080;background:#000;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.modal-video[controls]{-webkit-appearance:none;appearance:none}.modal-video[controls]::-webkit-media-controls-panel{display:flex!important}.modal-video[controls]::-webkit-media-controls-play-button{display:flex!important}.modal-video[controls]::-webkit-media-controls-timeline-container{display:flex!important}.modal-video[controls]::-webkit-media-controls-timeline{display:flex!important}.modal-video[controls]::-webkit-media-controls-current-time-display{display:flex!important}.modal-video[controls]::-webkit-media-controls-time-remaining-display{display:flex!important}.modal-video-wrapper{position:relative;display:inline-block;max-width:80vw;max-height:80vh}.modal-video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:16px;pointer-events:none}.modal-video-loading .video-loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.modal-video-loading .video-loading-text{color:#fff;font-size:1rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.5);background:#00000080;padding:8px 16px;border-radius:8px;backdrop-filter:blur(10px)}.modal-video-wrapper .modal-video-watermark{position:absolute;top:15px;right:15px;z-index:20;pointer-events:none;user-select:none;-webkit-user-select:none}.modal-video-wrapper .modal-video-watermark .watermark-text{background:linear-gradient(135deg,#dc2626f2,#b91c1ce6);color:#fffffff2;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:700;letter-spacing:.5px;backdrop-filter:blur(6px);border:1px solid rgba(239,68,68,.6);box-shadow:0 4px 15px #dc262680,0 0 30px #dc26264d}.modal-close{position:absolute;top:-40px;right:0;background:#fff3;border:none;color:#fff;font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.modal-prev,.modal-next{position:absolute;top:50%;transform:translateY(-50%);background:#000c;border:none;color:#fff;font-size:2rem;width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:var(--z-modal-button);box-shadow:0 4px 15px #00000080}.modal-prev:hover,.modal-next:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.modal-info{margin-top:15px;text-align:center;color:#fff}.modal-filename{font-size:1.1rem;font-weight:500;margin-bottom:5px}.modal-filesize{font-size:.9rem;opacity:.8;margin-bottom:5px}.modal-counter{font-size:.9rem;opacity:.6}.loading,.error{text-align:center;padding:50px;font-size:1.1rem;opacity:.8;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.error{color:#ff6b6b}@media (max-width: 768px){.post-detail-container{padding:15px}.post-detail-header{flex-direction:column;gap:15px;align-items:flex-start}.post-title{font-size:1.8rem}.post-meta-section{flex-direction:column;gap:10px}.post-stats{margin-left:0}.image-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.image-thumbnail{aspect-ratio:4/3}.attachment-item{flex-direction:column;align-items:flex-start;gap:10px}.attachment-actions{width:100%;justify-content:flex-end}.comment-item.reply{margin-left:15px}.form-actions{flex-direction:column-reverse;gap:10px}.cancel-button,.submit-button{width:100%}.image-modal-content{max-width:95vw}.modal-image{max-width:90vw}.modal-prev,.modal-next{width:50px;height:50px;font-size:1.5rem}.modal-prev{left:-60px}.modal-next{right:-60px}.modal-close{top:10px;right:10px}}.post-content-integrated{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px;margin:20px 0;width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.post-content-section{margin-bottom:30px}.post-content{font-size:1.1rem;line-height:1.8;color:#ffffffe6;white-space:pre-wrap;word-wrap:break-word}.post-image-gallery-integrated{overflow:hidden;margin:30px 0;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.gallery-container{position:relative;display:flex;align-items:center;gap:10px;width:100%;overflow:hidden}.image-gallery-horizontal{display:flex;flex-direction:column;gap:15px;overflow-x:hidden;overflow-y:auto;padding:10px 0;scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.5) transparent;flex:1;width:100%}.image-gallery-horizontal::-webkit-scrollbar{width:6px;height:6px}.image-gallery-horizontal::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.image-gallery-horizontal::-webkit-scrollbar-thumb{background:#667eea80;border-radius:3px}.image-gallery-horizontal::-webkit-scrollbar-thumb:hover{background:#667eeab3}.gallery-image-item{flex-shrink:0;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;width:100%;overflow:hidden}.gallery-image-item:hover{box-shadow:0 4px 20px #667eea66}.image-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:#0000004d;border:2px solid rgba(255,255,255,.1);transition:all .3s ease}.image-wrapper:hover{border-color:#667eea80;box-shadow:0 4px 15px #667eea4d}.gallery-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-image:hover{transform:scale(1.05)}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:15px;display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity .3s ease;z-index:1}.gallery-video-item .image-overlay{display:none}.image-wrapper:hover .image-overlay{opacity:1}.image-name{font-weight:500;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-size{font-size:.75rem;opacity:.8}.gallery-info{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding:10px 15px;background:#667eea1a;border-radius:8px;border:1px solid rgba(102,126,234,.2)}.gallery-count{font-size:.9rem;font-weight:500;color:#667eea}.gallery-hint{font-size:.8rem;color:#fff9;font-style:italic}.gallery-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;border:none;color:#fff;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;opacity:.8}.gallery-nav-btn:hover{background:#000000e6;transform:translateY(-50%) scale(1.1);opacity:1}.gallery-prev-btn{left:-20px}.gallery-next-btn{right:-20px}@media (max-width: 768px){.image-wrapper{width:100%;aspect-ratio:16 / 9}.gallery-image-item{width:100%}.image-gallery-horizontal{gap:10px}.gallery-nav-btn{display:none}.gallery-info{flex-direction:column;gap:5px;text-align:center}}.community-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;font-family:Roboto,sans-serif}.community-header{text-align:center;margin-bottom:40px;padding:30px 20px;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.community-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="20" height="20" patternUnits="userSpaceOnUse"><path d="M 20 0 L 0 0 0 20" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.community-header h1{position:relative;z-index:2;font-size:3rem;font-weight:900;margin-bottom:10px;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.3)}.community-header p{position:relative;z-index:2;font-size:1.2rem;font-weight:300;opacity:.9;margin:0}.community-beta-badge{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:10px 20px;background:linear-gradient(135deg,#ef444433,#dc262626);border:1px solid rgba(239,68,68,.5);border-radius:12px;backdrop-filter:blur(10px);cursor:help;box-shadow:0 2px 10px #ef444433,0 0 20px #ef44441a;transition:all .3s ease}.community-beta-badge:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,#ef44444d,#dc262633);border-radius:12px;opacity:0;transition:opacity .3s ease;z-index:-1}.community-beta-badge:hover{background:linear-gradient(135deg,#ef444440,#dc262633);border-color:#ef444499;box-shadow:0 4px 15px #ef44444d,0 0 30px #ef444426}.community-beta-badge:hover:before{opacity:1}.beta-icon{font-size:1.1rem;flex-shrink:0;opacity:.95;filter:drop-shadow(0 0 4px rgba(239,68,68,.5))}.beta-text{font-size:.9rem;color:#fee2e2f2;font-weight:500;letter-spacing:.2px;text-shadow:0 0 8px rgba(239,68,68,.3)}.board-selector{display:flex;gap:0;margin-bottom:30px;background:#0000004d;backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.board-tab{display:flex;flex-direction:column;align-items:center;padding:20px 30px;background:transparent;border:none;color:#fff;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;position:relative;flex:1}.board-tab:hover{background:#ffffff1a}.board-tab.active{background:#667eea33;border-bottom-color:#667eea}.board-icon{font-size:1.5rem;margin-bottom:8px}.board-title{font-size:.9rem;font-weight:500}.community-board-content{padding:40px 20px;width:100%}.community-board-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.board-info h2{font-size:1.2rem;font-weight:600;margin:0;color:#fff}.board-info p{font-size:.9rem;opacity:.8;margin:5px 0 0}.write-button{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.write-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.community-posts-list{display:flex;flex-direction:column;gap:20px;width:100%;max-width:none}.community-post-item{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:0;transition:all .3s ease;overflow:hidden;width:100%;cursor:default}.community-post-item:hover,.post-item:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00000080;border-color:#667eea99;background:#ffffff1a}.post-content-wrapper{display:flex;height:200px;min-height:200px}.post-image-section{width:200px;min-width:200px;position:relative;background:#0003;display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:1}.image-slider{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0000001a;pointer-events:auto;z-index:1}.post-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;display:block}.post-video{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;display:block;background:#000;cursor:pointer;z-index:1;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.post-video[controls]{object-fit:contain;background:#000;cursor:default;pointer-events:auto}.image-container .video-play-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0006;opacity:.8;transition:opacity .3s ease,background .3s ease;pointer-events:auto!important;cursor:pointer;z-index:10;touch-action:manipulation}.image-slider:hover .image-container .video-play-overlay{opacity:1;background:#00000080}.post-video[controls]~.video-play-overlay{display:none}.image-container .video-play-overlay .play-icon{font-size:3rem;color:#ffffffe6;text-shadow:0 2px 10px rgba(0,0,0,.8);margin-bottom:8px;cursor:pointer;pointer-events:auto;user-select:none;-webkit-user-select:none;transition:transform .2s ease}.image-container .video-play-overlay .play-icon:hover{transform:scale(1.2);color:#fff}.image-container .video-play-overlay .play-icon:active{transform:scale(1.1)}.image-container .video-play-overlay .video-badge{background:#667eeae6;color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600}.image-container .video-play-overlay.video-loading{cursor:wait;background:#0009}.image-container .video-play-overlay .video-loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top:4px solid rgba(255,255,255,.9);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.image-container .video-watermark{position:absolute;top:10px;right:10px;z-index:15;pointer-events:none;user-select:none;-webkit-user-select:none}.image-container .video-watermark .watermark-text{background:linear-gradient(135deg,#dc2626f2,#b91c1ce6);color:#fffffff2;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:700;letter-spacing:.5px;backdrop-filter:blur(4px);border:1px solid rgba(239,68,68,.5);box-shadow:0 2px 10px #dc262666,0 0 20px #dc262633}.gif-badge{position:absolute;top:10px;right:10px;background:#000000b3;color:#0f0;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:700;font-family:monospace}.image-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:.8;z-index:20;pointer-events:auto;user-select:none;-webkit-user-select:none}.image-slider:hover .image-nav-btn,.image-slider:active .image-nav-btn{opacity:1;background:#000000e6}.image-nav-btn:active{transform:translateY(-50%) scale(.95)}.image-nav-btn:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.prev-btn{left:10px}.next-btn{right:10px}.image-counter{position:absolute;bottom:10px;right:10px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.no-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff0d;color:#ffffff4d;min-height:200px}.placeholder-icon{font-size:3rem}.post-text-section{flex:1;padding:20px;display:flex;flex-direction:column;justify-content:space-between;height:100%;overflow:hidden;cursor:pointer}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;gap:10px}.post-title{color:#fff;font-weight:600;font-size:1.1rem;margin:0;cursor:pointer;transition:all .3s ease;padding:5px;border-radius:4px;display:flex;align-items:center;line-height:1.4;max-height:2.8em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.post-title:hover{color:#667eea;background:#667eea1a}.attachment-badge{display:flex;align-items:center;gap:4px;font-size:.85rem;opacity:.9;padding:3px 8px;border-radius:6px;margin-left:8px;flex-shrink:0;white-space:nowrap;position:relative;z-index:1}.attachment-badge.image-badge{color:#22c55ee6;background:#22c55e26;border:1px solid rgba(34,197,94,.3)}.attachment-badge.file-badge{color:#667eeae6;background:#667eea26;border:1px solid rgba(102,126,234,.3)}.answered-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3);flex-shrink:0;white-space:nowrap;margin-left:auto}.post-meta{display:flex;gap:15px;margin-bottom:10px;font-size:.9rem;opacity:.8;flex-wrap:wrap;align-items:center;flex-shrink:0}.post-author{display:flex;align-items:center;gap:8px}.author-avatar-small{width:40px;height:40px;border-radius:8px;object-fit:cover;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0003}.author-avatar-placeholder{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;font-size:20px;background:#282d3ce6;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0003}.author-level-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap}.post-date,.post-views,.post-likes,.post-comments{display:flex;align-items:center;gap:5px}.post-actions{display:flex;gap:10px;flex-shrink:0;margin-top:auto}.like-button{padding:6px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem}.like-button:hover{background:#fff3}.loading{text-align:center;padding:40px;font-size:1.1rem;opacity:.8}.error{text-align:center;padding:40px;color:#ff6b6b;font-size:1.1rem}.no-posts{text-align:center;padding:60px 40px;opacity:.8}.no-posts p{font-size:1.1rem;margin:0}.infinite-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;color:#fffc;gap:15px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.infinite-loading span{font-size:.9rem;font-weight:500}.no-more-posts{display:flex;justify-content:center;align-items:center;padding:30px;color:#fff9;font-size:.9rem;font-style:italic}.pagination{display:none}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(5px);overflow-y:auto;overscroll-behavior:contain}.modal-overlay::-webkit-scrollbar{width:8px}.modal-overlay::-webkit-scrollbar-track{background:transparent}.modal-overlay::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:40px;width:95%;max-width:1200px;min-width:800px;max-height:90vh;overflow-y:auto;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #00000080}.modal-content h3{margin:0 0 20px;font-size:1.5rem;color:#fff;font-weight:600}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#fff;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.cancel-button{padding:12px 24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500}.submit-button{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:600;box-shadow:0 4px 15px #667eea4d}.submit-button:disabled{opacity:.5;cursor:not-allowed}.upload-progress-container{margin-top:20px;padding:20px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:8px}.upload-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:1rem;font-weight:600;color:#fff;gap:12px;flex-wrap:wrap}.upload-progress-header>span{display:flex;align-items:center;gap:6px}.upload-file-count{font-size:.9rem;opacity:.8;font-weight:500}.upload-progress-percent{font-size:1.1rem;font-weight:700;color:#667eea;flex-shrink:0}.upload-progress-bar{width:100%;height:24px;background:#ffffff1a;border-radius:12px;overflow:hidden;position:relative;margin-bottom:8px}.upload-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:12px;transition:width .3s ease;position:relative;overflow:hidden}.upload-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}.upload-progress-info{display:flex;justify-content:center;align-items:center;font-size:.9rem;color:#ffffffb3;gap:8px;flex-wrap:wrap;margin-top:8px}.upload-files-info{font-size:.85rem;opacity:.8;color:#fff9}@media (max-width: 1024px){.board-selector{flex-wrap:wrap}.board-tab{flex:1;min-width:120px}}@media (max-width: 768px){.modal-content{max-width:95%;min-width:unset;padding:20px}.community-container{padding:15px}.community-header h1{font-size:2.5rem}.board-selector{flex-direction:column;gap:0}.board-tab{padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.board-header{flex-direction:column;gap:15px;align-items:stretch}.post-meta{flex-wrap:wrap;gap:10px}.modal-content{width:95%;padding:20px}.modal-actions{flex-direction:column}.post-content-wrapper{flex-direction:column;height:auto;min-height:200px}.post-image-section{width:100%;min-width:auto;height:200px}.main-image-container{height:300px}.thumbnail-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));max-height:100px}.gallery-nav-btn{width:40px;height:40px;font-size:1.5rem}.gallery-nav-btn.prev-btn{left:10px}.gallery-nav-btn.next-btn{right:10px}.image-nav-btn{opacity:.9;width:45px;height:45px;font-size:1.8rem}}.community-v2{padding:20px;max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);min-height:100vh;color:#fff}.community-v2-header{text-align:center;margin-bottom:40px;padding:30px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.community-v2-header h1{font-size:2.5rem;font-weight:800;margin-bottom:10px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.community-v2-header p{font-size:1.1rem;opacity:.8;margin:0}.category-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.category-btn:hover{background:#fff3;border-color:#ffffff4d}.category-btn.active{background:var(--active-color, #667eea);border-color:var(--active-color, #667eea);color:#fff}.category-name{font-size:.9rem;font-weight:500}.community-v2-write-button{display:flex;align-items:center;gap:8px;padding:12px 25px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.community-v2-write-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.community-v2-board{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;margin-bottom:30px}.board-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;margin-bottom:20px}.board-info h2{font-size:1.8rem;font-weight:700;margin-bottom:5px;display:flex;align-items:center;gap:10px}.board-info p{font-size:.9rem;opacity:.8;margin:0}.community-v2-board-content{padding:0}.community-v2-table-container{overflow-x:auto;overflow-y:hidden}.community-v2-table{width:100%;border-collapse:collapse;background:transparent}.community-v2-table thead{background:#0003}.community-v2-table th{padding:15px 10px;text-align:center;font-weight:600;font-size:.9rem;color:#fff;border-bottom:2px solid rgba(255,255,255,.1)}.community-v2-th-number{width:80px}.community-v2-th-title{text-align:left;padding-left:20px;width:auto;min-width:250px}.community-v2-th-author{width:180px;min-width:180px}.community-v2-th-date{width:180px}.community-v2-th-views,.community-v2-th-likes{width:80px}.community-v2-table-row{cursor:pointer;transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.05);border-left:2px solid transparent}.community-v2-table-row:hover{background:#667eea14;border-left-color:#667eea66}.community-v2-table-row:last-child{border-bottom:none}.community-v2-table td{padding:12px 10px;text-align:center;font-size:.9rem;color:#fffc;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0}.community-v2-td-author{text-align:left;padding-left:15px;width:180px;min-width:180px;max-width:180px}.community-v2-author-container{display:flex;align-items:center;gap:4px;justify-content:flex-start;flex-wrap:nowrap}.community-v2-author-avatar{width:40px;height:40px;border-radius:8px;object-fit:cover;border:2px solid rgba(255,255,255,.3);flex-shrink:0;box-shadow:0 2px 8px #0003}.community-v2-author-avatar-placeholder{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;font-size:20px;flex-shrink:0;background:#282d3ce6;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0003}.community-v2-author-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0;max-width:80px}.community-v2-author-level-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap;flex-shrink:0}.community-v2-td-title{text-align:left;padding-left:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:none}.community-v2-title-container{display:flex;align-items:center;position:relative;min-height:24px;flex-wrap:nowrap;gap:8px}.community-v2-title-text{flex:1;cursor:pointer;transition:color .3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-right:120px;max-width:calc(100% - 120px);line-height:1.4;position:relative;display:block}.community-v2-title-text:hover{color:#667eea}.community-v2-answered-badge{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;position:absolute;right:0;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:2;transition:none}.community-v2-title-container .attachment-badge{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;opacity:.9;padding:2px 6px;border-radius:4px;margin-left:auto;flex-shrink:0;white-space:nowrap;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1;transition:none}.community-v2-title-container .image-badge{color:#22c55ee6;background:#22c55e26;border:1px solid rgba(34,197,94,.3)}.community-v2-title-container .file-badge{color:#667eeae6;background:#667eea26;border:1px solid rgba(102,126,234,.3)}.community-v2-title-container .community-v2-answered-badge~.attachment-badge{right:60px}.community-v2-loading,.community-v2-error{text-align:center;padding:40px;font-size:1.1rem;color:#ffffffb3}.community-v2-error{color:#ff6b6b}.community-v2-no-posts{text-align:center;padding:60px 20px;color:#fff9}.community-v2-no-posts p{font-size:1.1rem;margin:0}.community-v2-pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding:20px 30px;background:#0000001a;border-top:1px solid rgba(255,255,255,.1)}.community-v2-pagination-btn{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.community-v2-pagination-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.community-v2-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.community-v2-page-numbers{display:flex;gap:5px;margin:0 20px}.community-v2-page-btn{padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;min-width:40px}.community-v2-page-btn:hover{background:#fff3;border-color:#ffffff4d}.community-v2-page-btn.active{background:#667eea;border-color:#667eea;color:#fff}.modal-content h3{font-size:1.5rem;font-weight:700;margin-bottom:20px;color:#fff;text-align:center}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;background:#ffffff26}.cancel-button,.submit-button{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.cancel-button:hover{background:#fff3}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.community-v2{padding:15px}.community-v2-header h1{font-size:2rem}.category-filters{flex-direction:column;gap:5px}.category-btn{justify-content:center;padding:10px 15px}.community-v2-table{font-size:.8rem}.community-v2-table th,.community-v2-table td{padding:10px 5px}.community-v2-th-title,.community-v2-td-title{padding-left:10px}.community-v2-page-numbers{margin:0 10px}.community-v2-page-btn{padding:6px 8px;min-width:32px;font-size:.8rem}.modal-content{padding:20px}.modal-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.notice{padding:20px;max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);min-height:100vh;color:#fff}.notice-header{text-align:center;margin-bottom:40px;padding:30px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.notice-header h1{font-size:2.5rem;font-weight:800;margin-bottom:10px;background:linear-gradient(45deg,#ff6b6b,#ee5a6f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.notice-header p{font-size:1.1rem;opacity:.8;margin:0}.notice-board{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;margin-bottom:30px}.notice-board-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.notice-board-info{font-size:.9rem;opacity:.8}.notice-write-button{display:flex;align-items:center;gap:8px;padding:12px 25px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d}.notice-write-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.notice-board-content{padding:0}.notice-table-container{overflow-x:auto;overflow-y:hidden}.notice-table{width:100%;border-collapse:collapse;background:transparent}.notice-table thead{background:#0003}.notice-table th{padding:15px 10px;text-align:center;font-weight:600;font-size:.9rem;color:#fff;border-bottom:2px solid rgba(255,255,255,.1)}.notice-th-number{width:80px}.notice-th-title{text-align:left;padding-left:20px;width:auto;min-width:250px}.notice-th-author{width:180px;min-width:180px}.notice-th-date{width:180px}.notice-th-views{width:80px}.notice-table-row{cursor:pointer;transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.05);border-left:2px solid transparent}.notice-table-row:hover{background:#ff6b6b14;border-left-color:#ff6b6b66}.notice-table-row:last-child{border-bottom:none}.notice-table td{padding:12px 10px;text-align:center;font-size:.9rem;color:#fffc;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0}.notice-td-author{text-align:left;padding-left:15px;width:180px;min-width:180px;max-width:180px}.notice-author-container{display:flex;align-items:center;gap:4px;justify-content:flex-start;flex-wrap:nowrap}.notice-author-avatar{width:40px;height:40px;border-radius:8px;object-fit:cover;border:2px solid rgba(255,255,255,.3);flex-shrink:0;box-shadow:0 2px 8px #0003}.notice-author-avatar-placeholder{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;font-size:20px;flex-shrink:0;background:#282d3ce6;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0003}.notice-author-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0;max-width:80px}.notice-author-level-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:600;white-space:nowrap;flex-shrink:0}.notice-td-title{text-align:left;padding-left:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:none}.notice-title-container{display:flex;align-items:center;position:relative;min-height:24px;flex-wrap:nowrap;gap:8px}.notice-title-text{flex:1;cursor:pointer;transition:color .3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-right:120px;max-width:calc(100% - 120px);line-height:1.4;position:relative;display:block}.notice-title-text:hover{color:#ff6b6b}.notice-title-container .attachment-badge{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;opacity:.9;padding:2px 6px;border-radius:4px;margin-left:auto;flex-shrink:0;white-space:nowrap;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1;transition:none}.notice-title-container .image-badge{color:#22c55ee6;background:#22c55e26;border:1px solid rgba(34,197,94,.3)}.notice-title-container .file-badge{color:#ff6b6be6;background:#ff6b6b26;border:1px solid rgba(255,107,107,.3)}.notice-loading,.notice-error{text-align:center;padding:40px;font-size:1.1rem;color:#ffffffb3}.notice-error{color:#ff6b6b}.notice-no-posts{text-align:center;padding:60px 20px;color:#fff9}.notice-no-posts p{font-size:1.1rem;margin:0}.notice-pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding:20px 30px;background:#0000001a;border-top:1px solid rgba(255,255,255,.1)}.notice-pagination-btn{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.notice-pagination-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.notice-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.notice-page-numbers{display:flex;gap:5px;margin:0 20px}.notice-page-btn{padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;min-width:40px}.notice-page-btn:hover{background:#fff3;border-color:#ffffff4d}.notice-page-btn.active{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:30px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.modal-close-btn{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.modal-close-btn:hover{background:#ffffff1a}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#fff}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ff6b6b;background:#ffffff26}.content-editor{min-height:200px;padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;outline:none;overflow-y:auto;line-height:1.6}.content-editor:focus{border-color:#ff6b6b;background:#ffffff26}.modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.btn-primary,.btn-secondary{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#fff3}.btn-primary{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;box-shadow:0 4px 15px #ff6b6b4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.editor-toolbar{display:flex;align-items:center;gap:15px;margin-bottom:10px;padding:10px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,107,107,.3);flex-wrap:wrap}.color-picker-btn{padding:6px 12px;background:#ff6b6b33;border:1px solid rgba(255,107,107,.3);border-radius:6px;color:#fff;cursor:pointer;font-size:.9em;transition:all .3s ease}.color-picker-btn:hover{background:#ff6b6b66;border-color:#ff6b6b}.color-palette{position:absolute;top:100%;left:0;margin-top:5px;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:10px;background:#1a1a2ef2;border:1px solid rgba(255,107,107,.3);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1000;min-width:200px}.color-palette-item{width:32px;height:32px;border:2px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;transition:all .2s ease;padding:0}.color-palette-item:hover{border-color:#ff6b6b;transform:scale(1.1);box-shadow:0 2px 8px #ff6b6b66}@media (max-width: 768px){.notice{padding:15px}.notice-header h1{font-size:2rem}.notice-table{font-size:.8rem}.notice-table th,.notice-table td{padding:10px 5px}.notice-th-title,.notice-td-title{padding-left:10px}.notice-page-numbers{margin:0 10px}.notice-page-btn{padding:6px 8px;min-width:32px;font-size:.8rem}.modal-content{padding:20px}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.download-modal-backdrop{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(8px)}.download-modal{background:linear-gradient(145deg,#0a0a0a,#1a1a2e 30%,#16213e 70%,#0f3460);border-radius:20px;border:3px solid;border-image:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c) 1;box-shadow:0 0 30px #667eea4d,0 0 60px #764ba233,inset 0 1px #ffffff1a;max-width:550px;width:90%;max-height:80vh;overflow:hidden;animation:modalSlideIn .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.download-modal:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(102,126,234,.1) 50%,transparent 70%);pointer-events:none;animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.8) rotateX(15deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.download-modal-header{display:flex;align-items:center;padding:25px 50px 25px 30px;border-bottom:2px solid;border-image:linear-gradient(90deg,transparent,#667eea,#764ba2,transparent) 1;background:linear-gradient(135deg,#667eea1a,#764ba21a);position:relative}.download-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#667eea,#764ba2,transparent);animation:borderGlow 2s infinite}@keyframes borderGlow{0%,to{opacity:.5}50%{opacity:1}}.modal-icon{font-size:2.5rem;margin-right:20px;animation:iconFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 10px currentColor)}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(5deg)}75%{transform:translateY(5px) rotate(-5deg)}}.modal-title{flex:1;font-size:1.6rem;font-weight:800;background:linear-gradient(45deg,#fff,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 0 20px rgba(102,126,234,.5);letter-spacing:.5px}.modal-close{background:linear-gradient(135deg,#ffffff1a,#667eea33);border:2px solid rgba(102,126,234,.3);color:#fff;font-size:1.8rem;cursor:pointer;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:absolute;top:50%;right:10px;transform:translateY(-50%);overflow:hidden;z-index:10}.modal-close:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.modal-close:hover{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea;transform:translateY(-50%) scale(1.1);box-shadow:0 0 20px #667eea80}.modal-close:hover:before{left:100%}.download-modal-content{padding:30px;background:linear-gradient(135deg,#0003,#1a1a2e4d)}.modal-message{font-size:1.1rem;line-height:1.7;color:#fff;margin:0 0 25px;text-shadow:0 1px 3px rgba(0,0,0,.5);font-weight:500}.modal-details{background:linear-gradient(135deg,#0006,#16213e99);border-radius:12px;padding:20px;border:2px solid;border-image:linear-gradient(45deg,#667eea,#764ba2) 1;position:relative;overflow:hidden}.modal-details:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#667eea,#764ba2,transparent)}.detail-item{display:flex;align-items:flex-start;margin-bottom:12px;font-size:.95rem;position:relative;padding-left:5px}.detail-item:last-child{margin-bottom:0}.detail-bullet{color:#667eea;font-weight:700;margin-right:12px;flex-shrink:0;font-size:1.2rem;text-shadow:0 0 10px currentColor;animation:bulletPulse 2s infinite}@keyframes bulletPulse{0%,to{opacity:1}50%{opacity:.7}}.detail-text{color:#fff;line-height:1.5;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5)}.download-modal-footer{display:flex;gap:15px;padding:25px 30px;border-top:2px solid;border-image:linear-gradient(90deg,transparent,#667eea,#764ba2,transparent) 1;background:linear-gradient(135deg,#0000004d,#1a1a2e33);justify-content:flex-end;position:relative}.download-modal-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#667eea,#764ba2,transparent);animation:borderGlow 2s infinite}.modal-action-btn,.modal-close-btn{padding:12px 24px;border:none;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);min-width:100px;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.modal-action-btn{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);color:#fff;box-shadow:0 4px 15px #667eea4d}.modal-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.modal-action-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #667eea80}.modal-action-btn:hover:before{left:100%}.modal-close-btn{background:linear-gradient(135deg,#ffffff1a,#667eea33);color:#fff;border:2px solid rgba(102,126,234,.3);box-shadow:0 2px 10px #0003}.modal-close-btn:hover{background:linear-gradient(135deg,#667eea33,#764ba24d);border-color:#667eea;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #667eea4d}.download-modal.success{border-image:linear-gradient(45deg,#10b981,#34d399,#6ee7b7) 1;box-shadow:0 0 30px #10b9814d,0 0 60px #34d39933,inset 0 1px #ffffff1a}.download-modal.success .modal-icon{color:#10b981;filter:drop-shadow(0 0 15px #10b981)}.download-modal.error{border-image:linear-gradient(45deg,#ef4444,#f87171,#fca5a5) 1;box-shadow:0 0 30px #ef44444d,0 0 60px #f8717133,inset 0 1px #ffffff1a}.download-modal.error .modal-icon{color:#ef4444;filter:drop-shadow(0 0 15px #ef4444)}.download-modal.warning{border-image:linear-gradient(45deg,#f59e0b,#fbbf24,#fcd34d) 1;box-shadow:0 0 30px #f59e0b4d,0 0 60px #fbbf2433,inset 0 1px #ffffff1a}.download-modal.warning .modal-icon{color:#f59e0b;filter:drop-shadow(0 0 15px #f59e0b)}.download-modal.info{border-image:linear-gradient(45deg,#3b82f6,#60a5fa,#93c5fd) 1;box-shadow:0 0 30px #3b82f64d,0 0 60px #60a5fa33,inset 0 1px #ffffff1a}.download-modal.info .modal-icon{color:#3b82f6;filter:drop-shadow(0 0 15px #3b82f6)}@media (max-width: 480px){.download-modal{width:95%;margin:10px}.download-modal-header{padding:15px 40px 15px 20px}.modal-close{right:5px;width:35px;height:35px;font-size:1.5rem}.download-modal-content{padding:20px}.download-modal-footer{padding:15px 20px;flex-direction:column}.modal-action-btn,.modal-close-btn{width:100%}}div.resources{padding:20px;max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);min-height:100vh;color:#fff}.resources .resources-header{text-align:center;margin-bottom:40px;padding:30px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.resources .resources-header h1{font-size:2.5rem;font-weight:800;margin-bottom:10px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.resources .resources-header p{font-size:1.1rem;opacity:.8;margin:0}.resources .user-info-display{margin-top:15px;padding:10px 20px;background:#667eea1a;border-radius:8px;border:1px solid rgba(102,126,234,.3);color:#fff!important;font-size:.9rem;font-weight:500}.category-filters{display:flex;gap:10px;margin-bottom:30px;background:#ffffff0d;border-radius:12px;padding:10px;border:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.category-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:500}.category-btn:hover{background:#ffffff1a}.category-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d}.category-icon{font-size:1.2rem}.category-name{font-weight:600}.resources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:40px}@media (max-width: 1200px){.resources-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.resources-grid{grid-template-columns:1fr}}.resource-card{background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .3s ease;min-height:280px;display:flex;flex-direction:column}.resource-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#667eea80}.resource-card.loading{pointer-events:none;min-height:auto;height:auto}.resource-card.loading .resource-title,.resource-card.loading .resource-description,.resource-card.loading .meta-text,.resource-card.loading .category-text,.resource-card.loading .rating-value,.resource-card.loading .tag{background:linear-gradient(90deg,#ffffff14,#ffffff26,#ffffff14);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px;color:transparent!important;user-select:none;pointer-events:none;position:relative;overflow:hidden}.resource-card.loading .resource-title{height:calc(1.3rem * 1.4);width:80%;display:inline-block;margin-bottom:8px}.resource-card.loading .resource-description{height:calc(.95rem * 1.5 * 2);width:100%;display:block;margin-bottom:10px}.resource-card.loading .meta-text{height:1.02rem;width:auto;min-width:40px;display:inline-block}.resource-card.loading .category-text{height:1.08rem;width:auto;min-width:50px;display:inline-block}.resource-card.loading .rating-value{height:1.08rem;width:auto;min-width:25px;display:inline-block}.resource-card.loading .tag{height:calc(.8rem + 8px);width:auto;min-width:40px;display:inline-block;padding:4px 12px;border-radius:20px}.resource-card.loading .meta-icon,.resource-card.loading .category-badge,.resource-card.loading .rating-stars{opacity:.4}.resource-card.loading .preview-images,.resource-card.loading .preview-videos{margin-bottom:12px}.resource-card.loading .resource-preview-section{margin:8px 0}.resource-card.loading .resource-tags{margin-bottom:10px}.resource-card.loading .resource-footer{padding:10px 25px 15px}.resource-card.loading .resource-meta{margin-bottom:10px}.resource-card.loading .preview-image img,.resource-card.loading .preview-video video{opacity:.2}.resource-card.loading .preview-placeholder{width:70px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border:2px solid rgba(255,255,255,.1);border-radius:6px;font-size:1.5rem;color:#ffffff4d;flex-shrink:0}.resource-card.loading .preview-label{background:linear-gradient(90deg,#ffffff14,#ffffff26,#ffffff14);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px;color:transparent!important;height:1.2em;width:100px;display:inline-block}.resource-card.loading .download-btn,.resource-card.loading .preview-btn{opacity:1;cursor:not-allowed;pointer-events:none;display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:.9rem;font-weight:500;position:relative;color:transparent}.resource-card.loading .download-btn{background:linear-gradient(135deg,#667eea4d,#764ba24d);flex:1}.resource-card.loading .preview-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.resource-card.loading .download-btn:after,.resource-card.loading .preview-btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:1em;background:linear-gradient(90deg,#ffffff1a,#fff3,#ffffff1a);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}.resource-card.loading .download-btn .btn-icon,.resource-card.loading .preview-btn .btn-icon{opacity:.3}.no-resources{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#fff9;font-size:1.1rem}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.resources .resource-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px 15px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.resource-category{display:flex;align-items:center;gap:8px}.category-badge{font-size:1.2rem}.category-text{font-size:.9rem;font-weight:600;opacity:.8;color:#fff!important}.resource-rating{display:flex;align-items:center;gap:5px}.rating-stars{font-size:1rem}.rating-value{font-size:.9rem;font-weight:600;color:#fff!important}.resource-content{padding:20px 25px;flex:1;display:flex;flex-direction:column;min-height:0}.resource-title{font-size:1.3rem;font-weight:700;margin-bottom:12px;color:#fff!important;line-height:1.4}.resource-description{font-size:.95rem;opacity:.8;margin-bottom:15px;line-height:1.5;color:#fff!important;height:60px;min-height:60px;max-height:60px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex-shrink:0;word-wrap:break-word}.resource-description *{margin:0;padding:0;display:inline;line-height:inherit}.resource-description span{display:inline}.resource-description strong{font-weight:600;color:inherit}.resource-description em{font-style:italic;color:inherit}.resource-description u{text-decoration:underline;color:inherit}.resource-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px;flex-shrink:0}.tag{padding:4px 12px;background:#667eea33;border:1px solid rgba(102,126,234,.3);border-radius:20px;font-size:.8rem;font-weight:500;color:#667eea}.resource-footer{padding:15px 25px 25px;background:#0000001a;margin-top:auto}.resources .resource-meta{display:flex;gap:20px;margin-bottom:15px}.resources .meta-item{display:flex;align-items:center;gap:5px;font-size:.85rem;opacity:.7;color:#fff!important}.resources .meta-item.author-info{display:flex;align-items:center;gap:8px;opacity:1}.resources .author-avatar{width:40px;height:40px;border-radius:8px;object-fit:cover;border:2px solid rgba(255,255,255,.3);flex-shrink:0;box-shadow:0 2px 8px #0003}.resources .author-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#282d3ce6;color:#fff;font-size:1rem;font-weight:600;flex-shrink:0;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0003}.resources .author-details{display:flex;flex-direction:column;gap:2px}.resources .author-name{font-weight:500;color:#fff!important;font-size:.85rem}.resources .author-level{font-size:.7rem;font-weight:600;opacity:.9}.resources .meta-icon{font-size:.9rem}.resources .meta-text{font-weight:500;color:#fff!important}.resources .resource-actions{display:flex;gap:10px}.resources .download-btn,.resources .preview-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.resources .download-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1}.resources .download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.resources .download-btn.disabled{background:linear-gradient(135deg,#6b7280,#4b5563);color:#9ca3af;cursor:not-allowed;opacity:.7}.resources .download-btn.disabled:hover{background:linear-gradient(135deg,#6b7280,#4b5563);transform:none;box-shadow:none}.resources .preview-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.resources .preview-btn:hover{background:#fff3}.resources .btn-icon{font-size:1rem}.upload-section{margin-top:40px}.upload-card{background:#ffffff0d;border-radius:16px;border:2px dashed rgba(255,255,255,.2);padding:40px;text-align:center;transition:all .3s ease}.upload-card:hover{border-color:#667eea80;background:#667eea0d}.upload-icon{font-size:3rem;margin-bottom:20px}.upload-card h3{font-size:1.5rem;font-weight:700;margin-bottom:10px;color:#fff}.upload-card p{font-size:1rem;opacity:.8;margin-bottom:25px}.upload-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.upload-btn.disabled{background:linear-gradient(135deg,#6b7280,#4b5563);color:#9ca3af;cursor:not-allowed;opacity:.7}.upload-btn.disabled:hover{background:linear-gradient(135deg,#6b7280,#4b5563);transform:none;box-shadow:none}@media (max-width: 768px){.component-test{padding:15px}.resources-header h1{font-size:2rem}.category-filters{flex-direction:column;gap:5px}.category-btn{justify-content:center;padding:10px 15px}.resources-grid{grid-template-columns:1fr;gap:20px}.resource-meta{flex-direction:column;gap:10px}.resource-actions{flex-direction:column}.upload-card{padding:30px 20px}.upload-icon{font-size:2.5rem}}.resource-preview-section{margin:15px 0;flex-shrink:0;min-height:80px}.preview-images-gallery,.preview-videos-gallery{margin-bottom:12px}.preview-label{font-size:.85rem;font-weight:600;color:#667eea;margin-bottom:10px;display:flex;align-items:center;gap:5px}.preview-gallery-container{position:relative;display:flex;align-items:center;gap:8px}.preview-gallery-nav{flex-shrink:0;width:28px;height:28px;background:#667eea33;backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.4);color:#fff;font-size:1.2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2;padding:0;line-height:1}.preview-gallery-nav:hover{background:#667eea66;border-color:#667eea;transform:scale(1.1)}.preview-gallery-scroll{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.5) transparent;flex:1;padding:4px 0;-ms-overflow-style:none;scrollbar-width:none}.preview-gallery-scroll::-webkit-scrollbar{height:4px}.preview-gallery-scroll::-webkit-scrollbar-track{background:#0000001a;border-radius:2px}.preview-gallery-scroll::-webkit-scrollbar-thumb{background:#667eea80;border-radius:2px}.preview-gallery-scroll::-webkit-scrollbar-thumb:hover{background:#667eeab3}.preview-gallery-item{flex-shrink:0;cursor:pointer;transition:transform .3s ease}.preview-gallery-item:hover{transform:translateY(-2px)}.preview-gallery-image-wrapper,.preview-gallery-video-wrapper{position:relative;width:150px;height:100px;border-radius:6px;overflow:hidden;border:2px solid rgba(255,255,255,.1);background:#0003;transition:all .3s ease}.preview-gallery-item:hover .preview-gallery-image-wrapper,.preview-gallery-item:hover .preview-gallery-video-wrapper{border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.preview-gallery-image-wrapper img,.preview-gallery-video-wrapper video{width:100%;height:100%;object-fit:cover;display:block}.preview-gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:4px 6px;color:#fff;display:flex;align-items:center;justify-content:space-between;opacity:0;transition:opacity .3s ease;font-size:.65rem}.preview-gallery-item:hover .preview-gallery-overlay{opacity:1}.preview-gallery-index{font-weight:600;color:#fff}.preview-gallery-play-icon{font-size:.8rem}.preview-images,.preview-videos{margin-bottom:12px}.preview-grid{display:flex;gap:8px;flex-wrap:wrap}.preview-image,.preview-video{position:relative;width:70px;height:50px;border-radius:6px;overflow:hidden;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease}.preview-image:hover,.preview-video:hover{border-color:#667eea;transform:scale(1.05)}.preview-image img,.preview-video video{width:100%;height:100%;object-fit:cover}.preview-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.preview-image:hover .preview-overlay,.preview-video:hover .preview-overlay{opacity:1}.preview-icon,.play-icon{font-size:1.2rem;color:#fff}.preview-more{width:70px;height:50px;background:#667eea1a;border-radius:6px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(102,126,234,.3);cursor:pointer;transition:all .3s ease}.preview-more:hover{background:#667eea33;border-color:#667eea;transform:scale(1.05)}.preview-more-content{display:flex;flex-direction:column;align-items:center;gap:2px}.preview-more-count{font-size:.7rem;font-weight:600;color:#667eea}.preview-more-text{font-size:.6rem;color:#fff;opacity:.8}.preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#667eea1a;border:2px solid rgba(102,126,234,.3);border-radius:6px;font-size:1.5rem;color:#667eea}.no-preview{margin:10px 0;padding:15px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;text-align:center}.no-preview-text{color:#888;font-size:.9rem;opacity:.7}.resource-upload{max-width:800px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);border-radius:12px;box-shadow:0 4px 6px #0000004d;color:#fff;min-height:100vh}.upload-header{text-align:center;margin-bottom:30px;padding:30px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);border-bottom:2px solid rgba(255,255,255,.1)}.upload-header h1{color:#fff;margin-bottom:10px;font-size:2.2em;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upload-header p{color:#fffc;font-size:1.1em}.upload-header{position:relative}.upload-header .back-btn-header{position:absolute;left:30px;top:50%;transform:translateY(-50%);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;padding:10px 18px;border-radius:8px;cursor:pointer;font-size:.9em;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:6px;backdrop-filter:blur(10px)}.upload-header .back-btn-header:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-50%) translate(-3px);color:#fff}.login-required{text-align:center;padding:60px 20px;background:#ffffff0d;border-radius:12px;border:2px dashed rgba(255,255,255,.2)}.login-required h2{color:#fff;margin-bottom:15px}.login-required p{color:#fffc;font-size:1.1em}.upload-form{display:flex;flex-direction:column;gap:30px}.form-section{background:#ffffff0d;padding:25px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.form-section h3{color:#fff;margin-bottom:20px;font-size:1.3em;display:flex;align-items:center;gap:8px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#fff;font-size:.95em}.checkbox-label{display:flex!important;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#fff}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-group select{background:#1a1a2e!important;color:#fff!important}.form-group select option{background:#1a1a2e!important;color:#fff!important;padding:8px 12px}.form-group select option:hover{background:#2a2a3e!important}.form-group textarea{resize:vertical;min-height:100px}.character-count{text-align:right;font-size:.85em;color:#fff9;margin-top:5px}.field-hint{margin-top:6px;font-size:.85rem;color:#fff9;font-style:italic}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.file-drop-zone{border:3px dashed rgba(255,255,255,.3);border-radius:12px;padding:40px 20px;text-align:center;transition:all .3s ease;background:#ffffff0d;position:relative;cursor:pointer}.file-drop-zone:hover,.file-drop-zone.drag-active{border-color:#667eea;background:#667eea1a;transform:translateY(-2px)}.drop-zone-content{position:relative}.drop-icon{font-size:3em;margin-bottom:15px;opacity:.7}.file-drop-zone p{color:#fffc;font-size:1.1em;margin-bottom:15px}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-list{margin-top:20px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.file-list h4{background:#ffffff1a;padding:15px 20px;margin:0;color:#fff;font-size:1em;border-bottom:1px solid rgba(255,255,255,.1)}.file-item{display:flex;align-items:flex-start;justify-content:space-between;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1);transition:background-color .2s ease;gap:12px}.file-item:last-child{border-bottom:none}.file-item:hover{background:#ffffff1a}.file-item.uploading{background:#667eea1a;border-left:3px solid #667eea}.file-icon{font-size:1.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.file-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.file-name{font-weight:500;color:#fff;font-size:.95em;word-break:break-all}.file-size{color:#ffffffb3;font-size:.85em}.remove-file-btn{background:none;border:none;font-size:1.2em;cursor:pointer;padding:5px;border-radius:4px;transition:background-color .2s ease;color:#dc3545}.remove-file-btn:hover{background:#ffffff1a}.file-upload-status{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:100px}.status-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:12px;white-space:nowrap}.status-badge.pending{background:#ffffff1a;color:#fff9}.status-badge.completed{background:#10b98133;color:#34d399}.status-badge.error{background:#ef444433;color:#f87171}.file-progress-container{display:flex;align-items:center;gap:6px;min-width:140px;flex-shrink:0}.file-progress-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;min-width:80px;max-width:120px}.file-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .2s ease;border-radius:4px}.file-progress-text{font-size:.7rem;color:#fffc;white-space:nowrap;font-weight:600}.form-actions{display:flex;gap:15px;justify-content:center;align-items:center;padding-top:20px;border-top:2px solid rgba(255,255,255,.1)}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 30px;font-size:1em;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #667eea4d;min-width:120px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.submit-btn:disabled{background:linear-gradient(135deg,#6b7280,#4b5563);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.cancel-btn{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);padding:12px 30px;font-size:1em;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:120px}.cancel-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 40px;font-size:1.1em;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #667eea4d}.upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.upload-btn:disabled{background:linear-gradient(135deg,#6b7280,#4b5563);cursor:not-allowed;transform:none;box-shadow:none}.upload-success-message{background:#22c55e1a;border:2px solid rgba(34,197,94,.3);border-radius:12px;padding:30px;text-align:center;margin:20px 0;animation:slideIn .5s ease-out}.success-icon{font-size:3rem;margin-bottom:15px;animation:bounce 1s ease-in-out}.upload-success-message h3{color:#22c55e;margin-bottom:10px;font-size:1.5rem}.upload-success-message p{color:#ffffffe6;margin-bottom:8px;font-size:1rem}.redirect-info{color:#ffffffb3!important;font-size:.9rem!important;font-style:italic}.success-actions{display:flex;gap:15px;justify-content:center;margin-top:20px;flex-wrap:wrap}.go-to-resources-btn,.upload-another-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:12px 24px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #22c55e4d}.upload-another-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px #667eea4d}.go-to-resources-btn:hover,.upload-another-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #22c55e66}.upload-another-btn:hover{box-shadow:0 6px 12px #667eea66}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.description-editor-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:10px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(102,126,234,.3);flex-wrap:wrap;position:relative;z-index:1}.description-editor-toolbar button{padding:6px 12px;background:#667eea33;border:1px solid rgba(102,126,234,.3);border-radius:6px;color:#fff;cursor:pointer;font-size:.9em;transition:all .3s ease;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.description-editor-toolbar button:hover{background:#667eea66;border-color:#667eea}.description-editor-toolbar button:active{background:#667eea99}.description-editor-toolbar select{padding:6px 10px;background:#ffffff1a!important;border:1px solid rgba(102,126,234,.3);border-radius:6px;color:#fff!important;font-size:.9em;cursor:pointer;outline:none;height:32px}.description-editor-toolbar select:focus{border-color:#667eea;background:#ffffff26!important}.description-editor-toolbar select option{background:#1a1a2e!important;color:#fff!important}.description-editor{min-height:120px;padding:10px;border:1px solid rgba(102,126,234,.3);border-radius:8px;background:#ffffff1a;color:#fff;outline:none;overflow-y:auto;line-height:1.6;width:100%;box-sizing:border-box}.description-editor:focus{border-color:#667eea;background:#ffffff26;box-shadow:0 0 0 3px #667eea1a}.description-editor:empty:before{content:attr(data-placeholder);color:#ffffff80;pointer-events:none}.description-editor *{color:inherit}.description-length{text-align:right;font-size:.85em;color:#fff9;margin-top:5px}.description-editor-toolbar .color-picker-container{position:relative;z-index:10}.description-editor-toolbar .color-palette{z-index:1001;position:absolute;top:100%;left:0;margin-top:5px}@media (max-width: 768px){.resource-upload{margin:10px;padding:15px}.upload-header{padding:20px 15px}.upload-header .back-btn-header{position:static;transform:none;margin-bottom:15px;width:100%;justify-content:center}.upload-header .back-btn-header:hover{transform:none}.upload-header h1{font-size:1.8em;padding:0}.form-section{padding:20px 15px}.file-drop-zone{padding:30px 15px}.file-item{padding:12px 15px}.upload-btn{padding:12px 30px;font-size:1em}}.resource-upload{animation:fadeIn .5s ease-out}.file-item{animation:fadeIn .3s ease-out}.file-drop-zone.drag-active .drop-icon{animation:bounce .6s ease-in-out infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.rich-text-editor{min-height:120px;padding:10px;border:1px solid rgba(102,126,234,.3);border-radius:8px;background:#ffffff1a;color:#fff;outline:none;overflow-y:auto;line-height:1.6}.rich-text-editor:focus{border-color:#667eea;background:#ffffff26;box-shadow:0 0 0 3px #667eea1a}.rich-text-editor:empty:before{content:attr(data-placeholder);color:#ffffff80;pointer-events:none}.rich-text-editor *{color:inherit}.file-item.has-image-preview{display:flex;flex-direction:row;align-items:flex-start;gap:12px}.file-item.has-image-preview .file-image-preview{flex-shrink:0;width:120px;height:120px;max-width:120px;max-height:120px;border-radius:8px;overflow:hidden;border:1px solid rgba(102,126,234,.3);background:#ffffff0d;display:flex;align-items:center;justify-content:center}.file-item.has-image-preview .file-info{flex:1;min-width:0}.file-image-preview{width:100%;max-width:300px;max-height:150px;height:150px;border-radius:8px;overflow:hidden;border:1px solid rgba(102,126,234,.3);background:#ffffff0d;display:flex;align-items:center;justify-content:center}.file-image-preview img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.lectures{padding:20px;max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);min-height:100vh;color:#fff}.lecture-header{text-align:center;margin-bottom:40px;padding:30px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.lecture-header h1{font-size:2.5rem;font-weight:800;margin-bottom:10px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lecture-header p{font-size:1.1rem;opacity:.8;margin:0}.lecture-controls{margin-bottom:30px;background:#ffffff0d;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1)}.filter-section{display:flex;flex-direction:column;gap:15px}.level-filters{display:flex;gap:10px}.level-btn{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem}.level-btn:hover{background:#ffffff1a}.level-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.lecture-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;margin-bottom:40px}.lecture-card{background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .3s ease}.lecture-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#667eea80}.lecture-thumbnail{position:relative;height:120px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.lecture-level{position:absolute;top:10px;right:10px;padding:4px 12px;background:#000000b3;border-radius:20px;font-size:.8rem;font-weight:600}.lecture-content{padding:20px}.lecture-title{font-size:1.3rem;font-weight:700;margin-bottom:12px;color:#fff;line-height:1.4}.lecture-description{font-size:.95rem;opacity:.8;margin-bottom:15px;line-height:1.5}.lecture-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.meta-item{display:flex;align-items:center;gap:6px;font-size:.85rem;opacity:.8}.meta-icon{font-size:.9rem}.meta-text{font-weight:500}.lecture-actions{display:flex;gap:10px;padding:0 20px 20px}.enroll-btn,.preview-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;flex:1}.enroll-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.enroll-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.preview-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.preview-btn:hover{background:#fff3}.lecture-registration{margin-top:40px}@media (max-width: 768px){.advanced-component-test{padding:15px}.lecture-header h1{font-size:2rem}.category-filters{flex-direction:column}.filter-btn{justify-content:center}.level-filters{flex-wrap:wrap}.lecture-grid{grid-template-columns:1fr;gap:20px}.lecture-meta{grid-template-columns:1fr;gap:8px}.lecture-actions{flex-direction:column}.registration-card{padding:30px 20px}.registration-icon{font-size:2.5rem}}.instructor-lecture-list{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff}.lecture-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.1)}.header-content h1{margin:0 0 .5rem;font-size:2rem;color:#fff;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content p{margin:0;color:#ffffffb3}.create-lecture-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.create-lecture-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-icon{font-size:1.2rem}.error-message{text-align:center;padding:3rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;color:#ffffffe6}.error-alert{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#dc35451a;color:#ffffffe6;border:1px solid rgba(220,53,69,.3);border-radius:8px;margin-bottom:1.5rem}.loading-container{text-align:center;padding:3rem;color:#fff}.empty-state{text-align:center;padding:4rem 2rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.empty-state h3{margin:0 0 .5rem;color:#fff}.empty-state p{margin:0 0 2rem;color:#ffffffb3}.lecture-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.lecture-card{background:#ffffff0d;backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.lecture-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000004d;border-color:#667eea80}.lecture-thumbnail{position:relative;width:100%;height:200px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;overflow:hidden}.lecture-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{font-size:4rem;color:#fff;opacity:.8}.status-badge{position:absolute;top:.75rem;right:.75rem;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff}.lecture-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.lecture-title{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;color:#fff;line-height:1.4}.lecture-description{margin:0 0 1rem;color:#ffffffb3;font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lecture-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.meta-item{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:#ffffffb3}.meta-icon{font-size:1rem}.lecture-stats{display:flex;gap:1.5rem;margin-bottom:1rem}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:#fff9}.stat-value{font-size:.9rem;font-weight:600;color:#fff}.lecture-footer{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.created-date{font-size:.8rem;color:#fff9}.lecture-actions{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.manage-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.page-btn{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;transition:all .2s;color:#ffffffe6}.page-btn:hover:not(:disabled){background:#ffffff26;border-color:#667eea66}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-weight:600;color:#ffffffe6}.instructor-lecture-manage{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff}.manage-header{margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:center}.header-content h1{margin:0;font-size:2rem;color:#fff;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lecture-status{display:flex;align-items:center;gap:1rem}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;color:#fff}.status-badge.published{background:#28a745}.status-badge.draft{background:#6c757d}.student-count{color:#ffffffb3;font-size:.9rem}.tab-navigation{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid rgba(255,255,255,.1)}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;color:#fff9;transition:all .2s}.tab-btn:hover{color:#667eea;background:#667eea1a}.tab-btn.active{color:#667eea;border-bottom-color:#667eea;font-weight:600}.tab-icon{font-size:1.2rem}.tab-content{background:#ffffff0d;backdrop-filter:blur(10px);border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1)}.lecture-info-view{display:flex;flex-direction:column;gap:2rem}.info-section{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem;background:#ffffff08}.info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.info-header h3{margin:0;font-size:1.25rem;color:#fff}.edit-btn{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s}.info-content{display:flex;flex-direction:column;gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item label{font-weight:600;color:#ffffffb3;font-size:.9rem}.info-item p{margin:0;color:#ffffffe6;line-height:1.6}.info-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.lecture-info-edit{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#ffffffe6}.form-group input,.form-group textarea,.form-group select{padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:1rem;font-family:inherit;color:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group select,.form-group select option{background:#1a1a2e!important;color:#fff!important}.form-group textarea{resize:vertical;min-height:120px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.cancel-btn,.save-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn{background:#ffffff1a;color:#ffffffe6}.cancel-btn:hover{background:#ffffff26}.save-btn{background:#667eea;color:#fff}.save-btn:hover:not(:disabled){background:#5568d3}.save-btn:disabled{opacity:.6;cursor:not-allowed}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.tab-header h3{margin:0;font-size:1.25rem;color:#fff}.add-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s}.add-btn:hover{background:#5568d3}.objective-form,.material-upload-form{background:#ffffff08;border-radius:8px;padding:1.5rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1)}.objective-form h4,.material-upload-form h4{margin:0 0 1rem;color:#fff}.objective-item,.material-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.objective-content,.material-content{flex:1}.objective-header,.material-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.objective-order,.material-order{background:#667eea;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;font-weight:600;min-width:2rem;text-align:center}.objective-header h4,.material-header h4{margin:0;font-size:1.1rem;color:#fff}.no-download-badge{background:#ffc107;color:#333;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.objective-description,.material-description{margin:.5rem 0;color:#ffffffb3;line-height:1.6}.material-meta{display:flex;gap:1rem;margin-top:.5rem;font-size:.85rem;color:#fff9}.file-name{font-weight:600}.objective-edit-form{width:100%}.objective-actions,.material-actions{display:flex;gap:.5rem}.edit-btn,.delete-btn,.download-btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s}.edit-btn{background:#667eea;color:#fff}.edit-btn:hover{background:#5568d3}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover{background:#c82333}.download-btn{background:#28a745;color:#fff}.file-info{margin-top:.5rem;padding:.5rem;background:#667eea1a;border-radius:4px;font-size:.9rem;color:#fffc}.empty-state{text-align:center;padding:3rem 2rem}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state p{margin:0;color:#ffffffb3}.video-upload-form{background:#ffffff08;border-radius:8px;padding:1.5rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1)}.video-upload-form h4{margin:0 0 1rem;color:#fff}.videos-list{display:flex;flex-direction:column;gap:1rem}.video-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.video-content{flex:1}.video-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.video-order{background:#667eea;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;font-weight:600;min-width:2rem;text-align:center}.video-header h4{margin:0;font-size:1.1rem;color:#fff}.status-badge.completed{background:#28a745;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.status-badge.processing{background:#ffc107;color:#333;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.video-description{margin:.5rem 0;color:#ffffffb3;line-height:1.6}.video-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem;font-size:.85rem;color:#fff9}.duration,.file-size,.playback-speed{font-weight:600;color:#ffffffb3}.download-allowed,.watermark-enabled{background:#667eea33;color:#ffffffe6;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.video-actions{display:flex;gap:.5rem}.lecture-detail{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff}.back-btn{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;margin-bottom:2rem;transition:all .3s ease;color:#ffffffe6;backdrop-filter:blur(10px)}.lecture-header-section{display:grid;grid-template-columns:400px 1fr;gap:2rem;margin-bottom:3rem;padding:2rem;background:#ffffff0d;backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.lecture-thumbnail-large{width:100%;height:300px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.lecture-thumbnail-large img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder-large{font-size:6rem;color:#fff;opacity:.8}.lecture-info-section{display:flex;flex-direction:column;gap:1.5rem}.lecture-badges{display:flex;gap:.5rem}.category-badge,.level-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.category-badge{background:#667eea;color:#fff}.level-badge{background:#28a745;color:#fff}.lecture-info-section h1{margin:0;font-size:2rem;color:#fff;line-height:1.3;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lecture-description-main{margin:0;color:#fffc;line-height:1.6;font-size:1.1rem}.lecture-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.meta-item{display:flex;align-items:center;gap:.5rem}.meta-icon{font-size:1.2rem}.meta-label{color:#ffffffb3;font-size:.9rem}.meta-value{font-weight:600;color:#fff}.lecture-price-section{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#ffffff08;border-radius:8px;margin-top:auto;border:1px solid rgba(255,255,255,.1)}.price-info{display:flex;flex-direction:column;gap:.25rem}.price-label{font-size:.9rem;color:#ffffffb3}.price-value{font-size:1.5rem;font-weight:700;color:#667eea}.purchase-btn,.start-learning-btn,.manage-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.purchase-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.purchase-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.purchase-btn:disabled{opacity:.6;cursor:not-allowed}.start-learning-btn{background:#28a745;color:#fff}.start-learning-btn:hover{background:#218838}.manage-btn{background:#667eea;color:#fff}.manage-btn:hover{background:#5568d3}.objectives-section{margin-bottom:3rem;padding:2rem;background:#ffffff0d;backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.objectives-section h2{margin:0 0 1.5rem;font-size:1.5rem;color:#fff}.objectives-list{display:flex;flex-direction:column;gap:1rem}.objective-card{display:flex;gap:1rem;padding:1.5rem;background:#ffffff08;border-radius:8px;border-left:4px solid #667eea}.objective-number{width:40px;height:40px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.objective-content h3{margin:0 0 .5rem;font-size:1.1rem;color:#fff}.objective-content p{margin:0;color:#ffffffb3;line-height:1.6}.progress-section{margin-bottom:3rem;padding:2rem;background:#ffffff0d;backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.progress-section h2{margin:0 0 1rem;font-size:1.5rem;color:#fff}.progress-bar-container{position:relative;width:100%;height:30px;background:#ffffff1a;border-radius:15px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:600;color:#fff;font-size:.9rem}.vjs-svg-icon{display:inline-block;background-repeat:no-repeat;background-position:center;fill:currentColor;height:1.8em;width:1.8em}.vjs-svg-icon:before{content:none!important}.vjs-svg-icon:hover,.vjs-control:focus .vjs-svg-icon{filter:drop-shadow(0 0 .25em #fff)}.vjs-modal-dialog .vjs-modal-dialog-content,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-button>.vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff");font-weight:400;font-style:normal}.vjs-icon-play,.video-js .vjs-play-control .vjs-icon-placeholder,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{content:""}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:""}.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before{content:""}.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before{content:""}.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before{content:""}.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before{content:""}.vjs-icon-volume-high,.video-js .vjs-mute-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-volume-high:before,.video-js .vjs-mute-control .vjs-icon-placeholder:before{content:""}.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before{content:""}.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before{content:""}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:""}.vjs-icon-subtitles,.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-subtitles:before,.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before{content:""}.vjs-icon-captions,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-captions-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-captions:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-captions-button .vjs-icon-placeholder:before{content:""}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:""}.vjs-icon-chapters,.video-js .vjs-chapters-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-chapters:before,.video-js .vjs-chapters-button .vjs-icon-placeholder:before{content:""}.vjs-icon-downloading{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-downloading:before{content:""}.vjs-icon-file-download{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-file-download:before{content:""}.vjs-icon-file-download-done{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-file-download-done:before{content:""}.vjs-icon-file-download-off{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-file-download-off:before{content:""}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:""}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:""}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:""}.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder,.video-js .vjs-volume-level,.video-js .vjs-play-progress{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before,.video-js .vjs-volume-level:before,.video-js .vjs-play-progress:before{content:""}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:""}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:""}.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before{content:""}.vjs-icon-repeat{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-repeat:before{content:""}.vjs-icon-replay,.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-replay:before,.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before{content:""}.vjs-icon-replay-5,.video-js .vjs-skip-backward-5 .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-replay-5:before,.video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before{content:""}.vjs-icon-replay-10,.video-js .vjs-skip-backward-10 .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-replay-10:before,.video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before{content:""}.vjs-icon-replay-30,.video-js .vjs-skip-backward-30 .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-replay-30:before,.video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before{content:""}.vjs-icon-forward-5,.video-js .vjs-skip-forward-5 .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-forward-5:before,.video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before{content:""}.vjs-icon-forward-10,.video-js .vjs-skip-forward-10 .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-forward-10:before,.video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before{content:""}.vjs-icon-forward-30,.video-js .vjs-skip-forward-30 .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-forward-30:before,.video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before{content:""}.vjs-icon-audio,.video-js .vjs-audio-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-audio:before,.video-js .vjs-audio-button .vjs-icon-placeholder:before{content:""}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:""}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:""}.vjs-icon-shuffle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-shuffle:before{content:""}.vjs-icon-cast{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cast:before{content:""}.vjs-icon-picture-in-picture-enter,.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-picture-in-picture-enter:before,.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before{content:""}.vjs-icon-picture-in-picture-exit,.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-picture-in-picture-exit:before,.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before{content:""}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:""}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:""}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:""}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:""}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:""}.vjs-icon-audio-description,.video-js .vjs-descriptions-button .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-audio-description:before,.video-js .vjs-descriptions-button .vjs-icon-placeholder:before{content:""}.video-js{display:inline-block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:none}.video-js *,.video-js *:before,.video-js *:after{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin:0}.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-1-1{width:100%;max-width:100%}.video-js.vjs-fluid:not(.vjs-audio-only-mode),.video-js.vjs-16-9:not(.vjs-audio-only-mode),.video-js.vjs-4-3:not(.vjs-audio-only-mode),.video-js.vjs-9-16:not(.vjs-audio-only-mode),.video-js.vjs-1-1:not(.vjs-audio-only-mode){height:0}.video-js.vjs-16-9:not(.vjs-audio-only-mode){padding-top:56.25%}.video-js.vjs-4-3:not(.vjs-audio-only-mode){padding-top:75%}.video-js.vjs-9-16:not(.vjs-audio-only-mode){padding-top:177.7777777778%}.video-js.vjs-1-1:not(.vjs-audio-only-mode){padding-top:100%}.video-js.vjs-fill:not(.vjs-audio-only-mode){width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.video-js.vjs-audio-only-mode .vjs-tech{display:none}body.vjs-full-window,body.vjs-pip-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen,body.vjs-pip-window .video-js{position:fixed;overflow:hidden;z-index:1000;inset:0}.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),body.vjs-pip-window .video-js{width:100%!important;height:100%!important;padding-top:0!important;display:block}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-pip-container .vjs-pip-text{position:absolute;bottom:10%;font-size:2em;background-color:#000000b3;padding:.5em;text-align:center;width:100%}.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,.vjs-layout-small.vjs-pip-container .vjs-pip-text{bottom:0;font-size:1.4em}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1!important;visibility:visible!important}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.63332em;width:3em;display:block;position:absolute;top:50%;left:50%;padding:0;margin-top:-.81666em;margin-left:-1.5em;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:#2b333fb3;border-radius:.3em;transition:all .4s}.vjs-big-play-button .vjs-svg-icon{width:1em;height:1em;position:absolute;top:50%;left:50%;line-height:1;transform:translate(-50%,-50%)}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{border-color:#fff;background-color:#73859f;background-color:#73859f80;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking,.vjs-scrubbing,.vjs-error) .vjs-big-play-button{display:block}.video-js button{background:none;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-js.vjs-spatial-navigation-enabled .vjs-button:focus{outline:.0625em solid white;box-shadow:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:#000c;background:linear-gradient(180deg,#000c,#fff0);overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{display:flex;justify-content:center;list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover,.js-focus-visible .vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:#73859f80}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover,.js-focus-visible .vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.vjs-menu li.vjs-selected .vjs-svg-icon,.vjs-menu li.vjs-selected:focus .vjs-svg-icon,.vjs-menu li.vjs-selected:hover .vjs-svg-icon,.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon{fill:#000}.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible){background:none}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0em;margin-bottom:1.5em;border-top-color:#2b333fb3}.vjs-pip-window .vjs-menu-button-popup .vjs-menu{left:unset;right:1em}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:#2b333fb3;position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu{display:block;opacity:1}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:#2b333fb3}.video-js.vjs-spatial-navigation-enabled .vjs-control-bar{gap:1px}.video-js:not(.vjs-controls-disabled,.vjs-using-native-controls,.vjs-error) .vjs-control-bar.vjs-lock-showing{display:flex!important}.vjs-has-started .vjs-control-bar,.vjs-audio-only-mode .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;pointer-events:none;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible;pointer-events:auto}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none}.video-js .vjs-control.vjs-visible-text{width:auto;padding-left:1em;padding-right:1em}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.vjs-button>.vjs-icon-placeholder{display:block}.vjs-button>.vjs-svg-icon{display:inline-block}.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus{text-shadow:0em 0em 1em white}.video-js *:not(.vjs-visible-text)>.vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:flex;align-items:center}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder,.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;line-height:.35em;z-index:1}.vjs-svg-icons-enabled .vjs-play-progress:before{content:none!important}.vjs-play-progress .vjs-svg-icon{position:absolute;top:-.35em;right:-.4em;width:.9em;height:.9em;pointer-events:none;line-height:.15em;z-index:1}.video-js .vjs-load-progress{background:#73859f80}.video-js .vjs-load-progress div{background:#73859fbf}.video-js .vjs-time-tooltip{background-color:#fff;background-color:#fffc;border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.video-js .vjs-progress-control:hover .vjs-mouse-display,.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-touch-enabled:not(.vjs-scrubbing) .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:#000c}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#73859f;background-color:#73859f80}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0em 0em 1em white;box-shadow:0 0 1em #fff}.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus{outline:.0625em solid white}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal{width:5em;height:3em;margin-right:0}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical{left:-3.5em;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active{width:10em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em;z-index:1}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em;z-index:1}.vjs-svg-icons-enabled .vjs-volume-level:before{content:none}.vjs-volume-level .vjs-svg-icon{position:absolute;width:.9em;height:.9em;pointer-events:none;z-index:1}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{line-height:.35em;right:-.5em}.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon{right:-.3em;transform:translateY(-50%)}.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon{top:-.55em;transform:translate(-50%)}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:#2b333fb3}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.video-js .vjs-volume-tooltip{background-color:#fff;background-color:#fffc;border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-volume-control:hover .vjs-volume-tooltip,.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip{display:block;font-size:1em;visibility:visible}.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip{left:1em;top:-12px}.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip{font-size:1em}.video-js .vjs-volume-control .vjs-mouse-display{display:none;position:absolute;width:100%;height:1px;background-color:#000;z-index:1}.video-js .vjs-volume-horizontal .vjs-mouse-display{width:1px;height:100%}.video-js .vjs-volume-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-volume-tooltip{color:#fff;background-color:#000;background-color:#000c}.vjs-poster{display:inline-block;vertical-align:middle;cursor:pointer;margin:0;padding:0;position:absolute;inset:0;height:100%}.vjs-has-started .vjs-poster,.vjs-using-native-controls .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster,.vjs-has-started.vjs-audio-poster-mode .vjs-poster,.vjs-pip-container.vjs-has-started .vjs-poster{display:block}.vjs-poster img{width:100%;height:100%;object-fit:contain}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.video-js:not(.vjs-live) .vjs-live-control,.video-js.vjs-liveui .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{align-items:center;cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-svg-icons-enabled .vjs-seek-to-live-control{line-height:0}.vjs-seek-to-live-control .vjs-svg-icon{width:1em;height:1em;pointer-events:none;fill:#888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon{fill:red}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-live .vjs-time-control,.vjs-live .vjs-time-divider,.video-js .vjs-current-time,.video-js .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control{display:flex}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{position:absolute;inset:0 0 3em;pointer-events:none}.vjs-error .vjs-text-track-display{display:none}.video-js.vjs-controls-disabled .vjs-text-track-display,.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js.vjs-force-center-align-cues .vjs-text-track-cue{text-align:center!important;width:80%!important}@supports not (inset: 10px){.video-js .vjs-text-track-display>div{inset:0}}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,.vjs-pip-window .vjs-picture-in-picture-control{display:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-fullscreen-control,.vjs-pip-window .vjs-fullscreen-control{display:none}.vjs-playback-rate>.vjs-menu-button,.vjs-playback-rate .vjs-playback-rate-value{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.85;text-align:left;border:.6em solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:5em;height:5em;border-radius:50%;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:flex;justify-content:center;align-items:center;animation:vjs-spinner-show 0s linear .3s forwards}.vjs-error .vjs-loading-spinner{display:none}.vjs-loading-spinner:before,.vjs-loading-spinner:after{content:"";position:absolute;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after{animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{to{transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}to{border-top-color:#73859f}}.video-js.vjs-audio-only-mode .vjs-captions-button{display:none}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-audio-only-mode .vjs-descriptions-button{display:none}.vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-svg-icon{width:1.5em;height:1.5em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"";font-size:1.5em;line-height:inherit}.video-js.vjs-audio-only-mode .vjs-subs-caps-button{display:none}.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" ";font-size:1.5em;line-height:inherit}.video-js.vjs-layout-small .vjs-current-time,.video-js.vjs-layout-small .vjs-time-divider,.video-js.vjs-layout-small .vjs-duration,.video-js.vjs-layout-small .vjs-remaining-time,.video-js.vjs-layout-small .vjs-playback-rate,.video-js.vjs-layout-small .vjs-volume-control,.video-js.vjs-layout-x-small .vjs-current-time,.video-js.vjs-layout-x-small .vjs-time-divider,.video-js.vjs-layout-x-small .vjs-duration,.video-js.vjs-layout-x-small .vjs-remaining-time,.video-js.vjs-layout-x-small .vjs-playback-rate,.video-js.vjs-layout-x-small .vjs-volume-control,.video-js.vjs-layout-tiny .vjs-current-time,.video-js.vjs-layout-tiny .vjs-time-divider,.video-js.vjs-layout-tiny .vjs-duration,.video-js.vjs-layout-tiny .vjs-remaining-time,.video-js.vjs-layout-tiny .vjs-playback-rate,.video-js.vjs-layout-tiny .vjs-volume-control{display:none}.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover{width:auto;width:initial}.video-js.vjs-layout-x-small .vjs-progress-control,.video-js.vjs-layout-tiny .vjs-progress-control{display:none}.video-js.vjs-layout-x-small .vjs-custom-control-spacer{flex:auto;display:block}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:#2b333fbf;color:#fff;height:70%}.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings{height:80%}.vjs-error .vjs-text-track-settings{display:none}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-font,.vjs-text-track-settings .vjs-track-settings-controls{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display: grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-text-track-settings select{font-size:inherit}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:10px;border:none}.vjs-text-track-settings fieldset span{display:inline-block;padding:0 .6em .8em}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;font-weight:700;font-size:1.2em}.vjs-text-track-settings .vjs-label{margin:0 .5em .5em 0}.vjs-track-settings-controls button:focus,.vjs-track-settings-controls button:active{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f)}.vjs-track-settings-controls button:hover{color:#2b333fbf}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}.vjs-title-bar{background:#000000e6;background:linear-gradient(180deg,#000000e6,#000000b3 60%,#0000);font-size:1.2em;line-height:1.5;transition:opacity .1s;padding:.666em 1.333em 4em;pointer-events:none;position:absolute;top:0;width:100%}.vjs-error .vjs-title-bar{display:none}.vjs-title-bar-title,.vjs-title-bar-description{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vjs-title-bar-title{font-weight:700;margin-bottom:.333em}.vjs-playing.vjs-user-inactive .vjs-title-bar{opacity:0;transition:opacity 1s}.video-js .vjs-skip-forward-5,.video-js .vjs-skip-forward-10,.video-js .vjs-skip-forward-30,.video-js .vjs-skip-backward-5,.video-js .vjs-skip-backward-10,.video-js .vjs-skip-backward-30{cursor:pointer}.video-js .vjs-transient-button{position:absolute;height:3em;display:flex;align-items:center;justify-content:center;background-color:#32323280;cursor:pointer;opacity:1;transition:opacity 1s}.video-js:not(.vjs-has-started) .vjs-transient-button{display:none}.video-js.not-hover .vjs-transient-button:not(.force-display),.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display){opacity:0}.video-js .vjs-transient-button span{padding:0 .5em}.video-js .vjs-transient-button.vjs-left{left:1em}.video-js .vjs-transient-button.vjs-right{right:1em}.video-js .vjs-transient-button.vjs-top{top:1em}.video-js .vjs-transient-button.vjs-near-top{top:4em}.video-js .vjs-transient-button.vjs-bottom{bottom:4em}.video-js .vjs-transient-button:hover{background-color:#323232e6}@media print{.video-js>*:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js *:focus:not(.focus-visible){outline:none}.video-js *:focus:not(:focus-visible){outline:none}.lecture-video-player-container{position:relative;width:100%;background:#000;border-radius:8px;overflow:hidden}.video-js-wrapper{position:relative;width:100%;padding-top:56.25%}.video-js-wrapper .video-js{position:absolute;top:0;left:0;width:100%;height:100%}.video-watermark{position:absolute;color:#fff;font-size:1.2rem;font-weight:600;opacity:.15;text-shadow:1px 1px 2px rgba(0,0,0,.5);pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:left .5s ease,top .5s ease}.video-js .vjs-big-play-button{background-color:#667eeacc;border-radius:50%;width:80px;height:80px;line-height:80px;border:none;top:50%;left:50%;transform:translate(-50%,-50%)}.video-js .vjs-big-play-button:hover{background-color:#667eea}.video-js .vjs-control-bar{background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.video-js .vjs-playback-rate-value{font-size:1.1em;font-weight:600}.lecture-player{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff}.player-header{margin-bottom:2rem}.back-btn{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;margin-bottom:1rem;transition:all .3s ease;color:#ffffffe6;backdrop-filter:blur(10px)}.back-btn:hover{background:#ffffff26;border-color:#667eea66;transform:translate(-3px)}.lecture-title-section h1{margin:0 0 .5rem;font-size:1.75rem;color:#fff;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.progress-indicator{color:#ffffffb3;font-size:.9rem}.player-layout{display:grid;grid-template-columns:1fr 350px;gap:2rem}.player-main{display:flex;flex-direction:column;gap:2rem}.video-player-section{background:#ffffff0d;backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.video-info{margin-top:1rem}.video-info h3{margin:0 0 .5rem;font-size:1.25rem;color:#fff}.video-info p{margin:0 0 .75rem;color:#ffffffb3;line-height:1.6}.video-meta{display:flex;align-items:center;gap:1rem;font-size:.9rem;color:#ffffffb3}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.status-badge.completed{background:#28a745;color:#fff}.status-badge.processing{background:#ffc107;color:#333}.encoding-message,.no-video-message{text-align:center;padding:4rem 2rem;background:#ffffff0d;backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1);color:#fff}.spinner{border:4px solid rgba(255,255,255,.1);border-top:4px solid #667eea;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 1rem}.objectives-section,.materials-section{background:#ffffff0d;backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.objectives-section h2,.materials-section h2{margin:0 0 1rem;font-size:1.25rem;color:#fff}.objectives-list,.materials-list{display:flex;flex-direction:column;gap:1rem}.objective-item{display:flex;gap:1rem;padding:1rem;background:#ffffff08;border-radius:8px;border-left:4px solid #667eea}.objective-number{width:30px;height:30px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.objective-content h4{margin:0 0 .25rem;font-size:1rem;color:#fff}.objective-content p{margin:0;color:#ffffffb3;font-size:.9rem;line-height:1.5}.material-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.material-info h4{margin:0 0 .25rem;font-size:1rem;color:#fff}.material-info p{margin:0 0 .5rem;color:#ffffffb3;font-size:.9rem}.material-meta{display:flex;gap:1rem;font-size:.85rem;color:#fff9}.download-btn{padding:.5rem 1rem;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s}.download-btn:hover{background:#218838}.player-sidebar{display:flex;flex-direction:column;gap:1.5rem}.video-list-section{background:#ffffff0d;backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow-y:auto}.video-list-section h3{margin:0 0 1rem;font-size:1.1rem;color:#fff}.video-list{display:flex;flex-direction:column;gap:.5rem}.video-list-item{display:flex;gap:.75rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:background .2s;border:2px solid transparent}.video-list-item:hover{background:#ffffff1a}.video-list-item.active{background:#667eea33;border-color:#667eea}.video-item-number{width:30px;height:30px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.video-list-item.active .video-item-number{background:#5568d3}.video-item-content{flex:1;min-width:0}.video-item-content h4{margin:0 0 .25rem;font-size:.9rem;color:#fff;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-item-meta{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#ffffffb3}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.completed{background:#28a745}.status-dot.processing{background:#ffc107;animation:pulse 2s infinite}.no-videos{text-align:center;color:#fff9;padding:2rem}.loading-container,.error-message{text-align:center;padding:3rem;color:#fff}.error-message h2{margin:0 0 1rem;color:#fca5a5}.error-message p{margin:0 0 1.5rem;color:#ffffffb3}.devtools{padding:20px;max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);min-height:100vh;color:#fff}.devtools-header{text-align:center;margin-bottom:40px;padding:30px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.devtools-header h1{font-size:2.5rem;font-weight:800;margin-bottom:10px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.devtools-header p{font-size:1.1rem;opacity:.8;margin:0}.devtools-controls{margin-bottom:30px;background:#ffffff0d;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1)}.search-section{margin-bottom:20px}.search-input{width:100%;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem}.search-input::placeholder{color:#fff9}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.devtools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;margin-bottom:40px}.tool-card{background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .3s ease}.tool-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#667eea80}.tool-header{display:flex;align-items:center;padding:20px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.tool-icon{font-size:2.5rem;margin-right:15px}.tool-info{flex:1}.tool-name{font-size:1.3rem;font-weight:700;margin-bottom:5px;color:#fff}.tool-version{font-size:.9rem;opacity:.7;margin:0}.tool-rating{display:flex;align-items:center;gap:5px}.rating-stars{font-size:1.2rem}.rating-value{font-size:1rem;font-weight:600}.tool-content{padding:20px}.tool-description{font-size:.95rem;opacity:.8;margin-bottom:15px;line-height:1.5}.tool-features{margin-bottom:15px}.tool-features h4{font-size:1rem;font-weight:600;margin-bottom:10px;color:#667eea}.features-list{list-style:none;padding:0;margin:0}.feature-item{font-size:.9rem;opacity:.8;position:relative;padding:4px 0 4px 15px}.feature-item:before{content:"•";color:#667eea;position:absolute;left:0}.tool-stats{padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.stat-item{display:flex;align-items:center;gap:8px;font-size:.9rem;opacity:.7}.stat-icon{font-size:1rem}.stat-text{font-weight:500}.tool-actions{display:flex;gap:10px;padding:0 20px 20px}.download-btn,.info-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;flex:1}.download-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.info-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.info-btn:hover{background:#fff3}.tool-registration{margin-top:40px}@media (max-width: 768px){.react18-features{padding:15px}.devtools-header h1{font-size:2rem}.category-filters{flex-direction:column}.filter-btn{justify-content:center}.devtools-grid{grid-template-columns:1fr;gap:20px}.tool-header{flex-direction:column;text-align:center;gap:10px}.tool-icon{margin-right:0}.tool-actions{flex-direction:column}.registration-card{padding:30px 20px}.registration-icon{font-size:2.5rem}}.news{padding:20px;max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);min-height:100vh;color:#fff}.news-header{text-align:center;margin-bottom:40px;padding:30px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.news-header h1{font-size:2.5rem;font-weight:800;margin-bottom:10px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.news-header p{font-size:1.1rem;opacity:.8;margin:0}.news-controls{margin-bottom:30px;background:#ffffff0d;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1)}.category-filters{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem}.filter-btn:hover{background:#ffffff1a}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.filter-icon{font-size:1.1rem}.filter-name{font-weight:500}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;margin-bottom:40px}.news-card{background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .3s ease;position:relative}.news-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#667eea80}.news-card.hot{border-color:#ef444480;background:#ef44440d}.hot-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;z-index:10}.news-thumbnail{height:120px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.thumbnail-icon{font-size:3rem}.news-content{padding:20px}.news-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.news-category{padding:4px 12px;background:#667eea33;border:1px solid rgba(102,126,234,.3);border-radius:20px;font-size:.8rem;font-weight:500;color:#667eea}.news-date{font-size:.85rem;opacity:.7}.news-title{font-size:1.3rem;font-weight:700;margin-bottom:12px;color:#fff;line-height:1.4}.news-summary{font-size:.95rem;opacity:.8;margin-bottom:15px;line-height:1.5}.news-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.news-author{display:flex;align-items:center;gap:6px;font-size:.85rem;opacity:.7}.author-icon{font-size:.9rem}.author-name{font-weight:500}.news-stats{display:flex;gap:15px}.stat-item{display:flex;align-items:center;gap:4px;font-size:.85rem;opacity:.7}.stat-icon{font-size:.9rem}.stat-value{font-weight:500}.news-actions{padding:0 20px 20px}.read-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;width:100%;justify-content:center}.read-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.btn-icon{font-size:1rem}.news-registration{margin-top:40px}.registration-card{background:#ffffff0d;border-radius:16px;border:2px dashed rgba(255,255,255,.2);padding:40px;text-align:center;transition:all .3s ease}.registration-card:hover{border-color:#667eea80;background:#667eea0d}.registration-icon{font-size:3rem;margin-bottom:20px}.registration-card h3{font-size:1.5rem;font-weight:700;margin-bottom:10px;color:#fff}.registration-card p{font-size:1rem;opacity:.8;margin-bottom:25px}.register-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.register-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media (max-width: 768px){.styling-comparison{padding:15px}.news-header h1{font-size:2rem}.category-filters{flex-direction:column}.filter-btn{justify-content:center}.news-grid{grid-template-columns:1fr;gap:20px}.news-footer{flex-direction:column;gap:10px;align-items:flex-start}.news-stats{gap:20px}.registration-card{padding:30px 20px}.registration-icon{font-size:2.5rem}}.signup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.signup-card{background:#fffffff2;backdrop-filter:blur(10px);border-radius:20px;padding:40px;width:100%;max-width:450px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.signup-header{text-align:center;margin-bottom:30px}.signup-header h1{color:#2d3748;font-size:2rem;font-weight:700;margin:0 0 10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.signup-header p{color:#718096;font-size:1rem;margin:0}.signup-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#2d3748;font-weight:600;font-size:.9rem}.form-group input{padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fffc}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fff}.form-group input.error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.form-group input:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed}.form-group input::placeholder{color:#a0aec0}.error-message{color:#e53e3e;font-size:.8rem;font-weight:500;margin-top:4px}.signup-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px;position:relative;overflow:hidden}.signup-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.signup-button:active:not(:disabled){transform:translateY(0)}.signup-button:disabled{background:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.signup-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.signup-button:hover:not(:disabled):before{left:100%}.signup-footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #e2e8f0}.signup-footer p{color:#718096;font-size:.9rem;margin:0}.login-link{color:#667eea;text-decoration:none;font-weight:600;margin-left:8px;transition:color .3s ease}.login-link:hover{color:#764ba2;text-decoration:underline}@media (max-width: 480px){.signup-container{padding:10px}.signup-card{padding:30px 20px}.signup-header h1{font-size:1.5rem}.signup-header p{font-size:.9rem}}@media (prefers-color-scheme: dark){.signup-card{background:#1a202cf2;border:1px solid rgba(255,255,255,.1)}.signup-header h1{color:#f7fafc}.signup-header p{color:#a0aec0}.form-group label{color:#f7fafc}.form-group input{background:#2d3748cc;border-color:#4a5568;color:#f7fafc}.form-group input:focus{background:#2d3748;border-color:#667eea}.form-group input:disabled{background:#2d3748;color:#718096}.form-group input::placeholder{color:#718096}.signup-footer{border-top-color:#4a5568}.signup-footer p{color:#a0aec0}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#e0e0e0;padding:20px;box-sizing:border-box}.login-card{background:#ffffff14;backdrop-filter:blur(15px);border-radius:20px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #0000005e;padding:40px;width:100%;max-width:400px;text-align:center;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:30px}.login-header h1{font-size:2.5em;margin-bottom:10px;color:#e0e0e0;text-shadow:0 0 10px rgba(255,255,255,.2)}.login-header p{font-size:1em;color:#a0a0a0;margin:0}.login-form{text-align:left}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:silver}.form-group input{width:calc(100% - 20px);padding:12px 10px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#0000004d;color:#e0e0e0;font-size:1em;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea4d;outline:none}.form-group input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44444d}.form-group input:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#ef4444;font-size:.85em;margin-top:5px;display:block}.success-message{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.95em;font-weight:500;text-align:center;animation:slideDown .3s ease-out}.error-message-general{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.95em;font-weight:500;text-align:center;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-button{width:100%;padding:15px;background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:20px}.login-button:hover:not(:disabled){background:linear-gradient(45deg,#5a67d8,#6a3d9a);box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.login-button:disabled{background:#4a5568;cursor:not-allowed;opacity:.7;transform:none}.login-footer{margin-top:30px;text-align:center}.login-footer p{font-size:.9em;color:#a0a0a0;margin:0}.signup-link{color:#667eea;text-decoration:none;font-weight:600;margin-left:5px;transition:color .3s ease}.signup-link:hover{color:#764ba2;text-decoration:underline}@media (max-width: 600px){.login-card{padding:30px 20px;margin:10px}.login-header h1{font-size:2em}}.login-button:disabled:after{content:"";display:inline-block;width:16px;height:16px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite;margin-left:8px}.map-viewer-container{min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2e2e2e);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.map-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#6d28d91a;border-bottom:1px solid rgba(109,40,217,.3)}.map-viewer-controls{display:flex;align-items:center;gap:2rem;flex:1;justify-content:flex-end}.version-tabs{display:flex;gap:.5rem;background:#ffffff0d;border-radius:.5rem;padding:.25rem}.version-tab{padding:.5rem 1rem;background:transparent;border:none;border-radius:.375rem;color:#ffffffb3;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative}.version-tab:hover{background:#ffffff1a;color:#ffffffe6}.version-tab.active{background:#6d28d94d;color:#fff;box-shadow:0 2px 4px #6d28d933}.version-tab:disabled{opacity:.6;cursor:not-allowed}.map-viewer-title{font-size:2rem;font-weight:700;color:#6d28d9;margin:0}.map-viewer-search{flex:1;max-width:400px}.loading-indicator{color:#6d28d9;font-size:.8rem;margin-left:.5rem;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.map-search-input{width:100%;padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(109,40,217,.3);border-radius:.5rem;color:#fff;font-size:1rem}.map-search-input::placeholder{color:#fff9}.map-viewer-content{display:grid;grid-template-columns:300px 1fr;gap:1rem;padding:1rem;height:calc(100vh - 200px)}.map-list-section{background:#ffffff0d;border-radius:.5rem;padding:1rem;overflow-y:auto;overscroll-behavior:contain}.map-list-title{font-size:1.25rem;font-weight:700;color:#6d28d9;margin-bottom:1rem}.map-access-notice{margin-bottom:1rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:.5rem;padding:1rem}.access-notice-content{display:flex;flex-direction:column;gap:1rem}.access-notice-icon{font-size:2rem;text-align:center}.access-notice-text{flex:1}.access-notice-title{font-size:1rem;font-weight:700;color:#fbbf24;margin:0 0 .5rem}.access-notice-description{font-size:.875rem;color:#fffc;line-height:1.5;margin:0}.access-notice-note{display:block;margin-top:.5rem;font-size:.8rem;color:#fff9;font-style:italic}.kakao-chat-link-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#fee500,#fdd835);color:#3c1e1e;text-decoration:none;border-radius:.5rem;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 2px 4px #fbbf244d}.kakao-chat-link-button:hover{background:linear-gradient(135deg,#fdd835,#fbc02d);transform:translateY(-2px);box-shadow:0 4px 8px #fbbf2466}.kakao-chat-link-button:active{transform:translateY(0);box-shadow:0 2px 4px #fbbf244d}.kakao-chat-icon{font-size:1.25rem}.map-thumbnail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;overscroll-behavior:contain;touch-action:pan-y}.map-thumbnail{aspect-ratio:1;background:#ffffff1a;border:2px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .3s ease;overflow:hidden}.map-thumbnail:hover{border-color:#6d28d9;transform:scale(1.05);background:#6d28d933}.map-thumbnail.selected{border-color:#6d28d9;background:#6d28d94d}.thumbnail-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;position:relative}.thumbnail-image{width:100%;height:100%;object-fit:cover;border-radius:.25rem}.thumbnail-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem}.thumbnail-icon{font-size:2rem;margin-bottom:.5rem}.thumbnail-name{font-size:.75rem;text-align:center;word-break:break-all;color:#fffc;margin-top:.25rem;background:#000000b3;padding:.25rem;border-radius:.25rem;position:absolute;bottom:.5rem;left:.5rem;right:.5rem}.map-viewer-section{background:#ffffff0d;border-radius:.5rem;padding:1rem;overflow:hidden;overscroll-behavior:contain}.map-viewer-main{width:100%;height:100%;position:relative}.map-viewer-canvas{width:100%;height:100%;background:#0000004d;border-radius:.5rem;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-context-menu:none;-moz-context-menu:none;-ms-context-menu:none;context-menu:none}.map-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:.5rem;box-shadow:0 4px 8px #0000004d;pointer-events:auto;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-context-menu:none;-moz-context-menu:none;-ms-context-menu:none;context-menu:none}.map-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(45deg,#6d28d91a,#6d28d90d)}.map-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.map-name{font-size:1.5rem;font-weight:700;color:#6d28d9;margin-bottom:.5rem}.map-instructions{font-size:1rem;color:#ffffffb3;text-align:center}.map-viewer-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000004d;border-radius:.5rem}.map-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;border-radius:.5rem;padding:2rem;z-index:10}.loading-spinner{width:2rem;height:2rem;border:3px solid rgba(109,40,217,.3);border-top:3px solid #6d28d9;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text{color:#fff;font-size:1rem;font-weight:500}.map-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#dc2626e6;border-radius:.5rem;padding:2rem;z-index:10;max-width:80%;text-align:center}.error-icon{font-size:2rem;margin-bottom:1rem}.error-text{color:#fff;font-size:.9rem;font-weight:500;word-break:break-all}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-text{font-size:1.25rem;color:#fff9}.map-status-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#6d28d91a;border-top:1px solid rgba(109,40,217,.3)}.status-item{display:flex;align-items:center;gap:.5rem}.status-label{font-weight:700;color:#6d28d9}.status-value{color:#ffffffe6}@media (max-width: 768px){.map-viewer-content{grid-template-columns:1fr;grid-template-rows:200px 1fr;height:calc(100vh - 150px)}.map-list-section{max-height:200px;overflow-y:auto}.map-thumbnail-grid{grid-template-columns:repeat(4,1fr);gap:.5rem}.map-thumbnail{min-height:60px}.thumbnail-name{font-size:.65rem;padding:.15rem}.map-viewer-section{min-height:0;overflow:hidden}.map-viewer-header{flex-direction:column;gap:1rem;padding:1rem}.map-viewer-title{font-size:1.5rem}.map-viewer-controls{flex-direction:column;width:100%;gap:1rem}.version-tabs{width:100%;justify-content:center}.version-tab{padding:.4rem .8rem;font-size:.85rem}.map-viewer-search{margin-left:0;max-width:100%;width:100%}.map-list-title{font-size:1rem;margin-bottom:.5rem}.map-access-notice{padding:.75rem;margin-bottom:.75rem}.access-notice-icon{font-size:1.5rem}.access-notice-title{font-size:.9rem}.access-notice-description{font-size:.8rem}.map-status-bar{padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.status-item{font-size:.85rem}}.turnstile-modal-backdrop{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.turnstile-modal{background:#1a1a2ef2;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:400px;width:90%;max-height:90vh;overflow:hidden;border:1px solid rgba(255,255,255,.1);animation:slideUp .3s ease-out}.turnstile-modal-header{display:flex;align-items:center;justify-content:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.turnstile-modal-title{color:#fff;font-size:1.3rem;font-weight:600;margin:0;text-align:center}.turnstile-modal-close{background:none;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;padding:5px;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.turnstile-modal-close:hover{background:#ffffff1a;color:#fff;transform:scale(1.1)}.turnstile-modal-content{padding:20px;text-align:center}.turnstile-modal-message{margin-bottom:20px}.turnstile-modal-message p{color:#ffffffe6;font-size:.95rem;line-height:1.4;margin:0}.turnstile-widget-container{display:flex;flex-direction:column;align-items:center;gap:20px}.turnstile-widget-container .cf-turnstile{transform:scale(1.1);border-radius:10px;overflow:hidden}.verification-status{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:10px;color:#60a5fa}.verification-spinner{font-size:1.5rem;animation:spin 1s linear infinite}.verification-status p{margin:0;font-weight:500}.verification-error{display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#f87171}.error-icon{font-size:2rem}.verification-error p{margin:0;font-weight:500;text-align:center}.retry-btn{background:linear-gradient(45deg,#ef4444,#dc2626);border:none;color:#fff;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ef44444d}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.turnstile-loading{display:flex;flex-direction:column;align-items:center;gap:15px;padding:40px 20px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.loading-spinner{font-size:2rem;animation:spin 1s linear infinite}.turnstile-loading p{color:#fffc;margin:0;font-size:1rem}.turnstile-modal-footer{padding:20px 30px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.security-note{color:#fff9;font-size:.9rem;margin:0;text-align:center;font-style:italic}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.turnstile-modal{width:95%;margin:20px}.turnstile-modal-header{padding:20px 25px 15px}.turnstile-modal-title{font-size:1.3rem}.turnstile-modal-content{padding:25px 20px}.turnstile-widget-container .cf-turnstile{transform:scale(1)}.security-icon{font-size:2.5rem}.turnstile-modal-message p{font-size:1rem}}@media (max-width: 480px){.turnstile-modal{width:100%;height:100%;border-radius:0;max-height:none}.turnstile-modal-header{padding:15px 20px}.turnstile-modal-content{padding:20px 15px}.turnstile-modal-footer{padding:15px 20px}}.server-maintenance-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;padding:20px;font-family:Arial,sans-serif}.maintenance-header{text-align:center;margin-bottom:30px}.maintenance-icon{font-size:4rem;margin-bottom:20px;animation:spin 2s linear infinite}.maintenance-header h2{font-size:2.5rem;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.maintenance-message{font-size:1.2rem;margin-bottom:20px;opacity:.9;max-width:600px;line-height:1.6}.retry-info{display:flex;align-items:center;gap:20px;justify-content:center;flex-wrap:wrap}.retry-info span{background:#ffffff1a;padding:8px 16px;border-radius:20px;font-weight:500}.retry-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;color:#fff;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ee5a2466}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ee5a2499}.game-container{background:#ffffff0d;border-radius:20px;padding:30px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;max-width:900px;width:100%}.game-header{text-align:center;margin-bottom:20px}.game-header h3{font-size:1.8rem;margin-bottom:15px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.game-instructions{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.game-instructions p{margin:0;font-size:1rem;opacity:.9}.game-area.galaga-game{position:relative;background:linear-gradient(to bottom,#1a4d3a,#2d5a3d,#1e3a2e);border:3px solid #8b4513;border-radius:15px;overflow:hidden;margin:0 auto;box-shadow:inset 0 0 50px #8b45134d,0 0 30px #8b451380}.stars{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:starFall 3s linear infinite;box-shadow:0 0 4px #fffc}@keyframes starFall{0%{transform:translateY(0);opacity:1}to{transform:translateY(600px);opacity:0}}.player-elf{position:absolute;z-index:10;font-size:2.5rem;filter:drop-shadow(0 0 10px rgba(255,215,0,.8));transition:none;animation:playerPulse 2s ease-in-out infinite;display:flex;align-items:center;justify-content:center}.character-container{position:relative;display:inline-block}.bow-with-label{position:absolute;top:-5px;right:-8px;z-index:12}.bow-emoji{font-size:2.2rem;filter:drop-shadow(0 0 5px rgba(0,102,255,.6))}.bow-label{position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:12px;color:#6cf;font-weight:700;text-shadow:0 0 5px rgba(102,204,255,.8);white-space:nowrap;animation:textGlow .3s ease-in-out infinite;z-index:15}.elf-emoji{font-size:2.5rem;z-index:10}.bow-label.enchanted{color:gold;text-shadow:0 0 5px rgba(255,215,0,1),0 0 10px rgba(255,215,0,.6);animation:enchantedGlow .5s ease-in-out infinite}@keyframes playerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.player-arrow{position:absolute;z-index:8;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:28px solid #66ccff;filter:drop-shadow(0 0 8px rgba(102,204,255,.8)) drop-shadow(0 0 15px rgba(0,170,255,.6));animation:arrowFly .3s ease-in-out infinite;transform:rotate(0)}.player-arrow:before{content:"";position:absolute;top:28px;left:-4px;width:8px;height:12px;background:linear-gradient(180deg,#06f,#0af);clip-path:polygon(0% 100%,50% 0%,100% 100%);filter:drop-shadow(0 0 5px rgba(0,102,255,.6))}@keyframes arrowFly{0%,to{filter:drop-shadow(0 0 8px rgba(102,204,255,.8)) drop-shadow(0 0 15px rgba(0,170,255,.6));transform:rotate(0) translateY(0)}50%{filter:drop-shadow(0 0 12px rgba(102,204,255,1)) drop-shadow(0 0 20px rgba(0,170,255,.8));transform:rotate(1deg) translateY(-2px)}}@keyframes lightningFlicker{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes textGlow{0%,to{text-shadow:0 0 3px rgba(102,204,255,.8);opacity:.9}50%{text-shadow:0 0 6px rgba(102,204,255,1);opacity:1}}@keyframes enchantedGlow{0%,to{text-shadow:0 0 5px rgba(255,215,0,1),0 0 10px rgba(255,215,0,.6);transform:translate(-50%) scale(1)}50%{text-shadow:0 0 8px rgba(255,215,0,1),0 0 15px rgba(255,215,0,.8);transform:translate(-50%) scale(1.05)}}.enemy-monster{position:absolute;z-index:5;font-size:2rem;filter:drop-shadow(0 0 8px rgba(139,0,0,.6));animation:monsterFloat 2s ease-in-out infinite}@keyframes monsterFloat{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.enemy-magic{position:absolute;z-index:8;font-size:1rem;filter:drop-shadow(0 0 5px rgba(255,0,0,.8));animation:magicGlow .3s ease-in-out infinite}.hit-effect{position:absolute;z-index:20;font-size:2rem;pointer-events:none;animation:hitEffectAnimation 1s ease-out forwards}.hit-effect.explosion{color:#ff6b6b;font-size:2.5rem;filter:drop-shadow(0 0 15px rgba(255,107,107,.8));animation:explosionEffect 1.5s ease-out forwards}.hit-effect.spark{color:gold;font-size:1.2rem;filter:drop-shadow(0 0 8px rgba(255,215,0,.8));animation:sparkEffect 1.5s ease-out forwards}.hit-effect.magic{color:#6cf;font-size:1.5rem;filter:drop-shadow(0 0 12px rgba(102,204,255,.8));animation:magicEffect 1.5s ease-out forwards}@keyframes explosionEffect{0%{transform:scale(.2) rotate(0);opacity:1;filter:drop-shadow(0 0 5px rgba(255,107,107,.8))}20%{transform:scale(1.8) rotate(72deg);opacity:1;filter:drop-shadow(0 0 20px rgba(255,107,107,1))}40%{transform:scale(2.5) rotate(144deg);opacity:.9;filter:drop-shadow(0 0 30px rgba(255,107,107,.9))}60%{transform:scale(2.2) rotate(216deg);opacity:.7;filter:drop-shadow(0 0 25px rgba(255,107,107,.7))}80%{transform:scale(1.5) rotate(288deg);opacity:.4;filter:drop-shadow(0 0 15px rgba(255,107,107,.4))}to{transform:scale(.8) rotate(360deg);opacity:0;filter:drop-shadow(0 0 5px rgba(255,107,107,.1))}}@keyframes sparkEffect{0%{transform:scale(.1) translateY(0) rotate(0);opacity:1}15%{transform:scale(.8) translateY(-8px) rotate(45deg);opacity:1}30%{transform:scale(1.2) translateY(-15px) rotate(90deg);opacity:.9}50%{transform:scale(1.5) translateY(-25px) rotate(180deg);opacity:.7}70%{transform:scale(1.2) translateY(-35px) rotate(270deg);opacity:.5}85%{transform:scale(.6) translateY(-45px) rotate(315deg);opacity:.3}to{transform:scale(.2) translateY(-55px) rotate(360deg);opacity:0}}@keyframes magicEffect{0%{transform:scale(.1) rotate(0);opacity:1;filter:drop-shadow(0 0 8px rgba(102,204,255,.8))}20%{transform:scale(.8) rotate(72deg);opacity:1;filter:drop-shadow(0 0 15px rgba(102,204,255,1))}40%{transform:scale(1.3) rotate(144deg);opacity:.9;filter:drop-shadow(0 0 20px rgba(102,204,255,.9))}60%{transform:scale(1.1) rotate(216deg);opacity:.7;filter:drop-shadow(0 0 18px rgba(102,204,255,.7))}80%{transform:scale(.7) rotate(288deg);opacity:.4;filter:drop-shadow(0 0 12px rgba(102,204,255,.4))}to{transform:scale(.3) rotate(360deg);opacity:0;filter:drop-shadow(0 0 5px rgba(102,204,255,.1))}}.score{position:absolute;top:20px;right:20px;z-index:15;background:#000000b3;color:gold;padding:10px 15px;border-radius:10px;font-size:1.2rem;font-weight:700;font-family:Courier New,monospace;border:1px solid rgba(255,215,0,.5);box-shadow:0 0 10px #ffd7004d}.game-over{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:20}.game-over-content{text-align:center;background:#ffffff1a;padding:30px;border-radius:15px;backdrop-filter:blur(10px);border:2px solid rgba(255,0,0,.5);box-shadow:0 0 30px #ff000080}.game-over-content h3{font-size:2rem;margin-bottom:15px;color:#ff6b6b;text-shadow:0 0 10px rgba(255,107,107,.8)}.game-over-content p{font-size:1.2rem;margin-bottom:20px}.restart-btn{background:linear-gradient(45deg,#4caf50,#45a049);border:none;color:#fff;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.restart-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4caf5066}.start-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:20}.start-content{text-align:center;background:#ffffff1a;padding:30px;border-radius:15px;backdrop-filter:blur(10px);border:2px solid rgba(0,212,255,.5);box-shadow:0 0 30px #00d4ff80}.start-content h3{font-size:2rem;margin-bottom:15px;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.8)}.start-content p{font-size:1.1rem;margin-bottom:20px}.start-btn{background:linear-gradient(45deg,#2196f3,#1976d2);border:none;color:#fff;padding:15px 30px;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.start-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #2196f366}.game-footer{margin-top:20px;text-align:center}.game-tips{display:flex;flex-direction:column;gap:8px}.game-tips p{margin:0;font-size:.9rem;opacity:.8;font-style:italic}@media (max-width: 768px){.server-maintenance-container{padding:10px}.maintenance-header h2{font-size:2rem}.maintenance-message{font-size:1rem}.game-container{padding:20px}.game-area.galaga-game{width:100%!important;max-width:400px;height:300px!important}.player-ship{font-size:2rem}.enemy-ship{font-size:1.5rem}}@media (max-width: 480px){.retry-info{flex-direction:column;gap:10px}.game-instructions{font-size:.9rem}}.game-area.jump-game{position:relative;background:linear-gradient(to bottom,#87ceeb,#98d8e8,#b0e0e6);border:3px solid #8b4513;border-radius:15px;overflow:hidden;margin:0 auto;box-shadow:inset 0 0 50px #8b45134d,0 0 30px #8b451380}.jump-game-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.cloud{position:absolute;width:60px;height:30px;background:#fffc;border-radius:50px;animation:cloudMove 20s linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:#fffc;border-radius:50px}.cloud:before{width:50px;height:50px;top:-25px;left:10px}.cloud:after{width:60px;height:40px;top:-20px;right:10px}@keyframes cloudMove{0%{transform:translate(0)}to{transform:translate(-100px)}}.ground{position:absolute;background:linear-gradient(to bottom,#8b7355,#6b5b3d);border-top:3px solid #5A4A2A;z-index:2}.jump-player{position:absolute;z-index:10;font-size:3rem;filter:drop-shadow(0 0 10px rgba(255,215,0,.8));transition:none;animation:playerJump .3s ease-out;display:flex;align-items:center;justify-content:center}@keyframes playerJump{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(-5deg)}to{transform:scale(1) rotate(0)}}.jump-obstacle{position:absolute;z-index:5;background:linear-gradient(to bottom,#8b4513,#654321);border:2px solid #5A2A0A;border-radius:5px 5px 0 0;font-size:2rem;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 8px rgba(139,0,0,.6))}.turnstile-verification-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;font-family:Roboto,sans-serif}.verification-content{text-align:center;padding:40px;z-index:1}.verification-icon{font-size:5rem;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.verification-icon.success{animation:none;color:#10b981}.verification-title{font-size:2.5rem;font-weight:900;margin-bottom:20px;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.verification-title.success{background:linear-gradient(45deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.verification-message{font-size:1.2rem;color:#ffffffe6;margin-bottom:10px}.verification-message.success{color:#10b981;font-weight:600}.verification-submessage{font-size:1rem;color:#ffffffb3;margin-top:0}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.loading-spinner{display:inline-block;font-size:3rem;margin-top:20px;width:3rem;height:3rem;line-height:3rem;text-align:center;transform-origin:center center;animation:spin 2s linear infinite}@media (max-width: 768px){.verification-icon{font-size:4rem}.verification-title{font-size:2rem}.verification-message{font-size:1rem}.verification-submessage{font-size:.9rem}.loading-spinner{font-size:2.5rem;width:2.5rem;height:2.5rem;line-height:2.5rem}}.resource-detail{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);color:#fff;font-family:Roboto,sans-serif;padding:20px;max-width:1200px;margin:0 auto}.resource-detail .loading{text-align:center;padding:60px 20px;background:#ffffff0d;backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1);color:#fff}.resource-detail .loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.resource-detail .error{text-align:center;padding:60px 20px;background:#ef44441a;backdrop-filter:blur(10px);border-radius:16px;border:2px solid rgba(239,68,68,.3)}.resource-detail .error h2{color:#fca5a5;margin-bottom:15px}.resource-detail .error p{color:#fca5a5;font-size:1.1em;margin-bottom:20px}.resource-detail-header{text-align:center;margin-bottom:40px;padding:30px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);position:relative}.resource-detail-header .back-btn-header{position:absolute;left:30px;top:50%;transform:translateY(-50%);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;padding:10px 18px;border-radius:8px;cursor:pointer;font-size:.9em;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:6px;backdrop-filter:blur(10px)}.resource-detail-header .back-btn-header:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-50%) translate(-3px);color:#fff}.resource-detail-header h1{font-size:2.5rem;font-weight:800;margin:0;padding:0 180px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.resource-detail-header .edit-resource-btn{position:absolute;right:30px;top:50%;transform:translateY(-50%);background:#667eea33;border:1px solid rgba(102,126,234,.4);color:#ffffffe6;padding:10px 18px;border-radius:8px;cursor:pointer;font-size:.9em;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:6px;backdrop-filter:blur(10px)}.resource-detail-header .edit-resource-btn:hover{background:#667eea4d;border-color:#667eea99;transform:translateY(-50%) translate(3px);color:#fff}.resource-main-layout{display:grid;grid-template-columns:1fr 360px;gap:30px;align-items:start}.resource-main-layout>.resource-header{grid-column:1 / -1;margin-bottom:30px}.resource-main-content{background:#ffffff08;backdrop-filter:blur(10px);border-radius:16px;padding:35px;border:1px solid rgba(255,255,255,.1);min-width:0;overflow:hidden}.resource-sidebar{display:flex;flex-direction:column;gap:18px;position:sticky;top:20px;height:fit-content;max-height:calc(100vh - 40px);overflow-y:auto;align-self:start}.resource-sidebar::-webkit-scrollbar{width:6px}.resource-sidebar::-webkit-scrollbar-track{background:#0003;border-radius:3px}.resource-sidebar::-webkit-scrollbar-thumb{background:#667eea80;border-radius:3px}.resource-sidebar::-webkit-scrollbar-thumb:hover{background:#667eeab3}.sidebar-card{background:#ffffff0d;backdrop-filter:blur(10px);border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;flex-shrink:0}.sidebar-card:hover{background:#ffffff14;border-color:#667eea4d}.sidebar-card-title{font-size:1.2rem;color:#667eea;margin:0 0 20px;font-weight:600;display:flex;align-items:center;gap:8px}.pricing-content{margin-bottom:15px}.price-badge{padding:15px 20px;border-radius:10px;font-size:1.3rem;font-weight:700;text-align:center;margin-bottom:10px}.free-badge{background:#10b98133;color:#6ee7b7;border:2px solid rgba(16,185,129,.3)}.paid-badge{background:#fbbf2433;color:#fcd34d;border:2px solid rgba(251,191,36,.3)}.level-requirement{text-align:center;color:#fffc;font-size:.95rem;margin-top:10px}.download-status-info{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.resource-detail .status-badge{padding:12px 16px;border-radius:8px;text-align:center;font-weight:600;font-size:.95rem}.resource-detail .status-badge.success{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.resource-detail .status-badge.error{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.file-list-compact{display:flex;flex-direction:column;gap:12px}.file-item-compact{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.file-item-compact:hover{background:#ffffff14;border-color:#667eea4d}.file-info-compact{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.file-icon-small{font-size:1.5rem;flex-shrink:0}.file-details-compact{flex:1;min-width:0}.file-name-compact{font-size:.9rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.file-meta-compact{font-size:.8rem;color:#fff9}.download-btn-compact{flex-shrink:0;width:40px;height:40px;border-radius:8px;border:none;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.download-btn-compact.enabled{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.download-btn-compact.enabled:hover{background:#10b9814d;transform:scale(1.1)}.download-btn-compact.disabled{background:#6b728033;color:#fff6;cursor:not-allowed;opacity:.6}.info-list{display:flex;flex-direction:column;gap:12px;margin:0}.info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-row:last-child{border-bottom:none}.info-row dt{color:#ffffffb3;font-size:.9rem;font-weight:500}.info-row dd{color:#fff;font-size:.95rem;font-weight:500;margin:0;text-align:right}.resource-detail-uploader-info{display:flex;align-items:center;gap:8px;justify-content:flex-end}.resource-detail-uploader-avatar{width:40px;height:40px;border-radius:8px;object-fit:cover;border:2px solid rgba(255,255,255,.3);flex-shrink:0;box-shadow:0 2px 8px #0003}.resource-detail-uploader-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#282d3ce6;color:#fff;font-size:1rem;font-weight:600;flex-shrink:0;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0003}.resource-detail-uploader-details{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.resource-detail-uploader-name{font-weight:500;white-space:nowrap}.resource-detail-uploader-level{font-size:.75rem;font-weight:600}.article-media-gallery{margin-bottom:40px;max-height:600px;overflow-y:auto;padding-right:10px}.article-media-gallery::-webkit-scrollbar{width:6px}.article-media-gallery::-webkit-scrollbar-track{background:#0003;border-radius:3px}.article-media-gallery::-webkit-scrollbar-thumb{background:#667eea80;border-radius:3px}.article-media-gallery::-webkit-scrollbar-thumb:hover{background:#667eeab3}.media-gallery-section{margin-bottom:30px}.media-gallery-section:last-child{margin-bottom:0}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:12px;border-bottom:2px solid rgba(255,255,255,.1)}.gallery-title{font-size:1.2rem;color:#667eea;display:flex;align-items:center;gap:8px;font-weight:600;margin:0}.gallery-icon{font-size:1.3rem}.gallery-hint{color:#fff9;font-size:.85em;font-style:italic}.gallery-scroll-container{position:relative;display:flex;align-items:center;gap:10px}.gallery-scroll-btn{position:sticky;z-index:2;background:#000000b3;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);color:#fff;font-size:1.8rem;width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.gallery-scroll-btn:hover{background:#667eeae6;border-color:#667eea80;transform:scale(1.1)}.image-gallery-scroll,.video-gallery-scroll{display:flex;gap:15px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.5) transparent;flex:1;padding:8px 0}.image-gallery-scroll::-webkit-scrollbar,.video-gallery-scroll::-webkit-scrollbar{height:6px}.image-gallery-scroll::-webkit-scrollbar-track,.video-gallery-scroll::-webkit-scrollbar-track{background:#0003;border-radius:3px}.image-gallery-scroll::-webkit-scrollbar-thumb,.video-gallery-scroll::-webkit-scrollbar-thumb{background:#667eea80;border-radius:3px}.image-gallery-scroll::-webkit-scrollbar-thumb:hover,.video-gallery-scroll::-webkit-scrollbar-thumb:hover{background:#667eeab3}.gallery-media-item{flex-shrink:0;width:280px;cursor:pointer;transition:transform .3s ease}.gallery-media-item:hover{transform:translateY(-3px)}.media-item-wrapper{position:relative;width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#0000004d;border:2px solid rgba(255,255,255,.1);transition:border-color .3s ease}.gallery-media-item:hover .media-item-wrapper{border-color:#667eea80;box-shadow:0 8px 25px #0006}.gallery-media-image,.gallery-media-video{width:100%;height:100%;object-fit:contain;display:block}.gallery-media-video{background:#00000080}.media-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000e6);padding:15px;color:#fff;opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:space-between}.gallery-media-item:hover .media-overlay{opacity:1}.zoom-icon{font-size:1.2rem;background:#667eeacc;padding:8px;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.media-name{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-left:10px}.gallery-video-item .video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;border-radius:50%;width:70px;height:70px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;pointer-events:none}.gallery-media-item:hover .video-play-overlay{background:#667eeae6;transform:translate(-50%,-50%) scale(1.1)}.gallery-media-item .play-icon{font-size:1.8rem;color:#fff;margin-left:4px}.article-content{margin-top:0;padding-top:0;border-top:none}.article-description{font-size:1.15em;color:#fffffff2;line-height:2;word-wrap:break-word}.article-description *{max-width:100%;color:inherit}.article-description p{margin-bottom:1.8em;text-align:justify;color:#fffffff2;font-size:1.05em}.article-description p:last-child{margin-bottom:0}.article-description strong{font-weight:600}.article-description em{font-style:italic}.article-description u{text-decoration:underline}.article-description span{display:inline}.article-paragraph{margin-bottom:1.8em;text-align:justify;color:#fffffff2;font-size:1.05em}.article-paragraph:last-child{margin-bottom:0}.article-paragraph.no-description{color:#ffffff80;font-style:italic;text-align:center;padding:40px 20px}.pricing{display:flex;flex-direction:column;gap:10px}.free{background:#10b98133;color:#6ee7b7;padding:12px 20px;border-radius:8px;font-weight:600;font-size:1.1em;text-align:center;border:2px solid rgba(16,185,129,.3)}.paid{display:flex;flex-direction:column;gap:8px}.cost{background:#fbbf2433;color:#fcd34d;padding:12px 20px;border-radius:8px;font-weight:600;text-align:center;border:2px solid rgba(251,191,36,.3)}.level{background:#3b82f633;color:#93c5fd;padding:10px 20px;border-radius:8px;font-size:.95em;text-align:center;border:1px solid rgba(59,130,246,.3)}.resource-detail .user-info{display:flex;gap:15px;flex-wrap:wrap}.resource-detail .user-info span{background:#667eea33;color:#a5b4fc;padding:10px 16px;border-radius:8px;font-weight:500;border:1px solid rgba(102,126,234,.3)}.no-files{text-align:center;padding:40px 20px;color:#fff9;background:#0003;border-radius:8px;border:2px dashed rgba(255,255,255,.1)}.file-list{display:flex;flex-direction:column;gap:15px}.file-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;animation:fadeIn .3s ease-out}.file-item:hover{border-color:#667eea66;background:#ffffff14;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.file-info{display:flex;align-items:center;gap:15px;flex:1}.file-icon{font-size:2em;opacity:.9}.file-details{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.file-name{font-weight:500;color:#fff;font-size:1.1em;word-break:break-all}.file-meta{display:flex;gap:15px;font-size:.9em;color:#fff9}.file-size{font-weight:500}.file-type{background:#667eea33;padding:4px 10px;border-radius:4px;font-size:.85em;color:#a5b4fc}.download-btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95em;min-width:160px;text-align:center}.download-btn.enabled{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.download-btn.enabled:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.download-btn.disabled{background:#6b728080;color:#fff9;cursor:not-allowed;opacity:.6}.downloading{display:flex;align-items:center;justify-content:center;gap:8px;animation:pulse 1.5s ease-in-out infinite}.image-modal-overlay,.video-modal-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(10px);animation:fadeIn .3s ease}.image-modal-content,.video-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-close{position:absolute;top:-50px;right:0;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:40px;height:40px;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-prev,.modal-next{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;border:none;color:#fff;font-size:3rem;width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001}.modal-prev{left:-80px}.modal-next{right:-80px}.modal-prev:hover,.modal-next:hover{background:#667eeae6;transform:translateY(-50%) scale(1.1)}.modal-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000080}.modal-video{max-width:100%;max-height:80vh;border-radius:12px;box-shadow:0 20px 60px #00000080}.modal-info{margin-top:20px;text-align:center;color:#fff}.modal-filename{font-size:1.1rem;font-weight:500;margin-bottom:8px;color:#fff}.modal-filesize{font-size:.9rem;color:#ffffffb3;margin-bottom:8px}.modal-counter{font-size:.9rem;color:#667eea;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.resource-main-layout{grid-template-columns:1fr;gap:30px}.resource-sidebar{position:static;order:2}.resource-main-content{order:1}.article-paragraph{text-align:left}.modal-prev{left:10px}.modal-next{right:10px}}@media (max-width: 768px){.resource-detail{margin:10px;padding:15px}.resource-detail-header{padding:20px 15px}.resource-detail-header .back-btn-header{position:static;transform:none;margin-bottom:15px;width:100%;justify-content:center}.resource-detail-header .back-btn-header:hover{transform:none}.resource-detail-header h1{font-size:1.8em;padding:0}.resource-main-content{padding:25px 20px}.article-description{font-size:1em}.article-paragraph{font-size:1em;text-align:left;line-height:1.8}.gallery-media-item{width:280px}.gallery-scroll-btn{width:40px;height:40px;font-size:1.5rem}.sidebar-card{padding:20px}.file-item-compact{flex-direction:column;align-items:stretch;gap:12px}.file-info-compact{width:100%}.download-btn-compact{width:100%;height:44px}}.download-all-btn{width:100%;padding:12px 20px;margin-bottom:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #667eea4d}.download-all-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.download-all-btn:disabled{background:linear-gradient(135deg,#6b7280,#4b5563);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.download-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(4px)}.download-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;border:1px solid rgba(255,255,255,.1);max-width:600px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #00000080}.download-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d}.download-modal-header h3{margin:0;font-size:1.3rem;color:#fff;font-weight:600}.close-download-modal-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:5px 10px;border-radius:4px;transition:background-color .2s ease;line-height:1}.close-download-modal-btn:hover{background:#ffffff1a}.download-file-list{padding:20px;max-height:calc(80vh - 100px);overflow-y:auto}.download-file-list h4{margin:0 0 15px;font-size:1rem;color:#fff;font-weight:600;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.download-file-item{display:flex;align-items:flex-start;justify-content:space-between;padding:15px;border-bottom:1px solid rgba(255,255,255,.1);transition:background-color .2s ease;gap:12px}.download-file-item:last-child{border-bottom:none}.download-file-item:hover{background:#ffffff0d}.download-file-item.downloading{background:#667eea1a;border-left:3px solid #667eea}.download-file-item .file-icon{font-size:1.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.download-file-item .file-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.download-file-item .file-name{font-weight:500;color:#fff;font-size:.95em;word-break:break-all}.download-file-item .file-size{color:#ffffffb3;font-size:.85em}.file-download-status{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:100px}.file-download-status .status-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:12px;white-space:nowrap}.file-download-status .status-badge.pending{background:#ffffff1a;color:#fff9}.file-download-status .status-badge.completed{background:#10b98133;color:#34d399}.file-download-status .status-badge.error{background:#ef444433;color:#f87171}.file-download-status .file-progress-container{display:flex;align-items:center;gap:6px;min-width:140px;flex-shrink:0}.file-download-status .file-progress-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;min-width:80px;max-width:120px}.file-download-status .file-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .2s ease;border-radius:4px}.file-download-status .file-progress-text{font-size:.7rem;color:#fffc;white-space:nowrap;font-weight:600}.hex-viewer{padding:20px;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);min-height:100vh;color:#fff}.hex-viewer-header{text-align:center;margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.hex-viewer-header h2{font-size:2rem;font-weight:800;margin-bottom:10px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hex-viewer-header p{font-size:1rem;opacity:.8;margin:0}.hex-viewer-controls{margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.file-select-section{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.file-input{display:none}.file-input-label{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;cursor:pointer;font-weight:600;text-align:center;transition:all .3s ease;border:none}.file-input-label:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.selected-file-info{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#667eea1a;border-radius:8px;border:1px solid rgba(102,126,234,.3)}.reset-btn{padding:6px 12px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.reset-btn:hover{background:#fff3}.validation-result{padding:12px;border-radius:8px;margin-bottom:15px;font-weight:500}.validation-result.valid{background:#4caf5033;border:1px solid rgba(76,175,80,.5);color:#4caf50}.validation-result.invalid{background:#f4433633;border:1px solid rgba(244,67,54,.5);color:#f44336}.error-message{padding:12px;background:#f4433633;border:1px solid rgba(244,67,54,.5);border-radius:8px;color:#f44336;font-weight:500}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:20px}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.asset-view-section{margin-top:30px}.asset-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px;background:#ffffff0d;border-radius:8px}.asset-view-header h3{font-size:1.5rem;font-weight:700;margin:0}.block-count{font-size:1rem;opacity:.8;padding:6px 12px;background:#667eea33;border-radius:6px}.asset-view-grid{display:grid;grid-template-columns:repeat(16,1fr);gap:4px;padding:20px;background:#0000004d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.asset-block{position:relative;aspect-ratio:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;overflow:hidden;cursor:pointer;transition:all .2s ease}.asset-block:hover{border-color:#667eea;transform:scale(1.1);z-index:10;box-shadow:0 4px 12px #667eea66}.block-image{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.block-index{position:absolute;bottom:2px;right:2px;font-size:.6rem;background:#000c;color:#fff;padding:2px 4px;border-radius:3px;font-weight:600;opacity:0;transition:opacity .2s ease}.asset-block:hover .block-index{opacity:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.empty-text{font-size:1.5rem;font-weight:600;margin-bottom:10px;color:#667eea}.empty-description{font-size:1rem;opacity:.7;line-height:1.6}@media (max-width: 1200px){.asset-view-grid{grid-template-columns:repeat(12,1fr)}}@media (max-width: 768px){.asset-view-grid{grid-template-columns:repeat(8,1fr);gap:2px;padding:10px}.hex-viewer-header h2{font-size:1.5rem}}.my-wiki{display:flex;flex-direction:column;min-height:calc(100vh - 100px);height:auto;color:#fff;overflow:visible}.wiki-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid rgba(102,126,234,.3);flex-shrink:0}.wiki-header-left{flex:1}.wiki-title{font-size:1.8rem;font-weight:700;margin:0 0 4px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wiki-subtitle{font-size:.9rem;color:#fff9;margin:0}.wiki-header-actions{display:flex;gap:8px}.wiki-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.wiki-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.wiki-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.wiki-btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(102,126,234,.3)}.wiki-btn.secondary:hover{background:#667eea33;border-color:#667eea}.wiki-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:1px solid rgba(102,126,234,.2);gap:16px;flex-shrink:0}.wiki-search{flex:1;max-width:400px}.wiki-search-input{width:100%;padding:8px 12px;background:#ffffff1a;border:1px solid rgba(102,126,234,.3);border-radius:6px;color:#fff;font-size:.9rem;transition:all .3s ease}.wiki-search-input:focus{outline:none;border-color:#667eea;background:#ffffff26}.wiki-view-controls{display:flex;align-items:center;gap:12px}.wiki-select{padding:6px 10px;background:#ffffff1a;border:1px solid rgba(102,126,234,.3);border-radius:6px;color:#fff;font-size:.85rem;cursor:pointer}.wiki-select option{background:#1a1a2e;color:#fff}.wiki-view-modes{display:flex;gap:4px;background:#ffffff0d;padding:4px;border-radius:6px}.wiki-view-mode-btn{padding:6px 10px;background:transparent;border:none;border-radius:4px;color:#fff9;font-size:1rem;cursor:pointer;transition:all .3s ease}.wiki-view-mode-btn:hover{background:#667eea33;color:#fff}.wiki-view-mode-btn.active{background:#667eea4d;color:#fff}.wiki-filter-info{display:flex;align-items:center;justify-content:space-between;padding:8px 24px;background:#667eea1a;border-bottom:1px solid rgba(102,126,234,.2);font-size:.85rem;flex-shrink:0}.wiki-filter-info button{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:4px 8px;border-radius:4px}.wiki-filter-info button:hover{background:#ffffff1a}.wiki-content{flex:1;display:flex;overflow:hidden;position:relative;min-height:400px}.wiki-tree-view{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.wiki-tree-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff08;border-bottom:1px solid rgba(102,126,234,.2);font-size:.85rem;font-weight:600;flex-shrink:0}.wiki-tree-expand-all{padding:4px 8px;background:#ffffff1a;border:1px solid rgba(102,126,234,.3);border-radius:4px;color:#fff;font-size:.75rem;cursor:pointer}.wiki-tree-list{flex:1;overflow-y:auto;overflow-x:visible;padding:8px 0;min-height:200px}.wiki-tree-node{user-select:none}.wiki-tree-item{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;transition:background .2s ease,border .2s ease;font-size:.9rem;position:relative;user-select:none}.wiki-tree-item:hover{background:#667eea1a}.wiki-tree-item.dragging{opacity:.5;background:#667eea33}.wiki-tree-item.drop-target{cursor:move}.wiki-tree-item.drag-over-inside{background:#667eea26;border:2px solid #667eea;border-radius:6px;box-shadow:0 0 0 2px #667eea33;margin:2px 0}.wiki-tree-drag-handle{color:#ffffff4d;font-size:.7rem;cursor:grab;padding:0 4px;line-height:1;user-select:none}.wiki-tree-drag-handle:active{cursor:grabbing}.wiki-tree-item:hover .wiki-tree-drag-handle{color:#fff9}.wiki-tree-drop-line{height:3px;background:#667eea;margin:0;border-radius:2px;position:relative;z-index:10;box-shadow:0 0 4px #667eea80}.wiki-tree-drop-line.before{margin-top:-1px;margin-bottom:2px}.wiki-tree-drop-line.after{margin-top:2px;margin-bottom:-1px}.wiki-tree-toggle{width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fff9;cursor:pointer;font-size:.7rem;padding:0;flex-shrink:0}.wiki-tree-spacer{width:16px;flex-shrink:0}.wiki-tree-title{flex:1;color:#ffffffe6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-tree-badge{font-size:.75rem;flex-shrink:0}.wiki-tree-meta{font-size:.75rem;color:#ffffff80;flex-shrink:0}.wiki-tree-children{margin-left:0}.wiki-list-view{flex:1;overflow-y:auto;overflow-x:visible;padding:16px;min-height:200px}.wiki-list-group{margin-bottom:24px}.wiki-list-group-header{font-size:.9rem;font-weight:600;color:#ffffffb3;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(102,126,234,.2)}.wiki-list-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff08;border:1px solid rgba(102,126,234,.1);border-radius:6px;margin-bottom:8px;transition:all .2s ease}.wiki-list-item:hover{background:#ffffff0f;border-color:#667eea4d}.wiki-list-item-main{flex:1;cursor:pointer;min-width:0}.wiki-list-item-title{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:4px;display:flex;align-items:center;gap:6px}.wiki-list-indent{color:#667eea99;font-size:.8rem}.wiki-list-item-desc{font-size:.85rem;color:#fff9;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-list-item-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.wiki-list-item-tags{display:flex;gap:6px;flex-wrap:wrap;max-width:100%;align-items:center}.wiki-list-tag{font-size:.75rem;padding:2px 6px;background:#667eea26;border:1px solid rgba(102,126,234,.3);border-radius:10px;color:#a5b4fc;white-space:nowrap;flex-shrink:0}.wiki-list-tag-more{font-size:.75rem;padding:2px 6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff9;white-space:nowrap;flex-shrink:0}.wiki-list-item-stats{display:flex;gap:12px;font-size:.75rem;color:#ffffff80}.wiki-list-item-actions{display:flex;gap:4px;margin-left:12px;flex-shrink:0}.wiki-list-item-actions button{padding:6px 10px;background:#ffffff1a;border:1px solid rgba(102,126,234,.3);border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;transition:all .2s ease}.wiki-list-item-actions button:hover{background:#667eea33;border-color:#667eea}.wiki-compact-view{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;min-height:200px;min-width:0}.wiki-compact-group{margin-bottom:24px}.wiki-compact-group-header{font-size:.9rem;font-weight:600;color:#ffffffb3;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(102,126,234,.2)}.wiki-compact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.wiki-compact-item{padding:10px;background:#ffffff08;border:1px solid rgba(102,126,234,.1);border-radius:6px;cursor:pointer;transition:all .2s ease}.wiki-compact-item:hover{background:#ffffff0f;border-color:#667eea4d;transform:translateY(-2px)}.wiki-compact-title{font-size:.85rem;font-weight:600;color:#fff;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-compact-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:.7rem;color:#ffffff80}.wiki-compact-tag{font-size:.7rem;padding:2px 4px;background:#667eea26;border-radius:8px;color:#a5b4fc;white-space:nowrap;flex-shrink:0}.wiki-compact-tag-more{font-size:.7rem;padding:2px 4px;background:#ffffff1a;border-radius:8px;color:#fff9;white-space:nowrap;flex-shrink:0}.wiki-tags-sidebar{width:220px;border-right:1px solid rgba(102,126,234,.2);padding:16px;background:#ffffff05;flex-shrink:0;display:flex;flex-direction:column;max-height:100%;overflow:hidden}.wiki-tags-header{font-size:.85rem;font-weight:600;color:#ffffffb3;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(102,126,234,.2);flex-shrink:0}.wiki-tags-list{display:flex;flex-wrap:wrap;gap:6px;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 300px);padding-right:4px;align-content:flex-start}.wiki-tag-btn{padding:4px 8px;background:#ffffff0d;border:1px solid rgba(102,126,234,.2);border-radius:4px;color:#ffffffb3;font-size:.75rem;cursor:pointer;text-align:center;transition:all .2s ease;white-space:nowrap;flex-shrink:0;min-width:fit-content}.wiki-tag-btn:hover{background:#667eea26;border-color:#667eea66}.wiki-tag-btn.active{background:#667eea33;border-color:#667eea;color:#fff}.wiki-loading,.wiki-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#ffffffb3}.wiki-empty-icon{font-size:4rem;margin-bottom:16px}.wiki-empty h2{font-size:1.5rem;margin:16px 0 8px;color:#fff}.wiki-empty p{font-size:1rem;margin-bottom:24px}.wiki-tree-list::-webkit-scrollbar,.wiki-list-view::-webkit-scrollbar,.wiki-compact-view::-webkit-scrollbar,.wiki-tags-sidebar::-webkit-scrollbar{width:8px}.wiki-tree-list::-webkit-scrollbar-track,.wiki-list-view::-webkit-scrollbar-track,.wiki-compact-view::-webkit-scrollbar-track,.wiki-tags-sidebar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.wiki-tree-list::-webkit-scrollbar-thumb,.wiki-list-view::-webkit-scrollbar-thumb,.wiki-compact-view::-webkit-scrollbar-thumb,.wiki-tags-sidebar::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:4px}.wiki-tree-list::-webkit-scrollbar-thumb:hover,.wiki-list-view::-webkit-scrollbar-thumb:hover,.wiki-compact-view::-webkit-scrollbar-thumb:hover,.wiki-tags-sidebar::-webkit-scrollbar-thumb:hover{background:#667eea80}@media (max-width: 1024px){.wiki-tags-sidebar{display:none}.wiki-compact-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 768px){.my-wiki{height:calc(100vh - 80px)}.wiki-header{flex-direction:column;gap:12px;padding:16px}.wiki-header-actions{width:100%;justify-content:flex-end}.wiki-toolbar{flex-direction:column;align-items:stretch;padding:12px 16px}.wiki-view-controls{justify-content:space-between}.wiki-compact-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.wiki-editor{padding:32px;max-width:1400px;margin:0 auto;color:#fff;min-height:calc(100vh - 100px)}.wiki-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:24px;border-bottom:2px solid rgba(102,126,234,.3)}.wiki-editor-title{font-size:2rem;font-weight:700;margin:0;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wiki-editor-actions{display:flex;gap:12px}.wiki-editor-btn{padding:10px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.wiki-editor-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.wiki-editor-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.wiki-editor-btn.primary:disabled{opacity:.6;cursor:not-allowed}.wiki-editor-btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(102,126,234,.3)}.wiki-editor-btn.secondary:hover{background:#667eea33;border-color:#667eea}.wiki-editor-content{display:flex;gap:24px}.wiki-editor-sidebar{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:20px}.wiki-editor-section{display:flex;flex-direction:column;gap:8px}.wiki-editor-label{font-size:.9rem;font-weight:600;color:#ffffffe6}.wiki-editor-input,.wiki-editor-select,.wiki-editor-textarea{padding:10px 12px;background:#ffffff1a;border:1px solid rgba(102,126,234,.3);border-radius:8px;color:#fff;font-size:1rem;font-family:inherit;transition:all .3s ease}.wiki-editor-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a5b4fc' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:36px;cursor:pointer}.wiki-editor-select option{background:#1a1a2e!important;color:#fff!important;padding:8px}.wiki-editor-select::-ms-expand{display:none}.wiki-editor-select:focus{background-color:#ffffff26}.wiki-editor-select:hover{background-color:#ffffff1f}.wiki-editor-input:focus,.wiki-editor-select:focus,.wiki-editor-textarea:focus{outline:none;border-color:#667eea;background:#ffffff26;box-shadow:0 0 0 3px #667eea1a}.wiki-editor-textarea.small{resize:vertical;min-height:60px}.wiki-editor-textarea.large{resize:vertical;min-height:500px;font-family:Courier New,monospace}.wiki-editor-textarea.large.code{font-family:Courier New,monospace;font-size:.9rem;line-height:1.6}.wiki-editor-hint{font-size:.8rem;color:#ffffff80;margin-top:4px}.wiki-editor-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.wiki-editor-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.wiki-editor-main{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0}.wiki-editor-title-section{margin-bottom:0;padding:0}.wiki-editor-title-input{width:100%;padding:16px;background:#ffffff1a;border:2px solid rgba(102,126,234,.3);border-radius:8px;color:#fff;font-size:1.5rem;font-weight:600;transition:all .3s ease;box-sizing:border-box}.wiki-editor-title-input:focus{outline:none;border-color:#667eea;background:#ffffff26;box-shadow:0 0 0 3px #667eea1a}.wiki-editor-title-input::placeholder{color:#fff6}.wiki-editor-editor{flex:1;padding:0;margin:0;position:relative}.wiki-editor-editor .wiki-editor-textarea.large{width:100%;box-sizing:border-box;margin:0;padding:16px;border:2px solid rgba(102,126,234,.3);border-radius:8px}.wiki-editor-editor .wiki-editor-textarea.large:focus{border-color:#667eea;background:#ffffff26;box-shadow:0 0 0 3px #667eea1a}.wiki-editor-wysiwyg{width:100%;min-height:500px;padding:16px;background:#ffffff1a;border:2px solid rgba(102,126,234,.3);border-radius:8px;color:#fff;font-size:1rem;line-height:1.8;outline:none;overflow-y:auto;box-sizing:border-box;position:relative}.wiki-editor-wysiwyg:empty:before{content:attr(data-placeholder);color:#fff6;pointer-events:none;position:absolute;top:16px;left:16px;white-space:pre-line}.wiki-editor-wysiwyg:focus{border-color:#667eea;background:#ffffff26;box-shadow:0 0 0 3px #667eea1a}.wiki-editor-wysiwyg img{max-width:100%;height:auto;border-radius:4px;margin:8px 0;display:block}.wiki-editor-wysiwyg p{margin:12px 0}.wiki-editor-wysiwyg h1,.wiki-editor-wysiwyg h2,.wiki-editor-wysiwyg h3{margin:16px 0 8px;font-weight:600}.wiki-editor-wysiwyg ul,.wiki-editor-wysiwyg ol{margin:12px 0;padding-left:24px}.wiki-editor-wysiwyg li{margin:6px 0}.wiki-editor-wysiwyg table{width:100%;border-collapse:collapse;margin:16px 0;border:1px solid rgba(102,126,234,.3)}.wiki-editor-wysiwyg table th,.wiki-editor-wysiwyg table td{padding:12px;border:1px solid rgba(102,126,234,.3);text-align:left;min-width:100px}.wiki-editor-wysiwyg table th{background:#667eea33;font-weight:600;color:#fff}.wiki-editor-wysiwyg table td{background:#ffffff0d;color:#ffffffe6}.wiki-editor-wysiwyg table td:focus,.wiki-editor-wysiwyg table th:focus{outline:2px solid #667eea;outline-offset:-2px;background:#667eea4d}.wiki-editor-table-grid{background:#1a1a2ef2;border:2px solid rgba(102,126,234,.5);border-radius:8px;padding:12px;box-shadow:0 8px 32px #00000080;backdrop-filter:blur(10px);display:inline-block}.wiki-editor-table-grid-header{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:8px;text-align:center}.wiki-editor-table-grid-container{display:inline-block;border:1px solid rgba(102,126,234,.3);border-radius:4px;overflow:hidden;line-height:0;font-size:0}.wiki-editor-table-grid-row{display:flex;flex-direction:row;margin:0;padding:0;line-height:0}.wiki-editor-table-grid-cell{width:16px;height:16px;min-width:16px;min-height:16px;max-width:16px;max-height:16px;border:1px solid rgba(102,126,234,.2);background:#ffffff0d;cursor:pointer;transition:all .1s ease;margin:0;padding:0;box-sizing:border-box;flex-shrink:0;display:flex;align-items:center;justify-content:center}.wiki-editor-table-grid-cell:hover,.wiki-editor-table-grid-cell.selected{background:#667eea66;border-color:#667eea}.wiki-editor-table-grid-footer{color:#fff9;font-size:.75rem;margin-top:8px;text-align:center}.wiki-editor-tags-container{display:flex;flex-direction:column;gap:8px}.wiki-editor-tags-list{display:flex;flex-wrap:wrap;gap:6px;min-height:32px;padding:8px;background:#ffffff0d;border:1px solid rgba(102,126,234,.3);border-radius:6px;align-items:flex-start}.wiki-editor-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#667eea33;border:1px solid rgba(102,126,234,.4);border-radius:4px;font-size:.85rem;color:#a5b4fc;white-space:nowrap}.wiki-editor-tag-remove{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:0;margin-left:4px;font-size:1.2rem;line-height:1;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.wiki-editor-tag-remove:hover{background:#fff3;color:#fff}.wiki-editor-tag-input{width:100%;margin-top:0}.wiki-editor-tags-hint{font-size:.75rem;color:#ffffff80;margin-top:-4px}.wiki-editor-upload-indicator{position:absolute;top:16px;right:16px;padding:8px 16px;background:#667eeae6;color:#fff;border-radius:6px;font-size:.9rem;z-index:10;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.wiki-editor-preview{flex:1;padding:24px;background:#ffffff0d;border:1px solid rgba(102,126,234,.2);border-radius:8px;min-height:500px}.wiki-preview-content{color:#ffffffe6;line-height:1.8}.wiki-preview-content h1{font-size:2rem;margin:24px 0 16px;color:#fff;border-bottom:2px solid rgba(102,126,234,.3);padding-bottom:8px}.wiki-preview-content h2{font-size:1.5rem;margin:20px 0 12px;color:#fff}.wiki-preview-content h3{font-size:1.25rem;margin:16px 0 8px;color:#fff}.wiki-preview-content p{margin:12px 0}.wiki-preview-content ul,.wiki-preview-content ol{margin:12px 0;padding-left:24px}.wiki-preview-content li{margin:6px 0}.wiki-preview-content code{background:#667eea33;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:#a5b4fc}.wiki-preview-content pre{background:#0000004d;padding:16px;border-radius:8px;overflow-x:auto;margin:16px 0;border:1px solid rgba(102,126,234,.2)}.wiki-preview-content pre code{background:none;padding:0;color:#e0e7ff}.wiki-preview-content table{width:100%;border-collapse:collapse;margin:16px 0}.wiki-preview-content table th,.wiki-preview-content table td{padding:12px;border:1px solid rgba(102,126,234,.3);text-align:left}.wiki-preview-content table th{background:#667eea33;font-weight:600}@media (max-width: 1024px){.wiki-editor-content{flex-direction:column-reverse}.wiki-editor-sidebar{width:100%}}@media (max-width: 768px){.wiki-editor{padding:16px}.wiki-editor-header{flex-direction:column;align-items:flex-start;gap:16px}.wiki-editor-actions{width:100%;flex-direction:column}.wiki-editor-btn{width:100%}.wiki-editor-title-input{font-size:1.25rem}}.editor-toolbar{display:flex;align-items:center;gap:15px;margin-bottom:10px;padding:10px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(102,126,234,.3);flex-wrap:wrap}.toolbar-group{display:flex;align-items:center;gap:8px}.toolbar-group label{margin-bottom:0;font-size:.9em;color:#fffc}.editor-select{padding:6px 10px;background:#ffffff1a;border:1px solid rgba(102,126,234,.3);border-radius:6px;color:#fff;font-size:.9em;cursor:pointer;outline:none}.editor-select:focus{border-color:#667eea;background:#ffffff26}.editor-select option{background:#1a1a2e;color:#fff}.color-picker-group,.color-picker-container{position:relative}.color-picker-btn{width:40px;height:32px;border:1px solid rgba(102,126,234,.3);border-radius:6px;cursor:pointer;background:#ffffff1a;padding:0;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.color-picker-btn:hover{border-color:#667eea;background:#ffffff26}.color-indicator{color:#fff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5);font-size:.9em}.color-palette{position:absolute;top:100%;left:0;margin-top:5px;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:10px;background:#1a1a2ef2;border:1px solid rgba(102,126,234,.3);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1000;min-width:200px}.color-option{width:32px;height:32px;border:2px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;transition:all .2s ease;padding:0}.color-option:hover{border-color:#667eea;transform:scale(1.1);box-shadow:0 2px 8px #667eea66}.toolbar-btn{padding:6px 12px;background:#667eea33;border:1px solid rgba(102,126,234,.3);border-radius:6px;color:#fff;cursor:pointer;font-size:.9em;transition:all .3s ease}.toolbar-btn:hover{background:#667eea66;border-color:#667eea}.toolbar-btn:active{background:#667eea99}.wiki-editor-attachment-upload{border:2px dashed rgba(102,126,234,.5);border-radius:8px;padding:24px;text-align:center;background:#667eea0d;transition:all .3s ease;margin-top:8px}.wiki-editor-attachment-upload.drag-active{border-color:#667eea;background:#667eea26;transform:scale(1.02)}.wiki-editor-attachment-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:8px}.wiki-editor-attachment-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.wiki-editor-attachment-btn:disabled{opacity:.5;cursor:not-allowed}.wiki-editor-attachment-hint{font-size:.875rem;color:#fff9;margin:8px 0 0}.wiki-editor-attachments-list{margin-top:16px;display:flex;flex-direction:column;gap:8px}.wiki-editor-attachment-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(102,126,234,.2);gap:12px}.wiki-editor-attachment-name{flex:1;font-size:.9rem;color:#ffffffe6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wiki-editor-attachment-size{font-size:.8rem;color:#fff9;white-space:nowrap}.wiki-editor-attachment-download{padding:6px 12px;background:#667eea33;color:#fff;border:1px solid rgba(102,126,234,.4);border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.wiki-editor-attachment-download:hover{background:#667eea4d;border-color:#667eea99;transform:translateY(-1px)}.wiki-page-view{padding:32px;max-width:1000px;margin:0 auto;color:#fff;min-height:calc(100vh - 100px)}.wiki-page-loading,.wiki-page-not-found{text-align:center;padding:80px 20px;color:#ffffffb3}.wiki-page-not-found h2{font-size:1.5rem;margin-bottom:24px;color:#fff}.wiki-page-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.wiki-page-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.wiki-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:24px;border-bottom:2px solid rgba(102,126,234,.3)}.wiki-page-header-left{flex:1}.wiki-page-back-btn{padding:6px 12px;background:#ffffff1a;border:1px solid rgba(102,126,234,.3);border-radius:6px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;margin-bottom:16px}.wiki-page-back-btn:hover{background:#667eea33;border-color:#667eea}.wiki-page-title-section{display:flex;flex-direction:column;gap:12px}.wiki-page-title{font-size:2.5rem;font-weight:700;margin:0;color:#fff;line-height:1.2}.wiki-page-meta-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:.9rem;color:#ffffffb3}.wiki-page-author{color:#fffc}.wiki-page-date{color:#fff9}.wiki-page-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.wiki-page-badge.private{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.wiki-page-edit-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.wiki-page-edit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.wiki-page-description{padding:16px;background:#667eea1a;border-left:4px solid #667eea;border-radius:8px;margin-bottom:20px;color:#ffffffe6;font-size:1.1rem;line-height:1.6}.wiki-page-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.wiki-page-tag{padding:6px 12px;background:#667eea26;border:1px solid rgba(102,126,234,.3);border-radius:12px;font-size:.9rem;color:#a5b4fc}.wiki-page-stats{display:flex;gap:20px;padding:16px;background:#ffffff0d;border-radius:8px;margin-bottom:32px;font-size:.95rem;color:#fffc}.wiki-page-body{margin-bottom:32px}.wiki-page-content{color:#ffffffe6;line-height:1.8;font-size:1.1rem}.wiki-page-content h1{font-size:2.5rem;margin:32px 0 20px;color:#fff;border-bottom:3px solid rgba(102,126,234,.3);padding-bottom:12px}.wiki-page-content h2{font-size:2rem;margin:28px 0 16px;color:#fff;border-bottom:2px solid rgba(102,126,234,.2);padding-bottom:8px}.wiki-page-content h3{font-size:1.5rem;margin:24px 0 12px;color:#fff}.wiki-page-content h4{font-size:1.25rem;margin:20px 0 10px;color:#fff}.wiki-page-content p{margin:16px 0;line-height:1.8}.wiki-page-content ul,.wiki-page-content ol{margin:16px 0;padding-left:32px}.wiki-page-content li{margin:8px 0;line-height:1.8}.wiki-page-content code{background:#667eea33;padding:3px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:#a5b4fc}.wiki-page-content pre{background:#0006;padding:20px;border-radius:8px;overflow-x:auto;margin:20px 0;border:1px solid rgba(102,126,234,.3)}.wiki-page-content pre code{background:none;padding:0;color:#e0e7ff;font-size:.9rem}.wiki-page-content table{width:100%;border-collapse:collapse;margin:24px 0;background:#ffffff0d;border-radius:8px;overflow:hidden}.wiki-page-content table th,.wiki-page-content table td{padding:12px 16px;border:1px solid rgba(102,126,234,.2);text-align:left}.wiki-page-content table th{background:#667eea33;font-weight:600;color:#fff}.wiki-page-content table td{color:#ffffffe6}.wiki-page-content a{color:#a5b4fc;text-decoration:underline;transition:color .3s ease}.wiki-page-content a:hover{color:#c7d2fe}.wiki-page-content blockquote{border-left:4px solid #667eea;padding-left:20px;margin:20px 0;color:#fffc;font-style:italic}.wiki-page-content img{max-width:100%;height:auto;border-radius:8px;margin:20px 0}.wiki-page-children{margin-top:48px;padding-top:32px;border-top:2px solid rgba(102,126,234,.3)}.wiki-page-children h3{font-size:1.5rem;margin-bottom:20px;color:#fff}.wiki-page-children-list{display:flex;flex-direction:column;gap:12px}.wiki-page-child-item{padding:16px;background:#ffffff0d;border:1px solid rgba(102,126,234,.2);border-radius:8px;cursor:pointer;transition:all .3s ease}.wiki-page-child-item:hover{background:#ffffff14;border-color:#667eea66;transform:translate(4px)}.wiki-page-child-item h4{margin:0 0 8px;color:#fff;font-size:1.1rem}.wiki-page-child-item p{margin:0;color:#ffffffb3;font-size:.9rem}.wiki-page-comments{margin-top:48px;padding-top:32px;border-top:2px solid rgba(102,126,234,.3)}.wiki-page-comments h3{font-size:1.5rem;margin-bottom:20px;color:#fff}.wiki-page-comments-placeholder{padding:40px;text-align:center;background:#ffffff0d;border-radius:8px;color:#fff9}@media (max-width: 768px){.wiki-page-view{padding:16px}.wiki-page-title{font-size:2rem}.wiki-page-header{flex-direction:column;gap:16px}.wiki-page-edit-btn{width:100%}.wiki-page-content{font-size:1rem}.wiki-page-content h1{font-size:2rem}.wiki-page-content h2{font-size:1.5rem}}.user-wiki{padding:32px;max-width:1200px;margin:0 auto;color:#fff}.user-wiki-header{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid rgba(102,126,234,.3)}.user-wiki-title{font-size:2.5rem;font-weight:700;margin:0 0 8px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-wiki-subtitle{font-size:1.1rem;color:#ffffffb3;margin:0}.user-wiki-loading,.user-wiki-empty,.user-wiki-error{text-align:center;padding:80px 20px;color:#ffffffb3}.user-wiki-empty-icon{font-size:4rem;margin-bottom:16px}.user-wiki-empty h2{font-size:1.5rem;margin:16px 0 8px;color:#fff}.user-wiki-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.user-wiki-page-card{background:#ffffff0d;border:1px solid rgba(102,126,234,.2);border-radius:12px;padding:24px;transition:all .3s ease;backdrop-filter:blur(10px);cursor:pointer}.user-wiki-page-card:hover{background:#ffffff14;border-color:#667eea66;transform:translateY(-4px);box-shadow:0 8px 25px #0000004d}.user-wiki-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.user-wiki-page-title{font-size:1.3rem;font-weight:600;margin:0;color:#fff;flex:1;line-height:1.3}.user-wiki-page-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;background:#667eea33;color:#a5b4fc;border:1px solid rgba(102,126,234,.3);margin-left:12px;flex-shrink:0}.user-wiki-page-description{color:#ffffffb3;margin:0 0 16px;line-height:1.6;font-size:.95rem}.user-wiki-page-meta{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.user-wiki-page-tags{display:flex;flex-wrap:wrap;gap:6px}.user-wiki-page-tag{padding:4px 8px;background:#667eea26;border:1px solid rgba(102,126,234,.3);border-radius:12px;font-size:.8rem;color:#a5b4fc}.user-wiki-page-stats{display:flex;gap:16px;font-size:.85rem;color:#fff9}.user-wiki-page-footer{padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;color:#ffffff80}@media (max-width: 768px){.user-wiki{padding:16px}.user-wiki-title{font-size:2rem}.user-wiki-pages{grid-template-columns:1fr}}.tech-blog{max-width:1200px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);min-height:100vh;color:#fff}.tech-blog-header{text-align:center;margin-bottom:40px;padding:30px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.tech-blog-header h1{font-size:2.5rem;font-weight:800;margin-bottom:10px;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tech-blog-subtitle{font-size:1.1rem;opacity:.8;margin:0}.tech-blog-filters{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap;background:#ffffff0d;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1)}.tech-blog-search{flex:1;min-width:200px}.tech-blog-search-input{width:100%;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:1rem;color:#fff;transition:all .3s ease}.tech-blog-search-input::placeholder{color:#fff9}.tech-blog-search-input:focus{outline:none;border-color:#667eea;background:#ffffff26;box-shadow:0 0 0 3px #667eea1a}.tech-blog-filter-group{display:flex;gap:10px}.tech-blog-filter-input{padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:1rem;min-width:150px;color:#fff;transition:all .3s ease}.tech-blog-filter-input::placeholder{color:#fff9}.tech-blog-filter-input:focus{outline:none;border-color:#667eea;background:#ffffff26;box-shadow:0 0 0 3px #667eea1a}.tech-blog-stats{margin-bottom:20px;color:#fffc;font-size:.9rem}.tech-blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:30px}.tech-blog-card{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0003}.tech-blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #667eea4d;border-color:#667eea;background:#ffffff14}.tech-blog-card-header{margin-bottom:16px}.tech-blog-card-title{font-size:1.3rem;font-weight:600;margin-bottom:12px;color:#fff;line-height:1.4}.tech-blog-card-meta{display:flex;gap:15px;font-size:.9rem;color:#ffffffb3}.tech-blog-card-description{color:#fffc;line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tech-blog-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tech-blog-card-tag{background:#667eea33;padding:4px 12px;border-radius:12px;font-size:.85rem;color:#667eea;border:1px solid rgba(102,126,234,.3)}.tech-blog-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.tech-blog-card-stats{display:flex;gap:15px;font-size:.9rem;color:#ffffffb3}.tech-blog-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:40px}.tech-blog-pagination-btn{padding:10px 20px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;border-radius:6px;cursor:pointer;transition:all .3s ease;color:#fff;font-weight:500}.tech-blog-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.tech-blog-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.tech-blog-pagination-info{font-size:1rem;color:#fffc}.tech-blog-loading{text-align:center;padding:60px 20px}.tech-blog-loading .loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tech-blog-error{background:#f3424633;border:1px solid rgba(243,66,70,.5);border-radius:8px;padding:16px;margin-bottom:20px;color:#f34246}.tech-blog-empty{text-align:center;padding:60px 20px}.tech-blog-empty-icon{font-size:4rem;margin-bottom:20px}.tech-blog-empty h2{color:#fffc;margin-bottom:10px}.tech-blog-empty p{color:#fff9}.tech-blog-detail{max-width:900px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);min-height:100vh;color:#fff}.tech-blog-detail-header{margin-bottom:30px}.tech-blog-back-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;margin-bottom:20px;font-size:1rem;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.tech-blog-back-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.tech-blog-detail-header h1{font-size:2rem;margin-bottom:15px;color:#fff;font-weight:700}.tech-blog-detail-meta{display:flex;gap:20px;color:#ffffffb3;font-size:.9rem;flex-wrap:wrap}.tech-blog-detail-content{background:#ffffff0d;backdrop-filter:blur(10px);padding:30px;border-radius:12px;margin-bottom:30px;line-height:1.8;color:#ffffffe6;border:1px solid rgba(255,255,255,.1)}.tech-blog-detail-content img{max-width:100%;height:auto;border-radius:8px;margin:20px 0}.tech-blog-detail-content pre{background:#0000004d;padding:15px;border-radius:6px;overflow-x:auto;border:1px solid rgba(255,255,255,.1)}.tech-blog-detail-content code{background:#0000004d;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;color:#667eea}.tech-blog-detail-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.tech-blog-detail-tag{background:#667eea33;padding:6px 14px;border-radius:16px;font-size:.9rem;color:#667eea;border:1px solid rgba(102,126,234,.3)}:root{--z-content: 1;--z-card: 2;--z-dropdown: 10;--z-header: 100;--z-sidebar: 200;--z-modal-overlay: 1000;--z-modal-content: 1001;--z-modal-button: 1002;--z-toast: 2000;--z-loading: 3000}:root{--color-primary-main: #252525;--color-primary-light: rgba(37, 37, 37, .4);--color-primary-dark: #000000;--color-primary-text: #FFFFFF;--color-text-primary: #000000;--color-text-secondary: #252525;--color-text-tertiary: #666666;--color-text-disabled: #ABABAB;--color-text-white: #FFFFFF;--color-status-success: #00BA13;--color-status-warning: #FFB800;--color-status-error: #F34246;--color-status-info: #2FA7FF;--color-neutral-50: #F9FAFB;--color-neutral-100: #F3F4F6;--color-neutral-200: #E5E7EB;--color-neutral-300: #D1D5DB;--color-neutral-400: #9CA3AF;--color-neutral-500: #6B7280;--color-neutral-600: #4B5563;--color-neutral-700: #374151;--color-neutral-800: #1F2937;--color-neutral-900: #111827;--color-background-primary: #FFFFFF;--color-background-secondary: #F5F5F5;--color-background-tertiary: #F9FAFB;--color-border-light: #E5E7EB;--color-border-medium: #D1D5DB;--color-border-dark: #9CA3AF;--font-size-headline1: 44px;--font-size-headline4: 28px;--font-size-headline5: 24px;--font-size-title1: 20px;--font-size-title2: 18px;--font-size-normal: 16px;--font-size-paragraph1: 16px;--font-size-paragraph2: 14px;--font-size-paragraph3: 12px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semiBold: 600;--font-weight-bold: 700;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--shadow-elevation-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-elevation-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-elevation-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-elevation-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-component-card: 0 1px 3px rgba(0, 0, 0, .1);--shadow-component-cardHover: 0 4px 12px rgba(0, 0, 0, .15);--shadow-component-modal: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-component-dropdown: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background-secondary);color:var(--color-text-primary);line-height:1.5}#root{min-height:100vh}