:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-primary: #f0f0f0;--bg-secondary: #f9f9f9;--text-primary: #111;--text-secondary: #333;--border-color: #ccc;--user-msg-bg: #e6f7ff;--bot-msg-bg: #f0f0f0;--button-bg: #007bff;--button-hover: #0056b3}@media (prefers-color-scheme: dark){:root{--bg-primary: #121212;--bg-secondary: #1e1e1e;--text-primary: #ffffff;--text-secondary: #e0e0e0;--border-color: #333;--user-msg-bg: #1a3a4a;--bot-msg-bg: #2a2a2a;--button-bg: #0d6efd;--button-hover: #0b5ed7}}html,body{width:100%;min-height:100vh;box-sizing:border-box}body{color:var(--text-primary);margin:0;padding:0;overflow-x:hidden;display:flex;justify-content:center;background-color:transparent}.app{max-width:800px;width:100%;margin:0 auto;padding:2rem;text-align:center;min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary)}.header{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.bold{font-weight:700}h1{font-size:2.5em;line-height:1.1;margin-bottom:1rem;background:linear-gradient(45deg,#646cff,#535bf2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{font-size:1.2em;color:var(--text-secondary);margin-bottom:1.5rem;font-style:italic}form{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.prompt-container{position:relative;width:100%}textarea{padding:1rem 3rem 1rem 1rem;border-radius:8px;border:1px solid #646cff;background:#1a1a1a;color:#fff;font-size:1rem;resize:vertical;min-height:100px;width:100%;box-sizing:border-box}button[type=submit].submit-icon{position:absolute;right:.75rem;bottom:.75rem;background:none!important;border:none!important;color:#646cff;font-size:1rem;cursor:pointer;padding:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:auto;width:24px;height:24px;box-shadow:none!important}button[type=submit].submit-icon:hover{color:#535bf2;transform:scale(1.1);background:none!important}button[type=submit].submit-icon:disabled{color:#4a4a4a;cursor:not-allowed;transform:none;opacity:.5;background:none!important}.quick-prompts{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:.5rem 0}.quick-prompt-btn{padding:.5rem 1rem;border-radius:4px;background:#1a1a1a;border:1px solid #646cff;color:#646cff;cursor:pointer;transition:all .2s ease;font-size:.9rem}.quick-prompt-btn:hover{background:#646cff;color:#fff}button[type=submit]{padding:1rem 2rem;border-radius:8px;border:none;background:#646cff;color:#fff;font-size:1rem;cursor:pointer;transition:background .2s ease;align-self:center;min-width:200px}button[type=submit]:hover{background:#535bf2}button[type=submit]:disabled{background:#4a4a4a;cursor:not-allowed}.chat-container{width:100%;max-width:800px;margin:20px auto;display:flex;flex-direction:column;gap:8px;text-align:left}.chat-label{font-size:.9em;color:var(--text-secondary);margin-bottom:4px}.chat-history{width:100%;box-sizing:border-box;height:400px;overflow-y:auto;padding:16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:16px;align-items:center}.message{max-width:85%;width:100%;padding:12px 16px;border-radius:12px;line-height:1.5;text-align:left}.message.user{align-self:flex-end;background:var(--button-bg);color:#fff;border-bottom-right-radius:4px;text-align:right}.message.bot{align-self:flex-start;background:var(--bot-msg-bg);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:4px;text-align:left}.chat-history>.message.bot:first-child{width:100%;max-width:800px;margin:0;padding-left:32px;padding-right:32px;border-radius:18px;text-align:left;box-sizing:border-box}.message.bot :is(p,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code){text-align:left}.project-info{max-width:800px;min-width:320px;width:100%;margin:0 auto;padding:0;background:none;box-shadow:none}.project-info p{margin-bottom:1rem}.project-info p:last-child{margin-bottom:0}.project-info .bold{display:block;margin-bottom:1rem;font-size:1.1em}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;margin-top:1rem}.tech-stack span{background:var(--bg-secondary);padding:.3rem .8rem;border-radius:15px;font-size:.9em;color:var(--text-secondary);border:1px solid var(--border-color)}.social-links{display:flex;gap:1rem;justify-content:flex-start;margin-top:1.5rem;flex-wrap:wrap}.social-link{color:var(--text-primary);text-decoration:none;padding:.5rem 1rem;border-radius:4px;background:var(--bg-secondary);transition:all .2s ease;border:1px solid var(--border-color);width:100%;box-sizing:border-box}.social-link:hover{background:#646cff;color:#fff;border-color:#646cff}@media (prefers-color-scheme: light){.message.bot{background:var(--bot-msg-bg);color:var(--text-primary)}.message.user{background:var(--button-bg);color:#fff}.quick-prompt-btn{background:#f0f0f0;color:#646cff}.quick-prompt-btn:hover{background:#646cff;color:#fff}textarea,.tech-stack span,.social-link{background:#f0f0f0;color:#213547}}.thinking:after{content:"...";animation:thinking 1.5s infinite;display:inline-block;width:1.5em;text-align:left}@keyframes thinking{0%{content:"."}33%{content:".."}66%{content:"..."}to{content:"."}}.about-heading{text-align:center;font-size:1.6rem;margin-bottom:1.5rem;margin-top:0}.about-resumebot{width:100%;min-width:0;max-width:600px;box-sizing:border-box;margin:0 auto;padding:2rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);line-height:1.6}.accordion,.accordion-section{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.accordion-section:last-child{border-bottom:none}.accordion-title{width:100%;text-align:left;background:none;border:none;outline:none;font-size:1.1rem;font-weight:700;padding:1rem .5rem;cursor:pointer;background-color:transparent;display:flex;align-items:center}.accordion-title:hover{background:var(--button-bg);color:#fff;filter:brightness(1.2);transition:background .2s,color .2s,filter .2s}.accordion-section.open .accordion-title{background:var(--button-bg);color:#fff}.accordion-content{width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:.75rem 1.5rem 1.25rem;background:var(--bg-secondary);animation:fadeIn .3s;text-align:left}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.star-field{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;pointer-events:none}.star-field div{position:absolute;background-color:#fffc;border-radius:50%;animation:twinkle linear infinite}.star-field .star-1{width:1px;height:1px;animation-duration:2s;animation-delay:0s}.star-field .star-2{width:2px;height:2px;animation-duration:3s;animation-delay:.5s}.star-field .star-3{width:1px;height:1px;animation-duration:2.5s;animation-delay:1s}@keyframes twinkle{0%,to{opacity:.8}50%{opacity:.2}}