:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%;height:100vh}*{margin:0;padding:0;box-sizing:border-box}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:#1a1a1a;color:#e5e5e5}.app{display:flex;height:100vh;width:100vw;overflow:hidden}.resume-section{flex:1;overflow-y:auto;background:#1a1a1a;color:#e5e5e5;min-width:50%}.resume-section::-webkit-scrollbar{width:8px}.resume-section::-webkit-scrollbar-track{background:#2a2a2a}.resume-section::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:4px}.resume-section::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.resume-background{width:100%;height:100%;-webkit-user-select:text;user-select:text}.resume-content{max-width:850px;margin:0 auto;padding:3rem 2rem;line-height:1.6;-webkit-user-select:text;user-select:text}.resume-header{text-align:center;padding-bottom:2rem;border-bottom:2px solid #333;margin-bottom:2rem}.resume-header h1{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.resume-header h2{font-size:1.25rem;font-weight:600;color:#4a9eff;margin-bottom:1rem}.contact-info{display:flex;gap:.75rem;justify-content:center;font-size:.95rem;color:#999;flex-wrap:wrap}.contact-info a{color:#999;text-decoration:none;transition:color .2s ease}.contact-info a:hover{color:#4a9eff;text-decoration:underline}.resume-section{margin-bottom:2rem}.resume-section h3{font-size:1.1rem;font-weight:700;color:#4a9eff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #333}.resume-section p{color:#e5e5e5;margin-bottom:.75rem;text-align:justify}.skills-grid{display:grid;gap:.75rem;color:#e5e5e5;font-size:.95rem}.skills-grid strong{color:#fff;font-weight:600}.job{margin-bottom:1.5rem}.job-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.25rem;flex-wrap:wrap;gap:.5rem}.job-header strong{font-size:1.05rem;color:#fff;font-weight:600}.job-header span{color:#4a9eff;font-weight:500}.job-meta{display:flex;justify-content:space-between;font-size:.9rem;color:#999;margin-bottom:.75rem;font-style:italic}.job ul{list-style:none;padding-left:0}.job ul li{position:relative;padding-left:1.25rem;margin-bottom:.5rem;color:#e5e5e5;font-size:.95rem}.job ul li:before{content:"•";position:absolute;left:0;color:#4a9eff;font-weight:700}.project{margin-bottom:1.25rem}.project strong{display:block;color:#fff;font-weight:600;margin-bottom:.5rem;font-size:1rem}.project p{color:#e5e5e5;font-size:.95rem;margin-bottom:0}.project a{color:#4a9eff;text-decoration:none;transition:color .2s ease}.project a:hover{color:#6bb4ff;text-decoration:underline}.chat-section{flex:1;display:flex;flex-direction:column;background:#242424;border-left:1px solid #333;min-width:400px}.chat-container{display:flex;flex-direction:column;height:100%;background:#242424}.messages{flex:1;overflow-y:auto;padding:2rem 2rem 1rem;display:flex;flex-direction:column;gap:1rem;background:#242424;min-height:0}.messages::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.messages::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:4px}.messages::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.welcome-message{text-align:center;margin-top:2rem}.welcome-message h2{font-size:2rem;margin-bottom:1rem;color:#fff}.welcome-message p{font-size:1.1rem;color:#999}.message{display:flex;margin-bottom:.5rem}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-content{max-width:70%;padding:1rem 1.5rem;border-radius:1rem;word-wrap:break-word;line-height:1.5}.message.user .message-content{background:#4a9eff;color:#fff;border:1px solid #3a8eef}.message.assistant .message-content{background:#2a2a2a;color:#e5e5e5;border:1px solid #3a3a3a}.typing{display:flex;gap:.3rem;align-items:center;padding:1rem 1.5rem}.typing span{width:8px;height:8px;border-radius:50%;background:#4a9eff;animation:typing 1.4s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.input-form{display:flex;gap:1rem;padding:1.5rem 2rem;background:#1a1a1a;border-top:1px solid #3a3a3a;flex-shrink:0}.message-input{flex:1;padding:.75rem 1rem;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:.5rem;color:#e5e5e5;font-size:1rem;outline:none;transition:all .3s ease}.message-input::placeholder{color:#666}.message-input:focus{background:#2a2a2a;border-color:#4a9eff}.message-input:disabled{opacity:.5;cursor:not-allowed}.volume-control{position:relative;display:flex;align-items:center;flex-shrink:0}.volume-button{padding:0;width:3rem;height:3rem;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:.5rem;color:#fff;font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.volume-button:hover{background:#3a3a3a;transform:translateY(-2px);box-shadow:0 5px 15px #2a2a2a66}.volume-slider-container{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);background:#2a2a2a;border:1px solid #3a3a3a;border-radius:.5rem;padding:1rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:0 5px 15px #0000004d;z-index:1000}.volume-slider{position:relative;display:flex;align-items:center;-webkit-user-select:none;user-select:none;touch-action:none;width:1.25rem;height:6rem}.volume-slider[data-orientation=vertical]{flex-direction:column;width:1.25rem}.volume-slider-track{position:relative;flex-grow:1;background:#3a3a3a;border-radius:.25rem;width:.5rem;height:100%}.volume-slider-range{position:absolute;bottom:0;left:0;right:0;background:#4a9eff;border-radius:.25rem}.volume-slider-thumb{display:block;width:1rem;height:1rem;background:#4a9eff;border-radius:50%;cursor:grab;transition:all .2s ease;box-shadow:0 2px 4px #0003}.volume-slider-thumb:hover{background:#6bb4ff;transform:scale(1.15)}.volume-slider-thumb:active{cursor:grabbing}.volume-slider-thumb:focus{outline:none;box-shadow:0 0 0 3px #4a9eff4d}.volume-label{font-size:.875rem;color:#4a9eff;font-weight:600;min-width:3rem;text-align:center}.send-button{padding:.75rem 2rem;background:#4a9eff;border:1px solid #3a8eef;border-radius:.5rem;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.send-button:hover:not(:disabled){background:#3a8eef;transform:translateY(-2px);box-shadow:0 5px 15px #4a9eff66}.send-button:disabled{opacity:.5;cursor:not-allowed}.stop-button{padding:.75rem 2rem;background:#e74c3c;border:1px solid #c0392b;border-radius:.5rem;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.stop-button:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 5px 15px #e74c3c66}@media(max-width:768px){.app{flex-direction:column}.resume-section{min-height:40vh}.chat-section{min-width:100%;border-left:none;border-top:1px solid #333;position:relative}.chat-container{height:100%;display:flex;flex-direction:column}.messages{flex:1;overflow-y:auto;padding-bottom:1rem;margin-bottom:90px}.input-form{position:fixed;bottom:0;left:0;right:0;padding:1rem;gap:.5rem;background:#1a1a1a;border-top:1px solid #3a3a3a;z-index:1000;-webkit-text-size-adjust:100%}.message-input{font-size:16px}.message-content{max-width:85%}.send-button{padding:.75rem 1.5rem}.volume-button{width:2.5rem;height:2.5rem}}