.app{max-width:800px;margin:0 auto;padding:2rem;line-height:1.6;min-height:100vh;transition:background-color .3s ease,color .3s ease}.header{margin-bottom:3rem}.nav{display:flex;gap:2rem;border-bottom:1px solid #e0e0e0;padding-bottom:1rem;align-items:center}.nav a{color:#333;text-decoration:none;font-weight:500}.nav a:hover{color:#666}.nav a.active{font-weight:600}.section{margin-bottom:3rem}h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#111}h2{font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;color:#111;border-bottom:1px solid #e0e0e0;padding-bottom:.5rem}.read-time{font-size:.9rem;color:#666;font-style:italic}h3{font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.subtitle{font-size:1.2rem;color:#666;margin-bottom:1rem}.bio{font-size:1.1rem;color:#333;max-width:600px}.project,.post{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.project:last-child,.post:last-child{border-bottom:none}.project h3 a,.post h3 a{color:#333;text-decoration:none}.project h3 a:hover,.post h3 a:hover{color:#06c}.tech{font-size:.9rem;color:#666;font-style:italic}.date{font-size:.9rem;color:#666;margin-bottom:.5rem}.contact p{line-height:1.8}.contact a{color:#06c;text-decoration:none}.contact a:hover{text-decoration:underline}.experience{margin-bottom:2rem}.job{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e0e0e0}.job:last-child{border-bottom:none}.position{font-weight:600;color:#333;margin-bottom:.25rem}.duration{color:#666;font-size:.95rem;margin-bottom:1rem}.duration.location{margin-bottom:1rem}.achievements{list-style-type:none;padding-left:0}.achievements li{position:relative;padding-left:1.2rem;margin-bottom:.5rem;line-height:1.5}.achievements li:before{content:"•";position:absolute;left:0;color:#666;font-weight:700}:root.dark{color-scheme:dark}.dark .app{color:#e0e0e0}.dark .nav{border-bottom-color:#333}.dark .nav a{color:#e0e0e0}.dark .nav a:hover,.dark h1,.dark h2,.dark h3{color:#fff}.dark h2{border-bottom-color:#333}.dark .subtitle{color:#aaa}.dark .bio{color:#e0e0e0}.dark .project,.dark .post{border-bottom-color:#333}.dark .project h3 a,.dark .post h3 a{color:#e0e0e0}.dark .project h3 a:hover,.dark .post h3 a:hover{color:#4dabf7}.dark .tech,.dark .date{color:#aaa}.dark .job{border-bottom-color:#333}.dark .position{color:#e0e0e0}.dark .read-time,.dark .duration{color:#aaa}.dark .achievements li:before{color:#aaa}.dark .contact a{color:#4dabf7}.dark .contact a:hover{color:#74c0fc}.dark .dark-mode-toggle{border-color:#666;color:#e0e0e0}.dark .dark-mode-toggle:hover{border-color:#999;color:#fff}code{background-color:#f4f4f4;padding:.2rem .4rem;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;color:#333}pre{background-color:#f4f4f4;padding:1rem;border-radius:5px;overflow-x:auto;margin:1rem 0;border:1px solid #e0e0e0}pre code{background-color:transparent;padding:0;border-radius:0;color:#333}.dark code{background-color:#2d2d2d;color:#e0e0e0}.dark pre{background-color:#2d2d2d;border-color:#444}.dark pre code{background-color:transparent;color:#e0e0e0}.tech-icons{margin:2rem 0;text-align:center}.tech-icons h3{margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;color:#111;border-bottom:1px solid #e0e0e0;padding-bottom:.5rem}.icons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1.5rem;margin-top:1.5rem}.tech-icon{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border-radius:8px}.tech-icon svg{border-radius:6px;box-shadow:0 2px 8px #0000001a}.tech-icon span{font-size:.85rem;font-weight:500;color:#666}.dark .tech-icons h3{color:#fff;border-bottom-color:#333}.dark .tech-icon span{color:#aaa}@media(max-width:768px){.app{padding:1rem}.nav{flex-wrap:wrap;gap:1rem}h1{font-size:2rem}h2{font-size:1.5rem}.icons-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:1rem}.tech-icon{padding:.75rem}.tech-icon svg{width:28px;height:28px}}