@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes star-twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes star-glow{0%,to{box-shadow:0 0 4px currentColor}50%{box-shadow:0 0 12px currentColor,0 0 20px currentColor}}html{scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.3) transparent}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#0a0a0a;color:#f8fafc;line-height:1.6;overflow-x:hidden}@media (max-width: 768px){body{scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(168,85,247,.3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(168,85,247,.5)}@media (max-width: 768px){::-webkit-scrollbar{width:0;display:none}}h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:700;color:#f8fafc;margin:0 0 1rem}h1{font-size:2.5rem;background:linear-gradient(135deg,#a855f7,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:2rem;color:#f8fafc}h3{font-size:1.5rem;color:#f8fafc}p{color:#94a3b8;margin:0 0 1rem}a{color:#06b6d4;text-decoration:none;transition:all .3s ease}a:hover,a:focus{color:#a855f7;outline:none}button,.btn{background:linear-gradient(135deg,#6b21a8,#a855f7);color:#f8fafc;border:none;padding:.75rem 1.5rem;border-radius:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #6b21a84d}button:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 0 30px #6b21a84d}button:disabled,.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.card{background:rgba(30,41,59,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;margin-bottom:1rem;transition:all .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 0 20px #6b21a84d}input,textarea,select{background:rgba(30,41,59,.8);border:1px solid #334155;color:#f8fafc;padding:.75rem 1rem;border-radius:8px;font-size:1rem;transition:all .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 20px #06b6d44d}input::placeholder,textarea::placeholder,select::placeholder{color:#94a3b8}.message{padding:1rem;border-radius:16px;margin-bottom:1rem}.message.success{background:rgba(16,185,129,.1);border:1px solid #10b981;color:#10b981}.message.error{background:rgba(239,68,68,.1);border:1px solid #ef4444;color:#ef4444}.message.warning{background:rgba(245,158,11,.1);border:1px solid #f59e0b;color:#f59e0b}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#06b6d4;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.d-flex{display:flex}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.w-full{width:100%}.h-full{height:100%}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}@media (max-width: 600px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.card{padding:1rem}}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:overlay-fade-in .3s ease-out}.modal{background:rgba(30,41,59,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 8px 32px #00000080;width:100%;max-height:90vh;overflow-y:auto;animation:modal-fade-in .3s ease-out;max-width:600px}.modal.modal--small{max-width:400px}.modal.modal--medium{max-width:600px}.modal.modal--large{max-width:800px}.modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal .modal-header .modal-title{margin:0;color:#f8fafc;font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#a855f7,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal .modal-header .modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#94a3b8;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal .modal-header .modal-close:hover{background-color:#ffffff1a;color:#f8fafc;box-shadow:0 0 20px #6b21a84d}.modal .modal-content{padding:2rem}.modal-form .form-group{margin-bottom:1.5rem}.modal-form .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#f8fafc;font-size:.9rem}.modal-form .form-group input,.modal-form .form-group select,.modal-form .form-group textarea{width:100%;padding:.75rem;background:rgba(30,41,59,.8);border:1px solid #334155;border-radius:12px;font-size:1rem;color:#f8fafc;transition:all .3s ease}.modal-form .form-group input:focus,.modal-form .form-group select:focus,.modal-form .form-group textarea:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 20px #06b6d44d}.modal-form .form-group input.error,.modal-form .form-group select.error,.modal-form .form-group textarea.error{border-color:#ef4444;box-shadow:0 0 20px #ef44444d}.modal-form .form-group input::placeholder,.modal-form .form-group select::placeholder,.modal-form .form-group textarea::placeholder{color:#94a3b8}.modal-form .form-group textarea{resize:vertical;min-height:100px}.modal-form .form-group .error-message{color:#ef4444;font-size:.8rem;margin-top:.25rem}.modal-form .form-group .form-hint{color:#94a3b8;font-size:.8rem;margin-top:.25rem}.modal-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-form .checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:400;color:#f8fafc}.modal-form .checkbox-label input[type=checkbox]{width:auto;margin-right:.5rem}.modal-form .modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#a855f7,#6b21a8);color:#f8fafc;box-shadow:0 0 20px #6b21a84d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px #6b21a84d}.btn-secondary{background:rgba(30,41,59,.8);color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover:not(:disabled){color:#f8fafc;box-shadow:0 0 20px #6b21a84d}@media (max-width: 768px){.modal{margin:1rem;max-height:calc(100vh - 2rem)}.modal .modal-header{padding:1.25rem 1.5rem}.modal .modal-header .modal-title{font-size:1.1rem}.modal .modal-content{padding:1.5rem}.modal-form .form-row{grid-template-columns:1fr}.modal-form .modal-actions{flex-direction:column}.modal-form .modal-actions button{width:100%}}.wiki-card-title{background:linear-gradient(135deg,#a855f7,#06b6d4)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;font-size:1.7rem!important;font-weight:700!important;line-height:1.3!important;text-align:center!important;word-wrap:break-word!important;hyphens:auto!important;max-width:100%!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:transparent!important;margin-top:1rem;margin-bottom:1rem}@media (max-width: 768px){.wiki-card-title{font-size:1.6rem!important;-webkit-line-clamp:2!important}}@media (max-width: 480px){.wiki-card-title{font-size:1.4rem!important}}