body,html{overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:#f9f9f9;color:#333;transition:background-color .3s,color .3s}body,body.dark-mode,html{margin:0;padding:0}main{min-height:calc(100vh - 60px);background-color:inherit;display:flex;flex-direction:column}.container,.search-screen{width:100%;box-sizing:border-box;padding:2rem;max-width:1200px;margin:0 auto}h1{font-size:1 rem;margin-top:3rem;margin-bottom:.5rem}h2{font-size:2rem;margin-top:2rem;margin-bottom:1rem}form{display:flex;gap:.5rem;margin:1rem 0 2rem;justify-content:center}input[type=text]{padding:.5rem;border:1px solid #ccc;border-radius:4px;width:250px}button[type=submit]{padding:.5rem 1rem;background-color:#1e90ff;color:white;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}button[type=submit]:hover{background-color:#0c7cd5}.projects-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.project-card h3{font-size:1.2rem;margin-bottom:.5rem;line-height:1.3;word-break:break-word}body.dark-mode .project-card h3{color:#fff}.project-card{border:1px solid #ccc;border-radius:8px;padding:1.2rem;background:#fff;transition:box-shadow .2s ease,background-color .2s ease;display:flex;flex-direction:column;justify-content:space-between}.project-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);background-color:#f1f1f1}body.dark-mode .project-card:hover{background-color:#3a3a3a;box-shadow:0 4px 12px rgba(255,255,255,.1)}.view-button{margin-top:auto;padding:.5rem 1rem;background-color:#a39f9f;color:white;border:none;border-radius:4px;text-align:center;text-decoration:none;transition:background-color .2s;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}.view-button:hover{background-color:#43a047}.readme{margin-top:1rem;padding:1rem;background:#f3f3f3;border-radius:6px;max-height:300px;overflow:auto;font-family:monospace;white-space:pre-wrap;line-height:1.4}button.dark-mode-toggle{background:none;border:2px solid #333;color:#333;padding:8px 16px;cursor:pointer;font-size:16px;border-radius:4px;transition:background-color .3s,color .3s;position:absolute;top:10px;right:10px;z-index:1000}button.dark-mode-toggle:hover{background-color:rgba(0,0,0,.461)}body.dark-mode{background-color:#121212;color:#e0e0e0}body.dark-mode .project-card{background-color:#2c2c2c;border-color:#444}body.dark-mode .projects-section{color:#ccc}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3{color:#fff}body.dark-mode a{color:#434445}body.dark-mode a:hover{color:#fefeff}body.dark-mode .readme{background-color:#1f1f1f;color:#e0e0e0}body.dark-mode input[type=text]{background-color:#2c2c2c;color:#eee;border-color:#555}body.dark-mode button[type=submit]{background-color:#4a90e2}body.dark-mode .dark-mode-toggle{border-color:#fff;color:#fff}body.dark-mode .dark-mode-toggle:hover{background-color:rgba(255,255,255,.2)}.search-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.search-title{font-size:2rem;margin-bottom:1rem;color:#333}.search-form{display:flex;gap:.5rem}.search-form input{padding:.6rem 1rem;border:1px solid #ccc;border-radius:4px;width:260px;font-size:1rem}.search-form button{padding:.6rem 1rem;background-color:#1e90ff;color:white;border:none;border-radius:4px;font-size:1rem;cursor:pointer}.search-form button:hover{background-color:#0c7cd5}body.dark-mode .search-title{color:#fff}body.dark-mode .search-form input{background-color:#2c2c2c;color:#eee;border-color:#555}body.dark-mode .search-form button{background-color:#4a90e2}.search-again-button{padding:.6rem 1rem;background-color:#1e90ff;color:white;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s;font-weight:500}.search-again-button:hover{background-color:#0c7cd5}body.dark-mode .search-again-button{background-color:#4a90e2}body.dark-mode .search-again-button:hover{background-color:#357abd}.try-button{display:inline-block;background-color:#0070f3;color:white;padding:.6rem 1.2rem;border-radius:8px;text-decoration:none;font-weight:700;transition:background-color .2s ease}.try-button:hover{background-color:#005bb5}.try-button-container{display:flex;justify-content:center;margin-top:1.5rem}.site-footer{text-align:center;margin-top:1rem;padding:.5rem 0;font-size:.8rem;color:#555}body.dark-mode .site-footer{color:#aaa}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.container{flex:1 1;padding-bottom:2rem}.feedback-section{margin-top:3rem;padding:1rem;border-top:1px solid #ddd}.dark-mode .feedback-section{border-color:#444}.show-more-container{display:flex;justify-content:center;margin-top:1rem}.show-more-button{padding:.5rem 1rem;background-color:#0070f3;color:white;border:none;border-radius:.3rem;cursor:pointer;transition:background-color .2s ease}.show-more-button:hover{background-color:#0059c1}.profile-links{margin-top:1rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.profile-links a{text-decoration:none;color:#0070f3;border:2px solid #0070f3;padding:.5rem 1rem;border-radius:8px;transition:background-color .3s ease,color .3s ease;font-weight:500;display:inline-flex;align-items:center;gap:.5rem}.profile-links a svg{display:inline-block;flex-shrink:0}.profile-links a:hover{background-color:#0070f3;color:white}.dark-mode .profile-links a{color:#66b2ff;border-color:#66b2ff}.dark-mode .profile-links a:hover{background-color:#66b2ff;color:black}.resume-dropdown{position:relative;display:inline-block}.resume-menu{position:absolute;top:110%;left:0;background:white;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.1);padding:8px;z-index:10;min-width:160px}.resume-menu a{display:block;padding:6px 10px;color:black;text-decoration:none}.resume-menu a:hover{background-color:#f0f0f0}.profile-link{text-decoration:none;color:#0070f3;border:2px solid #0070f3;padding:.5rem 1rem;border-radius:8px;transition:background-color .3s ease,color .3s ease;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.profile-link svg{display:inline-block;flex-shrink:0}.profile-link:hover{background-color:#0070f3;color:white}.dark-mode .profile-link{color:#66b2ff;border-color:#66b2ff}.dark-mode .profile-link:hover{background-color:#66b2ff;color:black}body.dark-mode .resume-menu{background-color:#333;border-color:#555}body.dark-mode .resume-menu a{color:white}body.dark-mode .resume-menu a:hover{background-color:#444}.spinner{width:40px;height:40px;border:5px solid #ccc;border-top-color:#0070f3;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.spinner-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(255,255,255,.6);z-index:1000}@media (max-width:768px){svg{display:inline-block!important}.container,.search-screen{padding:1rem;max-width:100%}.search-mode .search-screen,.search-screen{min-height:auto!important;justify-content:flex-start!important;padding:1rem}.search-title{font-size:1.3rem;margin-bottom:1.5rem;line-height:1.3}h1{font-size:1.5rem;margin-top:4rem}h2{font-size:1.3rem;margin-top:1.5rem;margin-bottom:.8rem}.search-form{flex-direction:column;gap:1rem;width:100%;max-width:280px;align-items:center}.search-form button,.search-form input{width:100%;max-width:250px;padding:.8rem;font-size:16px;border-radius:6px}.search-form button{font-weight:600}.projects-grid{grid-template-columns:1fr;gap:1rem}.project-card{padding:1rem;margin-bottom:.5rem}.project-card h3{font-size:1.1rem;margin-bottom:.8rem}.dark-mode-toggle{top:10px;right:10px;padding:8px 12px;font-size:12px;z-index:1001}.profile-header{text-align:center;margin-bottom:1.5rem}.profile-header h1{font-size:1.4rem;margin-bottom:.5rem}.profile-header p{font-size:.9rem;line-height:1.4}.profile-links{flex-direction:row;gap:1rem;justify-content:center;align-items:center}.link-text,.profile-links .link-text,.profile-links span.link-text,.resume-menu,span.link-text{display:none!important}.profile-links .profile-link,.profile-links .resume-dropdown .profile-link,.profile-links a{min-width:50px!important;width:50px!important;height:50px!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;padding:0!important;font-size:1.2rem!important;text-align:center!important;display:inline-flex!important;max-width:50px!important;position:relative!important;overflow:hidden!important}.profile-links .profile-link span,.profile-links .resume-dropdown span,.profile-links a span{display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important}.profile-links .profile-link .link-text,.profile-links a .link-text{display:none!important}.profile-links .profile-link svg,.profile-links .resume-dropdown .profile-link svg,.profile-links a svg{display:inline-block!important;font-size:1.2rem!important;z-index:1!important;color:inherit!important;width:1.2rem!important;height:1.2rem!important;opacity:1!important;visibility:visible!important;margin:0!important}.profile-links .profile-link [data-icon],.profile-links .profile-link svg[data-icon],.profile-links [data-icon],.profile-links svg[data-icon]{display:inline-block!important;opacity:1!important;visibility:visible!important}.profile-links .profile-link :not(.link-text),.profile-links .resume-dropdown .profile-link :not(.link-text),.profile-links a :not(.link-text){color:inherit!important;display:inline-block!important;opacity:1!important;visibility:visible!important}body.dark-mode .profile-links .profile-link svg,body.dark-mode .profile-links .resume-dropdown .profile-link svg,body.dark-mode .profile-links a svg{color:inherit!important}.resume-dropdown{display:inline-block}.resume-menu{left:50%;transform:translateX(-50%);min-width:140px}.show-more-button{width:100%;max-width:200px;padding:.8rem}.site-footer{font-size:.7rem;padding:.5rem 0;margin-top:.5rem}.spinner-container{background-color:rgba(255,255,255,.8)}body.dark-mode .spinner-container{background-color:rgba(18,18,18,.8)}}@media (max-width:1024px) and (min-width:769px){.container,.search-screen{padding:1.5rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.search-form{gap:.8rem}.search-form input{width:220px}}@media (max-width:480px){.search-screen{min-height:auto!important}.search-mode .search-screen,.search-screen{padding:.8rem;padding-top:1rem!important;justify-content:flex-start!important}.search-title{font-size:1.3rem;margin-bottom:1.5rem}.search-form button,.search-form input{max-width:220px}.dark-mode-toggle{top:10px;right:10px;padding:5px 10px;font-size:12px}.container,.project-card{padding:.8rem}}@media (max-width:768px){*{box-sizing:border-box}.profile-link,.view-button,button{min-height:44px;touch-action:manipulation}.view-button{display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;padding:12px 16px;vertical-align:middle}input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none}}html{scroll-behavior:smooth}@media (max-width:768px){input[type=text]{font-size:16px!important;transform:translateZ(0)}}.container.search-mode{min-height:auto;display:flex;flex-direction:column}.search-mode .search-screen{flex:none;display:flex;flex-direction:column;justify-content:flex-start;min-height:auto;padding:1rem 2rem}img:not([src]),img[src=""],img[style*="display: none"]{display:none!important}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.view-controls{display:flex;gap:.5rem}.view-controls .view-button{background:#f5f5f5;border:2px solid #ddd;color:#666;padding:.5rem;border-radius:4px;cursor:pointer;font-size:1.2rem;transition:all .2s;margin-top:0}.view-controls .view-button:hover{background:#e0e0e0;border-color:#ccc}.view-controls .view-button.active{background:#1e90ff;border-color:#1e90ff;color:white}body.dark-mode .view-controls .view-button{background:#3a3a3a;border-color:#555;color:#ccc}body.dark-mode .view-controls .view-button:hover{background:#4a4a4a;border-color:#666}body.dark-mode .view-controls .view-button.active{background:#4a90e2;border-color:#4a90e2;color:white}.projects-container.grid-view{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.projects-container.two-per-row-view{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(2,minmax(250px,1fr));max-width:600px;margin:0 auto}.projects-container.one-per-row-view{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:minmax(250px,1fr);max-width:350px;margin:0 auto}@media (max-width:768px){.projects-header{flex-direction:column;gap:1rem;align-items:stretch}.view-controls{display:none}.projects-container.one-per-row-view,.projects-container.two-per-row-view{grid-template-columns:1fr}}@media (max-width:1024px) and (min-width:769px){.projects-container.two-per-row-view{grid-template-columns:repeat(2,1fr)}}.projects-container.one-per-row-view .prose{max-width:100%!important;padding:1.2rem!important;font-size:.9rem}.projects-container.one-per-row-view .project-card{padding:1.2rem;max-width:100%}.projects-container.one-per-row-view .project-card .mt-4{max-height:150px;overflow:hidden;position:relative}.projects-container.one-per-row-view .project-card .mt-4:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(transparent,white);pointer-events:none}body.dark-mode .projects-container.one-per-row-view .project-card .mt-4:after{background:linear-gradient(transparent,#2c2c2c)}