body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.music-player{left:20px;position:absolute;top:20px;z-index:1000}.music-controls{gap:12px}.music-controls,.play-button{align-items:center;display:flex}.play-button{background:none;border:none;color:#333;cursor:pointer;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.play-button:hover{opacity:.7;transform:scale(1.1)}.play-button:disabled{cursor:not-allowed;opacity:.5}.play-button svg{height:18px;width:18px}.play-button.playing{color:#2563eb}.track-info{display:flex;flex-direction:column;min-width:0}.track-title{color:#666;font-size:15px;font-weight:400;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.music-player{left:15px;top:15px}.music-controls{gap:10px}.track-title{font-size:14px;max-width:180px}.play-button{height:28px;width:28px}.play-button svg{height:20px;width:20px}}@media (max-width:480px){.music-player{left:10px;top:10px}.track-title{font-size:13px;max-width:140px}.play-button{height:32px;width:32px}.play-button svg{height:22px;width:22px}}*,:after,:before{box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;background:#fff;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;padding:0}.App,body,html{max-width:100%;overflow-x:hidden;width:100%}.App{display:flex;flex-direction:column;min-height:100vh}nav{background:#fff;padding:1rem 2rem;position:relative}.nav-container{align-items:center;display:flex;justify-content:flex-end}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:.5rem}.hamburger-line{background:#333;border-radius:2px;height:3px;transform-origin:center;transition:all .3s ease;width:25px}.hamburger-line.open:first-child{transform:rotate(45deg) translate(7px,7px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}nav ul{align-items:center;display:flex;gap:2rem;justify-content:flex-end;list-style:none;margin:0;padding:0}nav a{color:#666;font-size:1rem;text-decoration:none;transition:color .2s}nav a.active,nav a:hover{color:#000}main{box-sizing:border-box;margin:0 auto;max-width:1200px;overflow-x:hidden;padding:2rem;width:100%}h1{font-size:2.5rem;font-weight:600;margin-bottom:2rem}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;cursor:pointer;padding:1.5rem;transition:transform .2s,box-shadow .2s}.project-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.project-card h3{font-size:1.25rem;margin:0 0 1rem}.tech-tag{background:#f2f2f2;border-radius:16px;display:inline-block;font-size:.875rem;margin-bottom:.5rem;margin-right:.5rem;padding:.25rem .75rem}.blog-posts{margin:0 auto;max-width:800px}.blog-post{border-bottom:1px solid #e5e5e5;margin-bottom:3rem;padding-bottom:3rem}.blog-post h2{font-size:1.75rem;margin-bottom:.5rem}.post-meta{font-size:.875rem}.post-meta,.social-links{margin-bottom:1rem}.social-links a{color:#666;margin:0 1rem;text-decoration:none;transition:color .2s}.social-links a:hover{color:#000}@media (max-width:768px){nav{padding:1rem}.hamburger{display:flex!important}.nav-menu{align-items:stretch;background:#fff;border-top:1px solid #eee;box-shadow:0 4px 6px #0000001a;flex-direction:column;gap:0;left:0;margin:0;max-height:0;overflow:hidden;padding:0;position:absolute;right:0;top:100%;transition:max-height .3s ease}.nav-menu.open{max-height:400px}.nav-menu li{border-bottom:1px solid #f0f0f0}.nav-menu li:last-child{border-bottom:none}.nav-menu .search-button,.nav-menu a{background:none;border:none;color:#666;cursor:pointer;display:block;font-size:1rem;padding:1rem;text-align:left;width:100%}.nav-menu .search-button{align-items:center;display:flex;justify-content:flex-start}.nav-menu .search-button:hover,.nav-menu a:hover{background:#f9f9f9;color:#000}.nav-menu a.active{background:#f5f5f5;color:#000}main{padding:1rem}h1{font-size:2rem}.projects-grid{grid-template-columns:1fr}}.about-container{margin:0 auto;max-width:800px;padding:1rem 2rem}.profile-section{margin-bottom:1rem}.profile-image{height:150px;object-fit:cover;width:150px}.about-content{color:#111;font-size:1.1rem;line-height:1.7}.about-content p{margin-bottom:1.5rem}.about-page{width:100%}.hero-section{margin:0 auto;max-width:800px;padding:0 2rem;text-align:center}.hero-section h1{font-size:3.5rem;font-weight:600;line-height:1.2;margin-bottom:1.5rem}.hero-subtitle{color:#374151;font-size:1.25rem;line-height:1.5;margin:0 auto 3rem;max-width:600px}.hero-media{margin:0 auto 2rem;max-width:1200px}.hero-video{height:100%;object-fit:cover;width:100%}.placeholder-media{background:linear-gradient(90deg,#f0f0f0,#f8f8f8);height:100%;width:100%}body{-webkit-font-smoothing:antialiased;color:#111;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.7}.blog-post-meta{color:#666;margin-bottom:1rem}.blog-post-meta span{margin-right:1rem}.blog-post-link{display:block}.blog-post-preview:hover{background:#f9f9f9}.preview-text{color:#666;line-height:1.5}.blog-page{margin:0 auto;max-width:800px;padding:2rem}.blog-post-preview{border-bottom:1px solid #eee;padding:2rem 0}.blog-post-link{color:inherit;text-decoration:none}.post-meta{color:#666;font-size:.9rem;margin-bottom:.5rem}.post-meta span{margin-right:1rem}.blog-post-page{margin:0 auto;max-width:800px;padding:2rem}.blog-post-content{font-size:1.1rem;line-height:1.8}.blog-post-content pre{background:#f6f8fa;border-radius:4px;overflow-x:auto;padding:1rem}.blog-post-content code{font-family:Courier New,Courier,monospace}.books-page{margin:0 auto;max-width:800px;padding:2rem}.book-review-preview{border-bottom:1px solid #eee;padding:2rem 0}.book-review-preview:hover{background:#f9f9f9}.book-review-link{color:inherit;text-decoration:none}.review-meta{color:#666;font-size:.9rem;margin-bottom:.5rem}.review-meta span{margin-right:1rem}.book-review-page{margin:0 auto;max-width:800px;padding:2rem}.book-review-content{font-size:1.1rem;line-height:1.8}.book-review-content img{display:block;margin:2rem auto;max-width:200px}.book-review-content blockquote{border-left:4px solid #eee;color:#666;font-style:italic;margin:1rem 0;padding-left:1rem}.book-review-meta{align-items:center;border-bottom:1px solid #eee;display:flex;gap:2rem;margin:1rem 0 2rem;padding-bottom:1rem}.hero-media-container{margin:0 auto;max-width:1200px;position:relative;width:100%}.hero-media{aspect-ratio:16/9;background:#f5f5f5;border-radius:8px;overflow:hidden;position:relative;width:100%}.media-item{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s ease-in-out;width:100%}.media-item.active{opacity:1}.hero-image,.hero-video{height:100%;object-fit:cover;width:100%}.media-caption{color:#666;font-size:.9rem;margin-top:1rem;padding:0 1rem;text-align:center}.media-dots{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.dot{background:#ccc;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:background-color .3s ease;width:8px}.dot.active{background:#666}.dot:hover{background:#999}.essays-page{margin:0 auto;max-width:800px;padding:2rem}.essay-preview{border-bottom:1px solid #eee;padding:2rem 0}.essay-preview:hover{background:#f9f9f9}.essay-link{color:inherit;text-decoration:none}.essay-meta{color:#666;font-size:.9rem;margin-bottom:.5rem}.essay-meta span{margin-right:1rem}.essay-page{margin:0 auto;max-width:800px;padding:2rem}.essay-content{font-size:1.1rem;line-height:1.8}.blog-post-content img{border-radius:8px;box-shadow:0 2px 8px #0000001a;display:block;height:auto;margin:2rem auto;max-width:100%;width:100%}.blog-post-content img+em{color:#666;display:block;font-size:.9rem;margin-bottom:2rem;margin-top:-1rem;text-align:center}.blog-post-content pre{border-radius:8px;margin:2rem 0}.blog-post-content code:not([class*=language-]){background-color:#f5f5f5;border-radius:3px;color:#e83e8c;font-size:.9em;padding:.2em .4em}.search-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.5rem;transition:background-color .2s}.search-button:hover{background:#f5f5f5}.search-overlay{align-items:flex-start;background:#00000080;display:flex;height:100%;justify-content:center;left:0;padding-top:10vh;pointer-events:auto;position:fixed;top:0;width:100%;z-index:1000}.search-container{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:70vh;max-width:600px;overflow:hidden;width:90%}.search-input-container{align-items:center;border-bottom:1px solid #eee;display:flex;padding:1rem}.search-input{border:none;flex:1 1;font-size:1.1rem;outline:none;padding:.5rem 0}.search-close{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.5rem;padding:.25rem}.search-close:hover{background:#f5f5f5}.search-results{max-height:50vh;overflow-y:auto}.search-result-item{border-bottom:1px solid #f0f0f0;color:inherit;display:block;padding:1rem;text-decoration:none;transition:background-color .2s}.search-result-item:hover{background:#f9f9f9}.search-result-item:last-child{border-bottom:none}.search-result-meta{color:#666;display:flex;font-size:.85rem;gap:1rem;margin-bottom:.5rem}.search-result-type{background:#e5e5e5;border-radius:12px;font-size:.75rem;font-weight:600;padding:.2rem .5rem;text-transform:uppercase}.search-result-title{font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.search-result-preview{color:#666;font-size:.9rem;line-height:1.4;margin:0}.search-no-results{color:#666;padding:2rem;text-align:center}
/*# sourceMappingURL=main.324d5e24.css.map*/