@import url("https://fonts.googleapis.com/css2?family=Kalam&display=swap");@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital@0;1&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-color);font-family:Roboto,SF Mono,Fira Code,Consolas,monospace;min-height:100vh;padding:2rem;scroll-behavior:smooth;width:100%}@media (max-width:768px){body{padding:1rem}}a{text-decoration:none}a,a:visited{color:#00c6cf}.chat-container{background:var(--bg-color);border-radius:20px;margin:0 auto;max-width:1000px;padding:2rem}[data-theme=light] .chat-container{box-shadow:9px 9px 16px var(--shadow-dark),-9px -9px 16px var(--shadow-light)}[data-theme=dark] .chat-container{box-shadow:6px 6px 12px var(--shadow-dark),-3px -3px 8px var(--shadow-light)}@media (max-width:768px){.chat-container{margin:.5rem;padding:1rem}}.search-container{margin-bottom:2rem;position:relative}#searchInput{background:var(--bg-color);border:none;border-radius:8px;color:var(--text-color);font-family:Roboto,SF Mono,Fira Code,Consolas,monospace;font-size:.95rem;outline:none;padding:1rem 2.5rem 1rem 1.5rem;width:100%}[data-theme=light] #searchInput{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}[data-theme=dark] #searchInput{box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -2px -2px 5px var(--shadow-light)}#searchInput:focus{box-shadow:inset 7px 7px 15px var(--shadow-dark),inset -7px -7px 15px var(--shadow-light),0 0 0 3px rgba(0,198,207,.1)}#searchInput::-moz-placeholder{color:rgba(74,85,104,.6)}#searchInput::placeholder{color:rgba(74,85,104,.6)}@media (max-width:768px){#searchInput{font-size:.9rem;padding:.75rem 1rem}}.search-icon{color:var(--text-color);font-size:1.2rem;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}@media (max-width:768px){.search-icon{font-size:1rem;right:1rem}}details{background:var(--bg-color);border:1px solid transparent;border-radius:12px;margin:1rem 0;padding:1rem;transition:all .3s ease}[data-theme=light] details{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}[data-theme=dark] details{box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -2px -2px 5px var(--shadow-light)}details[open]{margin-bottom:1.5rem}details[open]>summary{border-bottom:1px solid rgba(0,198,207,.2);margin-bottom:1rem}details details{margin:.5rem 1rem}details details summary{font-size:.95em;padding:.5rem 1rem}details details summary:after{font-size:1rem}details:hover{transform:translateY(-2px)}summary{border-radius:10px;color:var(--text-color);cursor:pointer;font-family:Roboto,SF Mono,Fira Code,Consolas,monospace;font-size:1.1rem;font-weight:500;letter-spacing:.3px;list-style:none;overflow-x:auto;overflow-y:hidden;padding:1rem 1rem 5px;position:relative;white-space:nowrap}summary::-webkit-details-marker{display:none}summary:after{color:var(--text-color);content:"\f067";font-family:Font Awesome\ 5 Free;font-size:1.5rem;font-weight:900;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:transform .3s ease}summary::-webkit-scrollbar{height:0;opacity:0;-webkit-transition:height .3s ease,opacity .3s ease;transition:height .3s ease,opacity .3s ease}summary:hover::-webkit-scrollbar{height:6px;opacity:1}@media (max-width:768px){summary{font-size:1rem;overflow-x:visible;padding:.5rem 2rem 0 .5rem;white-space:normal}summary:after{font-size:1.2rem;right:.5rem}}summary:hover{color:#00c6cf}ol{padding-left:.5rem}ol b{color:#4a5568}ol li{color:var(--text-color);line-height:1.8;margin:.5rem 0}ol li::marker{color:#6b46c1;font-weight:600}@media (max-width:768px){ol{padding-left:1rem}ol li{margin:.5rem 0}}code{background:var(--bg-color);border:1px solid transparent;border-radius:4px;color:var(--text-color);font-family:JetBrains Mono,Fira Code,monospace;font-size:.9em;padding:.2em .4em}[data-theme=light] code{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}[data-theme=dark] code{border-color:rgba(0,245,255,.2);box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -2px -2px 5px var(--shadow-light)}@media (max-width:768px){code{font-size:.8em;padding:.2em .4em;white-space:pre-wrap;word-break:break-word}}pre{background:var(--bg-color);border-radius:10px;overflow-x:auto;padding:1rem}[data-theme=light] pre{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}[data-theme=dark] pre{box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -2px -2px 5px var(--shadow-light)}@media (max-width:768px){pre{font-size:.8em;padding:.75rem;white-space:pre-wrap;word-wrap:break-word}}pre code{display:block;line-height:1.5;overflow-x:auto;padding:1rem}.theme-toggle{position:fixed;right:20px;top:20px;z-index:1000}@media (max-width:768px){.theme-toggle{right:10px;top:10px}}.theme-toggle-btn{background:var(--bg-color);border:none;border-radius:50%;cursor:pointer;height:45px;transition:all .3s ease;width:45px}[data-theme=light] .theme-toggle-btn{box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}[data-theme=dark] .theme-toggle-btn{box-shadow:3px 3px 6px var(--shadow-dark),-2px -2px 5px var(--shadow-light)}.theme-toggle-btn:hover{transform:scale(1.1)}.theme-toggle-btn i{color:var(--text-color);font-size:1.2rem;transition:all .3s ease}@media (max-width:768px){.theme-toggle-btn{height:35px;width:35px}.theme-toggle-btn i{font-size:1rem}}.heading-color{border-left:4px solid #00c6cf;border-radius:10px;font-size:1.75rem;font-weight:600;letter-spacing:-.5px;margin:2rem 0;padding:1rem;text-align:left}[data-theme=light] .heading-color{box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}[data-theme=dark] .heading-color{box-shadow:3px 3px 6px var(--shadow-dark),-2px -2px 5px var(--shadow-light)}@media (max-width:768px){.heading-color{font-size:1.5rem;margin:1.5rem 0;padding:.75rem}}.margin-1{margin:1rem}.margin{margin:.5rem}.container-fluid{padding:1rem}@media (max-width:768px){.container-fluid{padding:.75rem}}img{border-radius:10px;cursor:pointer;height:auto;max-width:100%;transition:transform .3s ease}[data-theme=light] img{box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}[data-theme=dark] img{box-shadow:3px 3px 6px var(--shadow-dark),-2px -2px 5px var(--shadow-light)}img:hover{transform:scale(1.02)}img:active{transform:scale(.98)}[data-theme=light]{--bg-color:#f7fafc;--text-color:#2d3748;--shadow-dark:rgba(0,0,0,.1);--shadow-light:hsla(0,0%,100%,.8)}[data-theme=dark]{--bg-color:#171923;--text-color:#e2e8f0;--shadow-dark:rgba(0,0,0,.7);--shadow-light:hsla(0,0%,100%,.05)}[data-theme=dark] a{color:#00f5ff;text-shadow:0 0 8px rgba(0,255,242,.5)}[data-theme=dark] a:visited{color:#00f5ff}[data-theme=dark] a:hover{color:#33f7ff;text-shadow:0 0 12px rgba(0,255,242,.7)}[data-theme=dark] ol li::marker{color:#9f7aea;text-shadow:0 0 8px rgba(255,0,247,.5)}[data-theme=dark] code{box-shadow:inset 2px 2px 5px rgba(0,0,0,.7),inset -2px -2px 5px rgba(0,255,242,.05)}[data-theme=dark] code,[data-theme=dark] pre{background:#1a202c;border:1px solid rgba(0,255,242,.1)}[data-theme=dark] details{background:var(--bg-color);border:1px solid rgba(0,255,242,.1)}[data-theme=dark] details[open]{background:#1d202c;box-shadow:inset 3px 3px 6px rgba(0,0,0,.8),inset -3px -3px 6px rgba(0,255,242,.1)}[data-theme=dark] details:hover{box-shadow:5px 5px 10px rgba(0,0,0,.8),-5px -5px 10px rgba(0,255,242,.1),0 0 15px rgba(0,255,242,.1)}[data-theme=dark] summary:after{color:#00f5ff;text-shadow:0 0 8px rgba(0,255,242,.5)}[data-theme=dark] .theme-toggle-btn{border:1px solid rgba(0,255,242,.1);box-shadow:5px 5px 10px rgba(0,0,0,.8),-5px -5px 10px rgba(0,255,242,.1)}[data-theme=dark] .theme-toggle-btn:hover{box-shadow:5px 5px 10px rgba(0,0,0,.8),-5px -5px 10px rgba(0,255,242,.1),0 0 15px rgba(0,255,242,.2)}[data-theme=dark] .theme-toggle-btn i{color:#00f5ff;text-shadow:0 0 8px rgba(0,255,242,.5)}[data-theme=dark] #searchInput{border:1px solid rgba(0,255,242,.1);box-shadow:inset 3px 3px 6px rgba(0,0,0,.8),inset -3px -3px 6px rgba(0,255,242,.1)}[data-theme=dark] #searchInput:focus{box-shadow:inset 3px 3px 6px rgba(0,0,0,.8),inset -3px -3px 6px rgba(0,255,242,.1),0 0 0 3px rgba(0,255,242,.2)}[data-theme=dark] .modal-content{background:#1a202c;border:1px solid rgba(0,255,242,.1);box-shadow:5px 5px 10px rgba(0,0,0,.8),-5px -5px 10px rgba(0,255,242,.1)}[data-theme=dark] .close-modal{background:#1a202c;border:1px solid rgba(0,255,242,.1);color:#00f5ff;text-shadow:0 0 8px rgba(0,255,242,.5)}[data-theme=dark] .toast{background:#1a202c;border:1px solid rgba(0,255,242,.1);box-shadow:5px 5px 10px rgba(0,0,0,.8),-5px -5px 10px rgba(0,255,242,.1)}[data-theme=dark] .toast.toast-success{color:#4fd1c5;text-shadow:0 0 8px rgba(15,255,80,.5)}[data-theme=dark] .toast.toast-error{color:#f36;text-shadow:0 0 8px rgba(255,51,102,.5)}[data-theme=dark] [copycontent]:hover:after{background-color:#1a202c;border:1px solid rgba(0,255,242,.1);box-shadow:3px 3px 6px rgba(0,0,0,.8),-3px -3px 6px rgba(0,255,242,.1)}[data-theme=dark] details{border-color:rgba(0,245,255,.1)}[data-theme=dark] details[open]>summary{border-bottom-color:rgba(0,245,255,.2)}[data-theme=dark] summary:hover{color:#00f5ff}[data-theme=dark] .heading-color{border-left-color:#00f5ff}[data-theme=dark] #searchInput::-moz-placeholder{color:rgba(45,55,72,.4)}[data-theme=dark] #searchInput::placeholder{color:rgba(45,55,72,.4)}.toast{align-items:center;background:var(--bg-color);border-radius:15px;bottom:20px;color:var(--text-color);display:flex;font-size:1rem;gap:.5rem;left:50%;opacity:0;padding:1rem 2rem;position:fixed;transform:translateX(-50%) translateY(100px);transition:all .3s ease;z-index:1000}[data-theme=light] .toast{box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}[data-theme=dark] .toast{box-shadow:3px 3px 6px var(--shadow-dark),-2px -2px 5px var(--shadow-light)}.toast:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:16px;width:16px}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.toast.toast-error{background:var(--bg-color);color:#ff6b6b}.toast.toast-error:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23ff6b6b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6M9 9l6 6'/%3E%3C/svg%3E")}.toast.toast-success{background:var(--bg-color);color:var(--text-color)}@media (max-width:768px){.toast{font-size:.9rem;padding:.75rem 1rem;width:90%}}[copycontent]{position:relative}[copycontent]:hover:after{background:var(--bg-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='13' height='13' x='9' y='9' rx='2' ry='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px;border-radius:5px;content:"";cursor:pointer;height:20px;position:absolute;right:-2rem;top:50%;transform:translateY(-50%);transition:transform .3s ease;width:20px}[data-theme=light] [copycontent]:hover:after{box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}[data-theme=dark] [copycontent]:hover:after{box-shadow:3px 3px 6px var(--shadow-dark),-2px -2px 5px var(--shadow-light);filter:invert(1)}@media (max-width:768px){[copycontent]:hover:after{background-size:10px;height:16px;right:-1.5rem;width:16px}pre code{display:block;overflow-x:auto}}.image-modal{align-items:center;background-color:rgba(0,0,0,.9);display:none;height:100%;justify-content:center;left:0;opacity:0;padding:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:1001}.image-modal.show{display:flex;opacity:1}.image-modal .modal-content{background:var(--bg-color);border-radius:15px;margin:0;max-width:1200px;padding:1rem;position:relative;transform:scale(.95);transition:transform .3s ease;width:90%}[data-theme=light] .image-modal .modal-content{box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}[data-theme=dark] .image-modal .modal-content{box-shadow:3px 3px 6px var(--shadow-dark),-2px -2px 5px var(--shadow-light)}@media (max-width:768px){.image-modal .modal-content{padding:.75rem;width:95%}}.image-modal .modal-content img{border-radius:10px;box-shadow:none;cursor:default;display:block;height:auto;max-height:90vh;-o-object-fit:contain;object-fit:contain;width:100%}.image-modal .modal-content img:active,.image-modal .modal-content img:hover{transform:none}.image-modal .close-modal{align-items:center;background:var(--bg-color);border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:1.5rem;height:35px;justify-content:center;position:absolute;right:-15px;top:-15px;transition:transform .2s ease;width:35px;z-index:1002}[data-theme=light] .image-modal .close-modal{box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}[data-theme=dark] .image-modal .close-modal{box-shadow:3px 3px 6px var(--shadow-dark),-2px -2px 5px var(--shadow-light)}.image-modal .close-modal:hover{transform:scale(1.1)}@media (max-width:768px){.image-modal .close-modal{font-size:1.2rem;height:30px;right:-10px;top:-10px;width:30px}}@keyframes modalShow{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-content{animation:modalShow .3s ease forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content{animation:slideIn .3s ease forwards}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-color);border-radius:10px;margin:2px}[data-theme=dark] ::-webkit-scrollbar-track{background:#1a202c;box-shadow:inset 2px 2px 4px rgba(0,0,0,.7),inset -2px -2px 4px rgba(0,255,242,.05)}::-webkit-scrollbar-thumb{background:rgba(0,198,207,.3);border:2px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:rgba(0,198,207,.5)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:rgba(0,245,255,.3)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:rgba(0,245,255,.5)}.layout-container{display:flex;gap:2rem;height:calc(100vh - 4rem);margin:0 auto;max-width:1800px;position:relative}@media (max-width:768px){.layout-container{flex-direction:column;gap:1rem;height:auto}}.sidebar{background:var(--bg-color);border-radius:15px;flex-shrink:0;height:100%;overflow-y:auto;padding:1.5rem;width:300px}[data-theme=light] .sidebar{box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}[data-theme=dark] .sidebar{box-shadow:3px 3px 6px var(--shadow-dark),-2px -2px 5px var(--shadow-light)}@media (max-width:768px){.sidebar{height:auto;max-height:300px;width:100%}}.sidebar-menu{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.menu-item{background:var(--bg-color);border:none;border-radius:8px;color:var(--text-color);cursor:pointer;font-family:Roboto,SF Mono,Fira Code,Consolas,monospace;font-size:.95rem;padding:1rem;text-align:left;transition:all .3s ease}[data-theme=light] .menu-item{box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}[data-theme=dark] .menu-item{box-shadow:3px 3px 6px var(--shadow-dark),-2px -2px 5px var(--shadow-light)}.menu-item:hover{color:#00c6cf;transform:translateX(5px)}.menu-item.active{color:#00c6cf}[data-theme=light] .menu-item.active{box-shadow:inset 5px 5px 10px var(--shadow-dark),inset -5px -5px 10px var(--shadow-light)}[data-theme=dark] .menu-item.active{box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -2px -2px 5px var(--shadow-light)}[data-theme=dark] .menu-item:hover{color:#00f5ff}[data-theme=dark] .menu-item.active{border:1px solid rgba(0,245,255,.2);color:#00f5ff}.content-area{background:var(--bg-color);border-radius:15px;flex:1;height:100%;overflow-y:auto;padding:2rem}[data-theme=light] .content-area{box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light)}[data-theme=dark] .content-area{box-shadow:3px 3px 6px var(--shadow-dark),-2px -2px 5px var(--shadow-light)}@media (max-width:768px){.content-area{padding:1rem}}.content-section{animation:fadeIn .3s ease;display:none}.content-section.active{display:block}.content-section h2{border-bottom:2px solid #00c6cf;font-size:1.75rem;font-weight:600;margin-bottom:2rem;padding-bottom:1rem}[data-theme=dark] .content-section h2{border-bottom-color:#00f5ff}.search-container{margin-bottom:1rem}.search-container #searchInput{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}