:root{--bg:#161616;--text-primary:#e5e5e5;--text-secondary:#888;--text-hover:#fff;--border:#222;--font-sans:"Inter", sans-serif;--font-serif:"Lora", serif}html[data-theme=sakura]{--bg:#fff;--text-primary:#000;--text-secondary:#333;--text-hover:#000;--border:#ddc0c8}*,:before,:after{box-sizing:border-box}button,a{-webkit-tap-highlight-color:transparent}body{font-family:var(--font-serif);color:var(--text-primary);background:var(--bg);min-height:100vh;margin:0;padding:0;line-height:1.6;transition:background-color .7s cubic-bezier(.4,0,.2,1),color .7s cubic-bezier(.4,0,.2,1);position:relative;overflow-x:hidden}html[data-theme=sakura] .home-container{text-shadow:0 0 4px #fff9}@keyframes noise-anim{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(5%)}}body:before{content:"";z-index:9998;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:200vw;height:200vh;animation:.6s steps(10,end) infinite noise-anim;position:fixed;top:-50%;left:-50%}@media (width<=768px){body:before{animation:none;display:none}}a{color:inherit;text-decoration:none;transition:color .3s}a:hover{color:var(--text-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-enter{animation:.6s ease-out forwards fadeIn}.stagger-1{opacity:0;animation-delay:.1s}.stagger-2{opacity:0;animation-delay:.2s}.stagger-3{opacity:0;animation-delay:.3s}.stagger-4{opacity:0;animation-delay:.4s}.footer-link{color:var(--text-primary);transition:color .3s}.footer-link:hover{color:var(--text-hover)}.social-link{color:var(--text-secondary);transition:color .3s}.social-link:hover{color:var(--text-hover)}.post-title{color:var(--text-primary);transition:color .3s}.post-title:hover{color:var(--text-hover)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-100% - 2.5rem))}}.marquee-container{white-space:nowrap;pointer-events:none;width:100%;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.marquee-content{will-change:transform;gap:2.5rem;width:max-content;display:flex}.marquee-group{will-change:transform;gap:2.5rem;animation:20s linear infinite marquee;display:flex}.skill-pill{font-family:var(--font-sans);color:var(--text-secondary);letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:.8rem;padding:.8rem 1.6rem;font-size:1rem;font-weight:500;display:flex}.page-container{flex-direction:column;max-width:900px;min-height:100vh;margin:0 auto;padding:6rem 2rem;display:flex}.home-container{z-index:10;flex-direction:column;justify-content:center;width:100%;max-width:800px;margin-left:auto;padding:6rem 4rem;display:flex;position:relative}.canvas-wrapper{width:100vw;height:100svh}.works-grid{grid-template-columns:220px 1fr;gap:2rem;display:grid}.projects-grid{grid-template-columns:repeat(2,1fr);gap:4rem 2.5rem;display:grid}.content-gap{flex-direction:column;gap:3rem;display:flex}@media (width<=768px){.page-container{padding:3rem 1.5rem}.home-container{padding:4rem 1.5rem}.canvas-wrapper{width:100vw}.works-grid{grid-template-columns:1fr;gap:.5rem}.projects-grid{grid-template-columns:1fr;gap:3rem 1.5rem}.content-gap{gap:2rem}h1{font-size:2.2rem!important}}@media (width<=480px){h1{font-size:1.8rem!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#333;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}.loading-overlay{background:var(--bg);z-index:99999;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100vw;height:100vh;transition:opacity .8s cubic-bezier(.8,0,.2,1),visibility .8s;display:flex;position:fixed;top:0;left:0}.loading-overlay.loaded{opacity:0;visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:-1}.leaf-loader-container{width:64px;height:64px;position:relative;overflow:hidden}.leaf-layer-bottom{z-index:1;position:absolute;top:0;left:0}.leaf-blocker{background-color:var(--bg);z-index:2;will-change:transform;width:100%;height:100%;animation:1.5s cubic-bezier(.4,0,.2,1) forwards revealLeaf;position:absolute;top:0;left:0;transform:translateY(0)}.leaf-layer-top{z-index:3;position:absolute;top:0;left:0}@keyframes revealLeaf{0%{transform:translateY(0)}to{transform:translateY(-100%)}}canvas{background-color:#0000!important}@keyframes ping{75%,to{opacity:0;transform:scale(2.5)}}[data-theme=sakura] ::-webkit-scrollbar-track{background:#fdf4f5}[data-theme=sakura] ::-webkit-scrollbar-thumb{background:#d4a0b0}[data-theme=sakura] ::-webkit-scrollbar-thumb:hover{background:#c07090}[data-theme=sakura] body:before{display:none}[data-theme=sakura] .skill-pill{color:var(--text-secondary);background:#0000000a;border-color:#b450782e}[data-theme=sakura] .marquee-container{-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}[data-theme=sakura] .footer-link{color:var(--text-primary)}[data-theme=sakura] .footer-link:hover{color:#b03060}[data-theme=sakura] .social-link{color:var(--text-secondary)}[data-theme=sakura] .social-link:hover{color:#b03060}[data-theme=sakura] .loading-overlay{background:#fff}[data-theme=sakura] .leaf-blocker{background-color:#fff}.footer-link,.social-link,.skill-pill,a{transition:color .4s,background-color .4s,border-color .4s}