*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overscroll-behavior:none}html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}button,input,textarea{font-family:inherit;min-height:44px;min-width:44px}[role=button],a,button{cursor:pointer;touch-action:manipulation}img{height:auto;max-width:100%}@media (max-width:768px){html{font-size:14px}h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.3rem}}@media (max-width:480px){html{font-size:13px}.container,article,section{margin-bottom:1rem;padding:.75rem}}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--text-primary:#333;--text-secondary:#6c757d;--border-color:#dee2e6;--accent-color:#2196f3}[data-theme=dark]{--bg-primary:#121212;--bg-secondary:#1e1e1e;--text-primary:#f8f9fa;--text-secondary:#adb5bd;--border-color:#2d2d2d;--accent-color:#2196f3}body{background-color:#fff;background-color:var(--bg-primary);color:#333;color:var(--text-primary);margin:0;transition:background-color .3s ease,color .3s ease}.App{text-align:center}.App-header{align-items:center;background-color:#f8f9fa;background-color:var(--bg-secondary);color:#333;color:var(--text-primary);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#2196f3;color:var(--accent-color);text-decoration:none;transition:color .3s ease}.App-link:hover{color:#6c757d;color:var(--text-secondary)}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-logo{height:40vmin;pointer-events:none}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-container{margin:0 auto;max-width:1200px;padding:2rem}.home-container h1{color:#2c3e50;color:var(--text-primary,#2c3e50);font-size:2.5rem;margin-bottom:2rem;text-align:center}.profile-image-container{aspect-ratio:1;background-color:#fff;background-color:var(--card-bg,#fff);border-radius:50%;box-shadow:0 4px 12px #00000026;display:flex;justify-content:center;margin:0 auto 2rem;max-width:300px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:100%}.profile-image-container:hover{box-shadow:0 8px 20px #0003;transform:translateY(-5px)}.profile-image{display:block;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease;width:100%}.profile-image:hover{transform:scale(1.05)}[data-theme=dark] .profile-image-container{box-shadow:0 4px 12px #0000004d}[data-theme=dark] .profile-image-container:hover{box-shadow:0 8px 20px #0006}.contact-section,.education-section,.experience-section,.intro-section,.projects-section,.skills-section{background-color:#fff;background-color:var(--card-bg,#fff);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem;transition:background-color .3s ease}.contact-section h2,.education-section h2,.experience-section h2,.intro-section h2,.projects-section h2,.skills-section h2{color:#34495e;color:var(--text-primary,#34495e);font-size:1.8rem;margin-bottom:1.5rem}.intro-section p{color:#555;color:var(--text-secondary,#555);font-size:1.1rem;line-height:1.6}.education-item{border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--border-color,#eaeaea);margin-bottom:1.5rem;padding-bottom:1.5rem}.education-item:last-child{border-bottom:none}.education-header{align-items:baseline;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:.5rem}.education-header h3{color:#34495e;color:var(--text-primary,#34495e);font-size:1.4rem;margin-bottom:.5rem;margin-right:1rem}.education-header span{color:#3498db;color:var(--text-highlight,#3498db);font-weight:600}.education-item p{color:#555;color:var(--text-secondary,#555);font-size:1.1rem;margin:.3rem 0}.coursework{margin-top:2rem}.coursework h3{color:#34495e;color:var(--text-primary,#34495e);font-size:1.4rem;margin-bottom:1rem}.coursework ul{list-style-type:none;padding:0}.coursework li{color:#555;color:var(--text-secondary,#555);font-size:1.1rem;padding:.5rem 0 .5rem 1.5rem;position:relative}.coursework li:before{color:#3498db;color:var(--accent-color,#3498db);content:"→";left:0;position:absolute}.coursework strong{color:#34495e;color:var(--text-primary,#34495e);font-weight:600}.skills-section{padding:2rem}.skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skill-category{background-color:#f8f9fa;background-color:var(--card-bg-alt,#f8f9fa);border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:transform .2s ease}.skill-category:hover{transform:translateY(-5px)}.skill-category h3{color:#34495e;color:var(--text-primary,#34495e);font-size:1.4rem;margin-bottom:1rem;text-align:center}.skill-category ul{list-style-type:none;padding:0}.skill-category li{color:#555;color:var(--text-secondary,#555);font-size:1.1rem;padding:.5rem 0 .5rem 1.5rem;position:relative}.skill-category li:before{color:#3498db;color:var(--accent-color,#3498db);content:"→";left:0;position:absolute}.experience-item{border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--border-color,#eaeaea);margin-bottom:2rem;padding-bottom:2rem}.experience-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.experience-header{align-items:baseline;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:.5rem}.experience-header h3{color:#34495e;color:var(--text-primary,#34495e);font-size:1.4rem;margin-bottom:.5rem;margin-right:1rem}.experience-header span{color:#3498db;color:var(--text-highlight,#3498db);font-weight:600}.experience-location{color:#555;color:var(--text-secondary,#555);font-size:1.1rem;font-style:italic;margin-bottom:1rem}.experience-item ul{list-style-type:none;padding:0}.experience-item li{color:#555;color:var(--text-secondary,#555);font-size:1.1rem;line-height:1.6;padding:.5rem 0 .5rem 1.5rem;position:relative}.experience-item li:before{color:#3498db;color:var(--accent-color,#3498db);content:"→";left:0;position:absolute}.project-item{border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--border-color,#eaeaea);margin-bottom:2rem;padding-bottom:2rem}.project-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.project-header{align-items:baseline;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:.5rem}.project-header h3{color:#34495e;color:var(--text-primary,#34495e);font-size:1.4rem;margin-bottom:.5rem;margin-right:1rem}.project-header span{color:#3498db;color:var(--text-highlight,#3498db);font-weight:600}.project-subtitle{color:#555;color:var(--text-secondary,#555);font-size:1.1rem;font-style:italic;margin-bottom:1rem}.project-item ul{list-style-type:none;padding:0}.project-item li{color:#555;color:var(--text-secondary,#555);font-size:1.1rem;line-height:1.6;padding:.5rem 0 .5rem 1.5rem;position:relative}.project-item li:before{color:#3498db;color:var(--accent-color,#3498db);content:"→";left:0;position:absolute}.contact-section h2{text-align:center}.contact-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.contact-item{background-color:#f8f9fa;background-color:var(--card-bg-alt,#f8f9fa);border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:transform .2s ease}.contact-item:hover{transform:translateY(-5px)}.contact-item h3{color:#34495e;color:var(--text-primary,#34495e);font-size:1.4rem;margin-bottom:1rem;text-align:center}.contact-item p{color:#555;color:var(--text-secondary,#555);font-size:1.1rem;margin:.5rem 0}.contact-item ul{list-style:none;margin:0;padding:0}.contact-item li{font-size:1.1rem;margin:.5rem 0}.contact-item li a{color:#3498db;color:var(--accent-color,#3498db);text-decoration:none;transition:color .3s ease}.contact-item li a:hover{text-decoration:underline}.resume-button{background-color:#3498db;background-color:var(--accent-color,#3498db);border-radius:4px;color:#fff;display:inline-block;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.resume-button:hover{background-color:#2980b9;background-color:var(--accent-hover,#2980b9);transform:translateY(-2px)}.resume-button:active{transform:translateY(0)}[data-theme=dark] .home-container h1{color:#fff;color:var(--text-primary,#fff)}[data-theme=dark] .contact-section,[data-theme=dark] .education-section,[data-theme=dark] .experience-section,[data-theme=dark] .intro-section,[data-theme=dark] .projects-section,[data-theme=dark] .skills-section{background-color:#2a2a2a;background-color:var(--card-bg,#2a2a2a);box-shadow:0 2px 4px #0003}[data-theme=dark] .education-item,[data-theme=dark] .experience-item,[data-theme=dark] .project-item{border-bottom-color:#444;border-bottom-color:var(--border-color-dark,#444)}[data-theme=dark] .contact-item,[data-theme=dark] .skill-category{background-color:#333;background-color:var(--card-bg-alt,#333)}[data-theme=dark] .contact-item h3,[data-theme=dark] .contact-section h2,[data-theme=dark] .coursework h3,[data-theme=dark] .education-header h3,[data-theme=dark] .education-section h2,[data-theme=dark] .experience-header h3,[data-theme=dark] .experience-section h2,[data-theme=dark] .intro-section h2,[data-theme=dark] .project-header h3,[data-theme=dark] .projects-section h2,[data-theme=dark] .skill-category h3,[data-theme=dark] .skills-section h2{color:#fff;color:var(--text-primary,#fff)}[data-theme=dark] .education-header span,[data-theme=dark] .experience-header span,[data-theme=dark] .project-header span{color:#60a5fa;color:var(--text-highlight-dark,#60a5fa)}[data-theme=dark] .coursework strong{color:#fff;color:var(--text-primary,#fff)}[data-theme=dark] .contact-item li,[data-theme=dark] .contact-item p,[data-theme=dark] .coursework li,[data-theme=dark] .education-item p,[data-theme=dark] .experience-item li,[data-theme=dark] .experience-location,[data-theme=dark] .intro-section p,[data-theme=dark] .project-item li,[data-theme=dark] .project-subtitle,[data-theme=dark] .skill-category li{color:#ccc;color:var(--text-secondary,#ccc)}[data-theme=dark] .contact-item li a,[data-theme=dark] .coursework li:before,[data-theme=dark] .experience-item li:before,[data-theme=dark] .project-item li:before,[data-theme=dark] .skill-category li:before{color:#60a5fa;color:var(--accent-color,#60a5fa)}[data-theme=dark] .resume-button{background-color:#60a5fa;background-color:var(--accent-color,#60a5fa)}[data-theme=dark] .resume-button:hover{background-color:#3b82f6;background-color:var(--accent-hover,#3b82f6)}@media (max-width:768px){.home-container{overflow-x:hidden;padding:0 1rem 1rem}.home-container h1{font-size:1.8rem;margin-bottom:1.5rem;margin-top:.5rem}.contact-section h2,.education-section h2,.experience-section h2,.intro-section h2,.projects-section h2,.skills-section h2{font-size:1.5rem;margin-bottom:1rem}.contact-item p,.education-item p,.experience-item li,.intro-section p,.project-item li{font-size:1rem;line-height:1.5}.contact-section,.education-section,.experience-section,.intro-section,.projects-section,.skills-section{border-radius:6px;margin-bottom:1.25rem;padding:1.25rem}.contact-grid,.skills-grid{gap:1rem;grid-template-columns:1fr}.contact-item,.skill-category{margin-bottom:1rem;padding:1rem}.education-header,.experience-header,.project-header{align-items:flex-start;flex-direction:column}.education-header span,.experience-header span,.project-header span{margin-top:.25rem}.resume-button{text-align:center;width:100%}.profile-image-container{margin-bottom:1.5rem;max-width:200px}.contact-item li a,.navbar a{display:inline-block;padding:10px 0}.coursework li,.experience-item li,.project-item li,.skill-category li{margin-bottom:.5rem;padding-left:1.2rem}.contact-item h3,.skill-category h3{font-size:1.2rem}}@media (max-width:480px){.home-container{padding:.75rem}.home-container h1{font-size:1.6rem}.profile-image-container{max-width:150px}.contact-section,.education-section,.experience-section,.intro-section,.projects-section,.skills-section{margin-bottom:1rem;padding:1rem}.contact-item p,.education-item p,.experience-item li,.intro-section p,.project-item li{font-size:.95rem}}.theme-toggle{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:background-color .3s ease}.theme-toggle:hover{background-color:#0000001a}[data-theme=dark] .theme-toggle:hover{background-color:#ffffff1a}.navbar{box-shadow:0 2px 4px #0000001a;height:100vh;left:0;padding:1rem 2rem;position:fixed;top:0;width:200px}.navbar-brand{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem}.site-title{align-items:center;display:flex;font-size:1.2rem;font-weight:700}.site-logo{font-size:1.5rem;margin-right:.5rem}.navbar ul,.navbar-menu{align-items:flex-start;display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.navbar li{margin-bottom:15px;width:100%}.navbar a{color:var(--text-primary);display:block;font-weight:500;padding:8px 16px;text-decoration:none;transition:color .3s ease}.navbar a.active,.navbar a:hover{color:var(--accent-color)}.navbar a.active{border-left:3px solid var(--accent-color);padding-left:13px}.navbar a:after{bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar a:hover:after{width:100%}[data-theme=dark] .navbar{background-color:#1a1a1a;box-shadow:0 2px 4px #0003}[data-theme=dark] .navbar a{color:#fff}[data-theme=dark] .navbar a:after,[data-theme=light] .navbar{background-color:#fff}[data-theme=light] .navbar a{color:#333}[data-theme=light] .navbar a:after{background-color:#333}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;padding:10px}.hamburger-icon{background-color:var(--text-primary);display:block;height:2px;position:relative;transition:background-color .3s ease;width:24px}.hamburger-icon:after,.hamburger-icon:before{background-color:var(--text-primary);content:"";height:100%;position:absolute;transition:all .3s ease;width:100%}.hamburger-icon:before{top:-6px}.hamburger-icon:after{top:6px}.hamburger-icon.open{background-color:initial}.hamburger-icon.open:before{top:0;transform:rotate(45deg)}.hamburger-icon.open:after{top:0;transform:rotate(-45deg)}.mobile-menu-toggle:active .hamburger-icon,.mobile-menu-toggle:active .hamburger-icon:after,.mobile-menu-toggle:active .hamburger-icon:before{background-color:var(--accent-color)}@media (max-width:768px){.navbar{background-color:#fff;background-color:var(--background,#fff);border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border-color,#0000001a);height:auto;min-height:60px;padding:.5rem 1rem;position:fixed;width:100%;z-index:1000}[data-theme=dark] .navbar{background-color:#1a1a1a;background-color:var(--background,#1a1a1a);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color-dark,#ffffff1a)}.navbar-brand{align-items:center;border-bottom:none;display:flex;justify-content:space-between;margin-bottom:0;padding-bottom:0;position:relative;width:100%;z-index:1002}.mobile-menu-toggle{display:block;position:relative;z-index:1002}body.menu-open:before{background-color:#00000080;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:999}.navbar-menu{background-color:#fff;background-color:var(--background,#fff);box-shadow:0 4px 6px #0000001a;flex-direction:column;height:calc(100vh - 60px);left:0;max-height:0;opacity:0;overflow:hidden;position:fixed;top:60px;transition:max-height .3s ease,opacity .2s ease;visibility:hidden;width:100%;z-index:1001}[data-theme=dark] .navbar-menu{background-color:#1a1a1a;background-color:var(--background,#1a1a1a)}.navbar-menu.open{max-height:calc(100vh - 60px);opacity:1;overflow-y:auto;visibility:visible}.navbar-menu li{margin:0;text-align:center;width:100%}.navbar-menu a{border-bottom:1px solid var(--border-color);display:block;padding:12px 16px;position:relative;z-index:1}.navbar a.active{border-bottom:2px solid var(--accent-color);border-left:none;padding-left:16px}.navbar a:after{bottom:0}}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin-left:200px;padding:2rem;transition:margin-left .3s ease}@media (max-width:768px){.main-content{margin-left:0;margin-top:80px;padding:1.5rem 1rem 1rem}.main-content section{margin-bottom:1.5rem;padding:1rem .5rem}.main-content h1{font-size:1.8rem;margin-bottom:1rem}.main-content h2{font-size:1.4rem;margin:1rem 0}}.images-container{align-items:stretch;gap:30px}.modified-image-container,.upload-section{align-items:center;display:flex;flex:1 1;flex-direction:column}.image-container-title{text-align:center}.image-preview-wrapper,.modified-image-wrapper{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;height:400px;justify-content:center;padding:15px;width:100%}.image-preview,.modified-image-container{border:1px dashed var(--border-color)}.image-preview img,.modified-image{max-height:100%;max-width:100%;object-fit:contain}.modified-image-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.upload-button-container{margin-top:15px;text-align:center}.upload-button{background-color:#4caf50;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;padding:10px 20px;transition:background-color .3s}.modify-button-container{margin-top:20px;text-align:center}.modify-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s}.modify-button:hover{background-color:#45a049}.modify-button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{border-left:4px solid #c62828;color:#c62828;margin-bottom:15px;padding:10px 15px}.upload-status{color:var(--text-secondary);margin-top:10px;text-align:center}.modified-image-placeholder.loading{background-color:var(--bg-secondary)}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#4caf50;border-radius:50%;height:36px;margin:0 auto 15px;width:36px}[data-theme=dark] .spinner{border:4px solid #ffffff1a;border-left-color:#4caf50}.button-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;vertical-align:middle;width:16px}.technical-details-content{color:var(--text-primary);line-height:1.6}.technical-details-content h2{color:var(--text-primary);margin-bottom:20px}.technical-details-content p{color:var(--text-secondary);font-size:16px}.no-image-placeholder{color:var(--text-secondary)}.image-editor{margin:0 auto;max-width:1200px;padding:20px}.image-editor h1{color:var(--text-primary);margin-bottom:2rem;text-align:center}.image-editor-tabs-container{margin:0 auto;width:100%}.image-editor-tabs-header{display:flex;justify-content:center;margin-bottom:20px}.image-editor-tab-button{background-color:#2196f3;border:none;border-radius:25px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin:0 8px;padding:12px 24px;transition:background-color .3s ease,transform .3s ease}.image-editor-tab-button.active{background-color:#0d47a1;transform:translateY(-2px)}.image-editor-tab-button:hover{background-color:#1976d2;transform:translateY(-2px)}.image-editor-tab-content{background-color:#f5f5f5;background-color:var(--bg-secondary,#f5f5f5);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 4px 8px #0000001a;color:#333;color:var(--text-primary,#333);padding:25px}.images-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:20px 0}.upload-section{display:flex;flex:1 1;flex-direction:column;min-width:300px}.image-container-title{font-weight:500;margin-bottom:10px}.image-preview-wrapper{background-color:#f9f9f9;background-color:var(--bg-primary,#f9f9f9);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;height:300px;margin-bottom:15px;overflow:hidden}.image-preview,.modified-image-container{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.image-preview img,.modified-image img{max-height:100%;max-width:100%;object-fit:contain}.modified-image-placeholder,.no-image-placeholder{align-items:center;background-color:#f4f4f4;background-color:var(--bg-primary,#f4f4f4);border-radius:8px;color:#777;color:var(--text-secondary,#777);display:flex;height:100%;justify-content:center;padding:20px;text-align:center}.loading-indicator,.modified-image-placeholder.loading{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.button-spinner,.spinner{animation:spin 1s ease-in-out infinite;border:3px solid #0000001a;border-radius:50%;border-top:3px solid var(--primary-color,#2196f3);height:30px;margin-bottom:10px;width:30px}.button-spinner{border-width:2px;height:18px;margin:0 8px 0 0;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.modify-button-container,.upload-button-container{display:flex;justify-content:center;margin:15px 0}.modify-button,.upload-button{align-items:center;background-color:#2196f3;background-color:var(--primary-color,#2196f3);border:none;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:500;justify-content:center;padding:10px 20px;transition:background-color .3s,transform .2s}.modify-button:hover,.upload-button:hover{background-color:#1976d2;background-color:var(--primary-color-dark,#1976d2);transform:translateY(-2px)}.modify-button:disabled,.upload-button.disabled{background-color:#9e9e9e;background-color:var(--disabled-color,#9e9e9e);cursor:not-allowed;transform:none}.error-message{background-color:#ffebee;background-color:var(--error-bg,#ffebee);border-radius:4px;color:#f44336;color:var(--error-color,#f44336);margin:15px 0;padding:10px;text-align:center}.selected-emotion{color:#2196f3;color:var(--primary-color,#2196f3);font-weight:500;margin:15px 0;text-align:center}[data-theme=dark] .image-editor-tab-content{box-shadow:0 4px 8px #0000004d}[data-theme=dark] .image-preview-wrapper{background-color:#333;background-color:var(--bg-secondary-dark,#333);border-color:#444;border-color:var(--border-color-dark,#444)}@media (max-width:768px){.images-container{flex-direction:column}.upload-section{min-width:100%}}.emotion-selector{margin:20px 0;text-align:center}.emotion-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px}.emotion-button{align-items:center;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;padding:10px 15px;transition:all .3s ease}.emotion-button:hover{background-color:var(--accent-color);color:#fff;transform:translateY(-2px)}.emotion-button.selected{background-color:#e6f0ff;border-color:#4a90e2;color:#333}.emotion-emoji{font-size:24px;margin-bottom:5px}.emotion-name{font-size:14px;font-weight:500}.mhqc-container{margin:0 auto;max-width:1200px;padding:20px}.mhqc-container h1{color:var(--text-primary);margin-bottom:2rem;text-align:center}.arc-tabs-container{margin:0 auto;width:100%}.arc-tabs-header{display:flex;justify-content:center;margin-bottom:20px}.arc-tab-button{background-color:#2196f3;border:none;border-radius:25px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin:0 8px;padding:12px 24px;transition:background-color .3s ease,transform .3s ease}.arc-tab-button.active{background-color:#0d47a1;transform:translateY(-2px)}.arc-tab-button:hover{background-color:#1976d2;transform:translateY(-2px)}.arc-tab-content{background-color:#f5f5f5;background-color:var(--bg-secondary,#f5f5f5);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 4px 8px #0000001a;padding:25px}.arc-tab-content,.paper-content h2{color:#333;color:var(--text-primary,#333)}.paper-content h2{margin-bottom:1.5rem}.paper-section{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);margin-bottom:2rem;padding-bottom:1.5rem}.paper-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.paper-section h3{color:#333;color:var(--text-primary,#333);margin-bottom:1rem}.paper-authors{color:#666;color:var(--text-secondary,#666);font-style:italic;margin-bottom:1.5rem}.paper-abstract{background-color:#f9f9f9;background-color:var(--bg-primary,#f9f9f9);border-left:4px solid #2196f3;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.paper-abstract h4{color:#333;color:var(--text-primary,#333);margin-bottom:.75rem;margin-top:0}.paper-abstract p{line-height:1.6;margin-bottom:0}.paper-section ul{margin-left:1.5rem}.paper-section li{line-height:1.5;margin-bottom:.75rem}.paper-section p{line-height:1.6;margin-bottom:1rem}.paper-download{display:flex;justify-content:center;margin-bottom:1.5rem}.paper-download-button{align-items:center;background-color:#2196f3;border-radius:25px;box-shadow:0 4px 6px #0000001a;color:#fff;display:inline-flex;font-weight:500;padding:10px 20px;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.paper-download-button:hover{background-color:#0d47a1;transform:translateY(-2px)}.download-icon{margin-right:8px}[data-theme=dark] .paper-download-button{box-shadow:0 4px 8px #0000004d}.demo-content h2{color:#333;color:var(--text-primary,#333);margin-bottom:1rem}.demo-features{margin:2rem 0}.demo-preview{margin-top:2rem}.screenshot-placeholder{align-items:center;background-color:#e9e9e9;background-color:var(--bg-primary,#e9e9e9);border:1px dashed #ccc;border:1px dashed var(--border-color,#ccc);border-radius:8px;display:flex;height:200px;justify-content:center;margin-top:1rem}[data-theme=dark] .arc-tab-content{box-shadow:0 4px 8px #0000004d}[data-theme=dark] .screenshot-placeholder{background-color:#333;background-color:var(--bg-primary,#333);border-color:#555;border-color:var(--border-color,#555)}[data-theme=dark] .paper-abstract{background-color:#222;background-color:var(--bg-primary,#222)}.github-link{background-color:#f2f8ff;background-color:var(--bg-primary,#f2f8ff);border-left:4px solid #0d47a1;border-radius:8px;margin-top:1.5rem;padding:1rem}.github-link a{color:#0d47a1;text-decoration:none;word-break:break-all}.github-link a:hover{text-decoration:underline}[data-theme=dark] .github-link{background-color:#1a2b40;background-color:var(--bg-primary,#1a2b40)}.recommender-system{margin:0 auto;max-width:1200px;padding:20px}.recommender-system h1{color:var(--text-primary);margin-bottom:2rem;text-align:center}.recommender-tabs-container{margin:0 auto;width:100%}.recommender-tabs-header{display:flex;justify-content:center;margin-bottom:20px}.recommender-tab-button{background-color:#2196f3;border:none;border-radius:25px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin:0 8px;padding:12px 24px;transition:background-color .3s ease,transform .3s ease}.recommender-tab-button.active{background-color:#0d47a1;transform:translateY(-2px)}.recommender-tab-button:hover{background-color:#1976d2;transform:translateY(-2px)}.recommender-tab-content{background-color:#f5f5f5;background-color:var(--bg-secondary,#f5f5f5);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;box-shadow:0 4px 8px #0000001a;color:#333;color:var(--text-primary,#333);padding:25px}.technical-section{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);margin-bottom:2rem;padding-bottom:1.5rem}.technical-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.technical-section h3{color:#333;color:var(--text-primary,#333);margin-bottom:1rem}.technical-section ul{margin-left:1.5rem}.technical-section li{margin-bottom:.5rem}.technical-section p{line-height:1.6;margin-bottom:1rem}.demo-content{width:100%}.coming-soon-container{background-color:#fff;background-color:var(--bg-primary,#fff);border-radius:12px;box-shadow:0 2px 8px #0000000d;margin:2rem auto;max-width:600px;padding:3rem 1rem;text-align:center}.coming-soon-container h2{color:#2196f3;color:var(--primary-color,#2196f3);font-size:1.8rem;margin-bottom:1.5rem}.coming-soon-container p{color:#777;color:var(--text-secondary,#777);font-size:1.1rem;line-height:1.6;margin-bottom:1rem}[data-theme=dark] .recommender-tab-content{box-shadow:0 4px 8px #0000004d}[data-theme=dark] .preference-section{background-color:#2d2d2d;background-color:var(--bg-secondary-dark,#2d2d2d)}[data-theme=dark] .recommendations-placeholder{background-color:#333;background-color:var(--bg-primary-dark,#333)}[data-theme=dark] .coming-soon-container{background-color:#2d2d2d;background-color:var(--bg-secondary-dark,#2d2d2d)}[data-theme=dark] .coming-soon-container h2{color:#64b5f6;color:var(--primary-color-light,#64b5f6)}[data-theme=dark] .coming-soon-container p{color:#aaa;color:var(--text-secondary-dark,#aaa)}.preferences-container{margin:2rem 0}.preference-section{background-color:#fff;background-color:var(--bg-primary,#fff);border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;padding:20px}.preference-section h3{color:#333;color:var(--text-primary,#333);font-weight:500;margin-bottom:1.5rem}.preference-form{gap:20px;margin-bottom:25px}.preference-form,.preference-group{display:flex;flex-direction:column}.preference-group label{color:#333;color:var(--text-primary,#333);font-weight:500;margin-bottom:8px}.preference-select{background-color:#fff;background-color:var(--bg-primary,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:6px;color:#333;color:var(--text-primary,#333);font-size:1rem;padding:10px;width:100%}.tags-container{display:flex;flex-wrap:wrap;gap:10px}.tag{background-color:#e3f2fd;background-color:var(--primary-color-light,#e3f2fd);border-radius:16px;color:#2196f3;color:var(--primary-color,#2196f3);cursor:pointer;font-size:.9rem;padding:6px 12px;transition:background-color .2s}.tag:hover{background-color:#2196f3;background-color:var(--primary-color,#2196f3);color:#fff}.slider,.slider-container{width:100%}.slider{margin:10px 0}.slider-labels{color:#777;color:var(--text-secondary,#777);display:flex;font-size:.85rem;justify-content:space-between;margin-top:5px}.recommendations-placeholder{background-color:#f5f5f5;background-color:var(--bg-secondary,#f5f5f5);border-radius:8px;padding:20px;text-align:center}.recommendations-placeholder h4{color:#333;color:var(--text-primary,#333);margin-bottom:1rem}.recommend-button{background-color:#2196f3;background-color:var(--primary-color,#2196f3);border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:500;margin-top:15px;padding:10px 20px;transition:background-color .3s,transform .2s}.recommend-button:hover{background-color:#1976d2;background-color:var(--primary-color-dark,#1976d2);transform:translateY(-2px)}@media (max-width:768px){.recommender-tabs-header{align-items:center;flex-direction:column}.recommender-tab-button{margin:5px 0;width:80%}}
/*# sourceMappingURL=main.14b370e9.css.map*/