:root{--dark-blue:#021021;--border-blue:#0f253a;--light-header:#a6ebc9;--purple:#505ec3;--gray:#466073;--string-color:#ce9178;--number-color:#b5cea8;--true-color:#569cd6;--js-color:#ff0;--react-color:#00bcd4;--nodejs-color:#71c451;--sql-color:#e34f26;--css-color:#306af1;--fontawsome-color:#538dd7;--html-color:#e65431;--mongodb-color:#00ed64;--python-color:#447cac;--git-color:#f45634;--wordpress-color:#1b799e;--angular-color:#df1338;--windows-color:#00a4ef;--ubuntu-color:#f5792c;--docker-color:#2c68ef;--php-color:#7074a9;--google-yellow:#fbbc05;--google-green:#34a853;--function-color:#dcdcaa;--return-color:#c586c0}.light-header-text{color:#a6ebc9;color:var(--light-header)}.mongo-color-text{color:#00ed64;color:var(--mongodb-color)}.return-color{color:#c586c0;color:var(--return-color)}.const-color{color:#505ec3;color:var(--purple)}.function-color{color:#dcdcaa}.variable-color{color:#a6ebc9;color:var(--light-header)}.google-green-text{color:#34a853;color:var(--google-green)}.docker-color-text{color:#2c68ef;color:var(--docker-color)}.html-color-text{color:#e65431;color:var(--html-color)}.true-color-text{color:#569cd6}.fontawsome-color-text{color:#538dd7;color:var(--fontawsome-color)}.css-color-text{color:#306af1;color:var(--css-color)}.js-color-text{color:#ff0;color:var(--js-color)}.react-color-text{color:#00bcd4;color:var(--react-color)}.nodejs-color-text{color:#71c451;color:var(--nodejs-color)}.sql-color-text{color:#e34f26;color:var(--sql-color)}*{margin:0;padding:0}body{font-family:Fira Code,sans-serif;font-optical-sizing:auto;font-size:14px}body,html{height:100%;margin:0}body{background-color:#021021;background-color:var(--dark-blue);border:2px solid #0f253a;border:2px solid var(--border-blue);box-sizing:border-box;height:100vh;overflow:hidden}#about-me,#homepage,#projects{display:flex;flex-direction:column;height:100vh;justify-content:space-between}.git-color-text{color:#f45634;color:var(--git-color)}.text-underline{text-decoration:underline}.border-top{border-top:1px solid #0f253a;border-top:1px solid var(--border-blue)}.string-color{color:#ce9178}.about-left-tabs i,.terminal-left-tabs i{cursor:pointer}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#021021;background:var(--dark-blue);border:1px solid #0f253a;border:1px solid var(--border-blue);border-radius:0}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#505ec3,#0f253a);background:linear-gradient(180deg,var(--purple) 0,var(--border-blue) 100%);border:1px solid #0f253a;border:1px solid var(--border-blue);border-radius:6px;-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6c7ce3,#505ec3);background:linear-gradient(180deg,#6c7ce3 0,var(--purple) 100%);box-shadow:0 0 8px #505ec34d}::-webkit-scrollbar-thumb:active{background:#505ec3;background:var(--purple)}::-webkit-scrollbar-corner{background:#021021;background:var(--dark-blue)}*,.contact-left,.contact-right,.info-panel,.panel,.projects-panel{scrollbar-color:#505ec3 #021021;scrollbar-color:var(--purple) var(--dark-blue);scrollbar-width:thin}.contact-left::-webkit-scrollbar,.contact-right::-webkit-scrollbar,.info-panel::-webkit-scrollbar,.panel::-webkit-scrollbar,.projects-panel::-webkit-scrollbar{width:8px}.contact-left::-webkit-scrollbar-thumb,.contact-right::-webkit-scrollbar-thumb,.info-panel::-webkit-scrollbar-thumb,.panel::-webkit-scrollbar-thumb,.projects-panel::-webkit-scrollbar-thumb{background:#505ec3;background:var(--purple);border:none;border-radius:0}.contact-left::-webkit-scrollbar-thumb:hover,.contact-right::-webkit-scrollbar-thumb:hover,.info-panel::-webkit-scrollbar-thumb:hover,.panel::-webkit-scrollbar-thumb:hover,.projects-panel::-webkit-scrollbar-thumb:hover{background:#6c7ce3}.contact-left::-webkit-scrollbar-track,.contact-right::-webkit-scrollbar-track,.info-panel::-webkit-scrollbar-track,.panel::-webkit-scrollbar-track,.projects-panel::-webkit-scrollbar-track{background:#021021;background:var(--dark-blue);border-radius:0}.coming-soon{cursor:not-allowed!important;pointer-events:none}@media screen and (max-width:768px){*{box-sizing:border-box!important;max-width:100vw!important}body{overflow-x:hidden!important}.about-content,.projects-content{flex-direction:column}.navbar{display:none!important}.navbar-name{min-width:-webkit-fit-content!important;min-width:fit-content!important}#footer{display:none!important}.about-left-tabs{border-right:1px solid var(--border-blue);flex-direction:row!important;justify-content:space-around;padding:20px 10px 0}.mobile-top-tabs{padding:10px 0!important}.folder-header{display:block!important;margin-top:15px;width:100%!important}.panel-content{padding-right:40px!important}.file-info{border-top:1px solid var(--border-blue)}.skills-container{margin:0 auto!important;max-width:100%!important;width:100%!important}.mobile-hide{display:none!important}.panel-content{max-width:85%!important}br{display:block!important}#about-me,#projects,.about-content,body{height:auto!important;overflow-x:hidden!important;overflow-y:auto!important}.skill-text{font-size:12px}.skill{gap:3px!important}.skill i{font-size:18px!important;width:25px!important}.skills-container{padding:0!important;width:calc(93vw - 20px)!important}.skill-row{padding:0 10px!important}.mb-15{margin-bottom:15px!important}.overview{margin-bottom:5px!important}.main-header{font-size:48px!important}.function-header{font-size:24px!important}.no-hover{display:none!important}.home-content .left{padding-top:30px}.home-content{margin:0!important}.mobile-top-tabs{background:#021124;bottom:0;left:0;padding:15px!important;position:fixed;right:0}.terminal-content{flex-direction:column}.terminal{border-top:1px solid var(--border-blue);margin:15px 0 0!important;width:90%!important}.timeline-container{margin:0 1rem 0 0!important}.timeline-dot{left:11px!important}.panel{min-width:0!important;width:100%!important}.projects-content{padding:0!important}.cell{padding:10px 15px!important}.projects-row{flex-direction:column;gap:20px}.projects-col{margin-bottom:20px;width:100%!important}.project-details{padding:20px!important}.project-name{font-size:22px!important}.project-desc{font-size:14px!important;line-height:1.5!important}.projects-comment{font-size:13px!important;padding-left:15px!important}.view-project-btn{font-size:14px!important;margin-top:20px!important;padding:10px 20px!important}.fa-solid.fa-code{display:none!important}.single-project{flex-direction:column!important;gap:10px!important;margin:0!important;padding:0!important}.panel-content,.single-project{max-width:100%!important;width:100%!important}}.pixelPalsImg{object-position:center 20%}@media screen and (min-width:768px){.mobile-top-tabs{display:none!important}}.home-content{display:flex;padding-left:275px;padding-top:6%}@media screen and (max-width:768px){.home-content{margin:auto 0;padding:0 30px}}.home-content .right{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;width:100%;z-index:-1}.astro-image{animation:updown 15s linear infinite;opacity:.8;position:absolute;right:10%;top:0}@media screen and (max-width:1400px){.astro-image{width:350px}}@media screen and (max-width:1200px){.astro-image{display:none}}@keyframes updown{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(50px) rotate(-5deg)}to{transform:translateY(0) rotate(0)}}.background-blur{animation:moveGradient 5s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#00ffd5,#9b00ff);background-position:50%;background-size:100% 100%;filter:blur(100px);height:60vh;opacity:.2;position:absolute;right:0;top:0;width:50vw;z-index:-1}@keyframes moveGradient{0%{background-position:30% 30%;transform:translate(0) scale(1)}50%{background-position:70% 70%;transform:translate(-5%,5%) scale(1.1)}to{background-position:30% 30%;transform:translate(0) scale(1)}}.terminal-block{padding:50px 0}.terminal-block h2{font-size:36px;margin:0;padding:0;text-align:center}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#a259ff,#38a1db);-webkit-background-clip:text;background-clip:text;color:#0000}.terminal-container{height:400px;width:100%}.terminal-info{margin:0 0 50px;padding:0;text-align:center}.subheader{color:#fff;font-size:18px;margin:0;opacity:.8}.main-header{color:#fff;font-size:72px}.function-header,.main-header{font-weight:400;margin:0;padding:0}.function-header{color:var(--purple);font-size:26px}.info-line{color:#fff}.code-line{margin-top:10px}.info-line,.personal-info{margin-top:15px}.bracket{color:var(--purple)}.code-line br{height:10px}.true-color-text{color:var(--true-color);text-decoration:none}.mobile-warning{color:#fff;display:none;margin-top:20px}.animate-line{animation:slideInLine .6s ease-out forwards;animation-delay:var(--delay);opacity:0;transform:translateX(-20px)}@keyframes slideInLine{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media screen and (max-width:768px){.mobile-warning{display:block;font-size:16px;margin-top:20px}br{display:none}.main-header{font-size:62px}}.navbar{align-items:center;background-color:initial;border-bottom:1px solid var(--border-blue);color:#fff;display:flex}.navbar-name{color:var(--light-header);font-size:16px;font-weight:700;margin:0;min-width:260px;padding:15px 0 15px 15px}.contact-link{border:none;border-left:1px solid #0c1f31;color:var(--light-header)!important;font-size:14px;opacity:1!important}.contact-link,.navbar-link{background-color:initial;cursor:pointer;padding:15px 30px;text-decoration:none}.navbar-link{border:none;border-left:1px solid #0c1f31!important;color:#fff}.contact-link span,.navbar-link span{font-size:15px}.navbar-link.active span{opacity:1}.navbar-link.active{border-bottom:2px solid #eda86e}.navbar-link span{opacity:.7}.link-last{border-right:1px solid #0c1f31!important}.navbar-pull-right{align-items:center;display:flex;margin-left:auto}.no-hover{cursor:not-allowed!important}#footer{align-items:center;background-color:var(--dark-blue);border-bottom:1px solid var(--border-blue);border-top:1px solid var(--border-blue);box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;margin-top:auto;min-height:60px;overflow:hidden;padding:0 40px;width:100vw}.footer-header{color:var(--light-header);font-size:14px;font-weight:400;margin:0;min-width:125px;padding:15px;text-align:center}.footer-links{align-items:center;gap:20px}.footer-link{border-left:1px solid var(--border-blue);color:var(--light-header)!important;font-size:22px;opacity:.6!important;padding:15px 25px;text-decoration:none;transition:all .5s ease}.footer-link:hover{opacity:1!important}.footer-link i{text-align:center}.last-link{border-right:1px solid var(--border-blue)}.footer-pull-right{align-items:center;display:flex;margin-left:auto}.github-link{border-left:1px solid var(--border-blue);color:var(--light-header)!important;font-size:14px;opacity:1!important;padding:15px 30px;text-decoration:none}.github-link i{font-size:20px}.op-0{opacity:0!important}.info-entrance{color:#fff;font-size:16px;opacity:.6;padding:10px 15px}.skills-container{background-color:#04192d;border:2px solid var(--border-blue);border-radius:20px;flex-direction:column;flex-wrap:wrap;gap:10px;height:200px;margin:0 auto;padding:20px;width:85%}.skill-row,.skills-container{display:flex;justify-content:space-around}.skill{align-items:center;color:#fff;display:flex;flex:1 1;gap:10px}.skill i{font-size:22px;width:40px}.skill .fa-js{color:var(--js-color)}.skill .fa-react{color:var(--react-color)}.skill .fa-node{color:var(--nodejs-color)}.skill .fa-html5{color:var(--html-color)}.skill .fa-css3-alt{color:var(--css-color)}.skill .fa-database{color:var(--sql-color)}.skill .fa-server{color:var(--mongodb-color)}.skill .fa-python{color:var(--python-color)}.skill .fa-git{color:var(--git-color)}.skill .fa-wordpress{color:var(--wordpress-color)}.skill .fa-angular{color:var(--angular-color)}.skill .fa-code{color:#3c7dc8}.skill .fa-hashtag{color:#6f2780}.skill .fa-windows{color:var(--windows-color)}.skill .fa-ubuntu{color:var(--ubuntu-color)}.skill .fa-cloud{color:var(--light-header)}.skill .fa-docker{color:var(--docker-color)}.skill .fa-php{color:var(--php-color)}.skill .fa-arrows-split-up-and-left{color:var(--gray)}.skill .fa-magnifying-glass-dollar{color:var(--google-green)}.timeline-container{margin:2rem;max-width:600px;position:relative}.timeline-container:before{background-color:#6c5ce7;bottom:0;content:"";left:18px;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:2.5rem;padding-left:40px;position:relative}.timeline-dot{background-color:#6c5ce7;border:2px solid #1e1e2f;border-radius:50%;height:15px;left:9px;position:absolute;top:0;width:15px;z-index:1}.timeline-content{background-color:#1e1e2f;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;padding:1rem}.timeline-role{font-size:1.2rem;font-weight:600;margin-bottom:.2rem}.timeline-company{color:#74b9ff;font-size:.95rem;margin-bottom:.6rem}.timeline-description{color:#dfe6e9;font-size:.95rem;line-height:1.5}.about-content{box-sizing:border-box;display:flex;height:100vh;overflow:hidden}.about-left-tabs{border-right:1px solid var(--border-blue);display:flex;flex-direction:column;gap:30px;padding:30px 20px 0}.about-left-tabs i{color:#fff;font-size:22px;opacity:.3}.fa-magnifying-glass{opacity:1!important}.about-sidebar{border-right:1px solid var(--border-blue)}.subfile{margin-left:10px;margin-top:7px}.interests-image-2{background:url(/static/media/mochi.18fbde2371f5e7940a2b.jpg);background-position:50%;background-size:cover;height:400px}.interests-image-1{background:url(/static/media/sailing.7054af7c9fa565b2159f.jpg);background-position:center 70%;background-size:cover;height:400px}.interests-image-3{background:url(/static/media/shrimps.54391edb8027bd07e5de.jpg);background-position:center 60%;background-size:cover;height:400px}.interests-image-4{background:url(/static/media/MertFoto.eaca414c0674541f4239.jpg);background-position:center 10%;background-size:cover;height:400px}.interest-code{color:#fff;display:block;height:auto}.projects-content{box-sizing:border-box;display:flex;overflow:auto}.panel{flex:1 1}.info-panel{flex:1 1;overflow-y:auto}.projects-left-tabs{border-right:1px solid var(--border-blue);display:flex;flex-direction:column;gap:30px;padding:30px 20px 0}.overview{margin-bottom:-20px}.projects-left-tabs i{color:#fff;font-size:22px;opacity:.3}.fa-folder-open{opacity:.8!important}.projects-sidebar{border-right:1px solid var(--border-blue)}.folder-header{display:flex}.file-name{border-right:1px solid var(--border-blue)}.cell{border-bottom:1px solid var(--border-blue);color:#fff;padding:10px 65px 10px 15px;text-align:left}.folders{padding:15px}.folder{color:#fff;cursor:pointer;font-size:15px;margin-top:10px;opacity:.5;-webkit-user-select:none;user-select:none}.folder.active{opacity:1}.folder-bio .fa-folder{color:var(--string-color)}.folder-interests .fa-folder{color:var(--light-header)}.folder-experience .fa-folder{color:var(--purple)}.folder i.fa-chevron-down,.folder i.fa-chevron-right{font-size:10px;padding-right:10px}.folder-js .fa-js{color:#ff0}.file-name{opacity:.5;position:relative}.file-name .fa-circle-info,.file-name .fa-file,.file-name .fa-folder,.file-name .fa-js{padding-right:5px}.file-name .fa-x{font-size:10px;position:absolute;right:10px;top:37%}.folder-js .fa-chevron-right,.folder-readme .fa-chevron-right{opacity:0}.panel{border-right:1px solid var(--border-blue);min-width:450px;overflow-y:auto}.panel-content{color:#fff;padding:10px}.editor{display:flex}.line-numbers{color:#858585;padding-right:25px;text-align:right;-webkit-user-select:none;user-select:none}.code-lines div,.line-numbers div{height:20px}.code-lines{white-space:pre}.op-1{opacity:1!important}.person-card{align-items:center;display:flex;padding:20px}.person-card img{border-radius:50%;height:60px;margin-right:20px;object-fit:cover;object-position:top;width:60px}.info-text{color:#fff;font-size:12px;margin-top:5px;opacity:.3}.mt-25{margin-top:25px}.folder-link{color:#fff;font-size:13px;text-decoration:none}.link-folder i{font-size:14px}.folder{transition:all .2s ease}.folder:hover{opacity:.8}.folder.active,.link-folder:hover{opacity:1!important}.file-name-small{font-size:12px}.subfile{margin-left:25px;margin-top:10px}.subfile i{font-size:15px}.subfile .fa-chevron-right{opacity:0}.subfile{opacity:.7}.main-folder{color:var(--light-header)}.mertgpt .fa-folder{color:var(--purple)}.mertcloud .fa-folder{color:var(--function-color)}.kioskquiz .fa-folder{color:var(--sql-color)}.livemap .fa-folder{color:var(--ubuntu-color)}.autoseo .fa-folder{color:var(--php-color)}.mertshop .fa-folder{color:var(--google-green)}.talksai .fa-folder{color:var(--js-color)}.pixelpals .fa-folder{color:var(--return-color)}.eventinv .fa-folder{color:#008cdc}.subfile.active{opacity:1!important}.projects-row{display:flex;justify-content:space-around}.projects-col{background-color:#05192d;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;width:30%}.project-img{height:300px;object-fit:cover;width:100%}.project-details{padding:30px}.project-name{font-size:26px;font-weight:700}.project-desc{margin-top:10px}.projects-comment{margin-bottom:15px;opacity:.4;padding-left:25px;padding-top:15px}.view-project-btn{background-color:#283949;border:none;color:var(--light-header);cursor:pointer;font-size:16px;margin-top:15px;padding:5px 25px;width:100%}.mt-25{margin-top:25px!important}.single-project{display:flex;padding-top:0!important}.single-project .left{width:100%}.single-project .right{border-left:1px solid var(--border-blue);width:100%}.box-container{background-color:#04192d;border-radius:20px;margin-top:15px;padding:10px;width:90%}.livemap-video{border-radius:15px;height:300px;object-fit:cover;width:100%}.no-padding{padding:0!important}.single-project .left,.single-project .right{padding-top:10px}.project-desc{min-height:220px}@media screen and (max-width:768px){.projects-overview{max-width:100vw!important;padding:0 5px!important}.projects-overview .projects-row{margin-bottom:15px}.projects-overview .project-img{height:200px!important}.projects-overview .mt-25{margin-top:15px!important}.projects-overview .projects-comment{font-size:12px!important;padding-left:10px!important;padding-right:10px!important}}.projects-panel .right{align-items:center;display:flex;flex-direction:column;gap:30px}.projects-panel .right img{border-radius:20px;object-fit:cover;width:95%}.pixel-img-3{width:30%!important}.comment{align-self:flex-start;opacity:.5;padding-left:10px;padding-top:5px}.single-project .left{padding-right:15px}.terminal{background-color:#1e1e1e;color:#3f3;font-family:Fira Mono,monospace;height:100%;margin:0 auto;overflow-y:auto;padding:20px;white-space:pre-wrap;width:70%}.input-line span{flex-shrink:0}.input-line input{background:#0000!important;border:none;color:#3f3;flex-grow:1;font-family:inherit;font-size:14px;outline:none}.hint-msg{color:#d3d3d3;display:inline-block;margin-bottom:5px}.terminal-content{display:flex;height:100%;width:100%}.terminal{background-color:#051021;width:100%}.op-04{opacity:.4!important}#contact-page{background-color:var(--dark-blue);height:100vh;overflow:hidden}.contact-content{box-sizing:border-box;display:flex;height:calc(100vh - 110px);padding-left:150px}.contact-left,.contact-right{flex:1 1;overflow-y:auto;padding:50px 40px}.contact-right{border-left:1px solid var(--border-blue)}.contact-header{margin-bottom:40px}.contact-header .subheader{color:#fff;font-size:18px;margin:0;opacity:.8}.contact-header .main-header{color:#fff;font-size:62px;font-weight:400;margin:0;padding:0}.contact-header .function-header{color:var(--purple);font-size:26px;font-weight:400;margin:0;padding:0}.contact-info{color:#fff}.info-section{margin-bottom:30px}.info-section .gray-text{color:var(--gray);display:block;margin-bottom:10px}.code-line{font-family:Fira Code,monospace;margin:8px 0}.indent{margin-left:20px}.string-color-text{color:var(--string-color);text-decoration:none}.number-color-text{color:var(--number-color);text-decoration:none}.number-color-text:hover,.string-color-text:hover{opacity:.8}.form-container{background-color:#05192d80;border:1px solid var(--border-blue);border-radius:15px;padding:30px}.form-header{margin-bottom:25px}.form-header .gray-text{color:var(--gray);font-size:16px}.contact-form{gap:20px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-input,.form-label,.form-textarea{color:#fff;font-family:Fira Code,monospace;font-size:14px}.form-input,.form-textarea{background-color:var(--dark-blue);border:1px solid var(--border-blue);border-radius:8px;padding:12px 15px;transition:border-color .3s ease}.form-input:focus,.form-textarea:focus{border-color:var(--purple);box-shadow:0 0 0 2px #a259ff33;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray);opacity:.7}.form-textarea{min-height:120px;resize:vertical}.submit-btn{background-color:var(--purple);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Fira Code,monospace;font-size:16px;margin-top:10px;padding:15px 30px;transition:all .3s ease}.submit-btn:hover:not(:disabled){background-color:#9146ff;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.status-message{border-radius:8px;font-family:Fira Code,monospace;font-size:14px;margin-top:15px;padding:12px 15px}.status-message.success{background-color:#4caf501a;border:1px solid #4caf504d;color:#4caf50}.status-message.error{background-color:#f443361a;border:1px solid #f443364d;color:#f44336}.green-text{color:#4caf50}.red-text{color:#f44336}@media screen and (max-width:768px){.contact-content{flex-direction:column;padding:0 20px}.contact-left,.contact-right{border:none;flex:none;padding:20px 0}.contact-right{border-top:1px solid var(--border-blue)}.contact-header .main-header{font-size:48px}.contact-header .function-header{font-size:20px}.form-container{padding:20px}}@media screen and (max-width:1200px){.contact-content{flex-direction:column}.contact-left,.contact-right{border:none;flex:none}.contact-right{border-top:1px solid var(--border-blue)}}.function-text{color:var(--function-color)}#ai-chat-page{background-color:var(--dark-blue);height:100vh;overflow:hidden}.ai-chat-content{box-sizing:border-box;display:flex;height:calc(100vh - 112px)}.ai-chat-terminal{border-left:1px solid var(--border-blue);color:#e0e0e0;flex:1 1;flex-direction:column;font-family:Fira Code,monospace;overflow:hidden}.ai-chat-terminal,.chat-header{background-color:var(--dark-blue);display:flex}.chat-header{align-items:center;border-bottom:1px solid var(--border-blue);justify-content:space-between;padding:15px 20px}.terminal-title{color:#fff;font-family:Fira Code,monospace;font-size:14px}.clear-btn{background:none;border:1px solid var(--border-blue);border-radius:4px;color:var(--gray);cursor:pointer;font-size:12px;padding:8px 12px;transition:all .3s ease}.clear-btn:hover{border-color:var(--purple);color:var(--purple)}.chat-messages{background-color:var(--dark-blue);flex:1 1;overflow-y:auto;padding:20px}.message{font-size:14px;line-height:1.5;margin-bottom:20px}.message-header{align-items:center;display:flex;font-size:12px;gap:10px;margin-bottom:5px}.timestamp{color:var(--gray);font-size:11px;opacity:.7}.ai-prompt,.error-prompt,.system-prompt,.user-prompt{font-family:Fira Code,monospace}.message-content{word-wrap:break-word;line-height:1.6;padding-left:20px}.message-content .bold-text{color:var(--light-header);font-weight:700}.message-content .italic-text{color:var(--string-color);font-style:italic}.message-content .inline-code{background-color:#505ec333;border:1px solid var(--border-blue);border-radius:4px;color:var(--function-color);font-family:Fira Code,monospace;font-size:13px;padding:2px 6px}.message-content .code-block{background-color:#05192dcc;border:1px solid var(--border-blue);border-radius:8px;margin:10px 0;overflow-x:auto;padding:15px}.message-content .code-block code{color:var(--function-color);font-family:Fira Code,monospace;font-size:13px;line-height:1.4}.message-content .message-link{color:var(--purple);text-decoration:underline;transition:color .3s ease}.message-content .message-link:hover{color:#6c7ce3}.message.user .message-content{color:var(--string-color)}.message.ai .message-content{background-color:#505ec31a;border-left:3px solid var(--purple);border-radius:8px;color:#e0e0e0;margin-left:0;padding:10px 15px}.message.system .message-content{color:#fff;font-style:italic;opacity:.7}.message.error .message-content{background-color:#ff6b6b1a;border-left:3px solid #ff6b6b;border-radius:8px;color:#ff6b6b;margin-left:0;padding:10px 15px}.message.loading .message-content{padding-left:0}.typing-indicator{align-items:center;display:flex;gap:4px;padding:10px 0}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background-color:var(--function-color);border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.input-section{background-color:var(--dark-blue);border-top:1px solid var(--border-blue);padding:15px 20px}.input-line{align-items:center;display:flex;gap:10px;margin-bottom:8px}.prompt{flex-shrink:0}.chat-input,.prompt{font-family:Fira Code,monospace;font-size:14px}.chat-input{background:#05192dcc;border:1px solid var(--border-blue);border-radius:6px;color:#fff;flex:1 1;padding:12px 15px;transition:border-color .3s ease}.chat-input:focus{border-color:var(--purple);box-shadow:0 0 0 2px #505ec333;outline:none}.chat-input::placeholder{color:var(--gray);opacity:.7}.chat-input:disabled{cursor:not-allowed;opacity:.5}.send-btn{background:var(--purple);border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;padding:12px 16px;transition:all .3s ease}.send-btn:hover:not(:disabled){background:#6c7ce3;transform:translateY(-1px)}.send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.help-text{font-size:11px;margin-top:5px}.purple-text{color:var(--purple)}.green-text{color:var(--light-header)}.gray-text{color:var(--gray)}.string-color{color:var(--string-color)}.function-color{color:var(--function-color)}.number-color{color:var(--number-color)}.red-text{color:#ff6b6b}@media screen and (max-width:768px){.ai-chat-content{flex-direction:column}.ai-chat-terminal{border-left:none;border-top:1px solid var(--border-blue)}.chat-header{padding:10px 15px}.terminal-title{font-size:12px}.chat-messages{padding:15px}.input-section{padding:10px 15px}.input-line{align-items:stretch;flex-direction:column;gap:8px}.prompt{align-self:flex-start}.help-text{text-align:center}.ai-chat-content .about-left-tabs{display:none}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:var(--dark-blue)}.chat-messages::-webkit-scrollbar-thumb{background:var(--purple);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#6c7ce3}
/*# sourceMappingURL=main.0e5cb68d.css.map*/