:root{--bg-color: #f0f2f5;--text-color: #2d3748;--text-muted: #718096;--primary: #4299e1;--primary-hover: #3182ce;--shadow-light: #ffffff;--shadow-dark: #d1d9e6;--border-radius: 16px;--neumorph-shadow: 8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light);--neumorph-shadow-sm: 4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light);--neumorph-inset: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light);--transition: all .3s ease}body.dark{--bg-color: #1b1c20;--text-color: #e2e8f0;--text-muted: #a0aec0;--primary: #63b3ed;--primary-hover: #4299e1;--shadow-light: transparent;--shadow-dark: #070709;--neumorph-shadow: 10px 10px 20px var(--shadow-dark), -2px -2px 5px rgba(255, 255, 255, .01);--neumorph-shadow-sm: 5px 5px 10px var(--shadow-dark), -1px -1px 3px rgba(255, 255, 255, .01);--neumorph-inset: inset 5px 5px 10px var(--shadow-dark), inset -1px -1px 3px rgba(255, 255, 255, .01)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;transition:var(--transition)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{max-width:700px;margin:0 auto;padding:2rem 1.5rem}h1,h2,h3{color:var(--text-color);font-weight:700;margin-bottom:1rem}h1{font-size:2.5rem;letter-spacing:-.02em}h2{font-size:1.75rem;margin-top:1.5rem}p{margin-bottom:1rem}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover,a:focus-visible{color:var(--primary-hover);outline:none}ul{margin-bottom:1rem;padding-left:1.5rem}li{margin-bottom:.5rem}.neumorph-card{background-color:transparent;border-radius:var(--border-radius);padding:1rem 0;margin-bottom:2rem;transition:var(--transition)}header{display:flex;align-items:center;justify-content:center;gap:2.5rem;margin-top:1rem;margin-bottom:2rem;padding:2rem 0}@media(max-width:600px){header{flex-direction:column;text-align:center;gap:1.5rem}}.profile-img{width:130px;height:130px;border-radius:50%;object-fit:cover;box-shadow:var(--neumorph-shadow);border:4px solid var(--bg-color);flex-shrink:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;cursor:pointer}.profile-img:hover{transform:scale(1.08)}.profile-img:active{transform:scale(.95);transition-duration:.1s}.header-info{display:flex;flex-direction:column;justify-content:center}.typewriter-container{display:inline-flex;align-items:center}.typewriter-text{color:var(--text-color)}.typewriter-cursor{display:inline-block;width:4px;height:1em;background-color:var(--primary);margin-left:4px;border-radius:2px;animation:blink-caret .9s step-end infinite}@keyframes blink-caret{0%,to{opacity:1}50%{opacity:0}}@keyframes premiumReveal{0%{opacity:0;transform:translateY(40px) scale(.9);filter:blur(20px) brightness(1.5)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0) brightness(1)}}@keyframes profilePop{0%{opacity:0;transform:scale(.3) rotate(-25deg);filter:blur(20px)}50%{transform:scale(1.15) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0);filter:blur(0)}}@keyframes springUp{0%{opacity:0;transform:translateY(30px) scale(.9)}70%{transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rotateIn{0%{opacity:0;transform:scale(.5) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes kururinPop{0%{opacity:0;transform:scale(0) rotate(-360deg)}70%{transform:scale(1.2) rotate(20deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes pyokoPop{0%{opacity:0;transform:translateY(20px) scale(.5)}60%{transform:translateY(-10px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-kururin{animation:kururinPop .8s cubic-bezier(.34,1.56,.64,1) forwards}.animate-pyoko{animation:pyokoPop .6s cubic-bezier(.34,1.56,.64,1) forwards}.footer-reveal-item{opacity:0}.animate-premium-reveal{animation:premiumReveal 1.2s cubic-bezier(.22,1,.36,1) forwards;opacity:0}.animate-profile-pop{animation:profilePop 1.4s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0}.delay-profile{animation-delay:.2s}.delay-header-info{animation-delay:.6s}.delay-divider{animation-delay:1.2s}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{opacity:0;animation:fadeUp 1s cubic-bezier(.16,1,.3,1) forwards}.delay-3{animation-delay:.4s}.delay-4{animation-delay:.55s}.delay-5{animation-delay:.7s}.delay-6{animation-delay:.85s}.header-divider{height:2px;border:none;background-color:#0000000d;margin-bottom:4rem}body.dark .header-divider{background-color:#ffffff0d}.subtitle{color:var(--text-muted);font-size:1.1rem;margin-top:-.5rem}.floating-controls{position:fixed;top:1.5rem;right:1.5rem;display:flex;gap:1rem;z-index:100}.icon-btn{position:relative;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-color);border:1px solid rgba(255,255,255,.2);box-shadow:var(--neumorph-inset);cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1),color .3s ease,background-color .3s ease,box-shadow .3s ease;z-index:1}body.dark .icon-btn{background-color:#0003;border-color:#ffffff0d}.icon-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background-color:var(--bg-color);opacity:.5;box-shadow:var(--neumorph-shadow-sm);z-index:-1;transition:opacity .3s ease}.icon-btn:hover,.icon-btn:focus-visible{color:var(--primary);transform:scale(1.18)}.icon-btn:active{transform:scale(.92);transition-duration:.1s}.icon-btn:hover:before,.icon-btn:focus-visible:before{opacity:0}.icon-btn svg{width:20px;height:20px}.marquee-container{overflow:hidden;white-space:nowrap;width:calc(100% + 3rem);margin-left:-1.5rem;padding:1rem 0;position:relative;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);cursor:grab;user-select:none}.marquee-container.dragging{cursor:grabbing}.marquee-content{display:inline-flex;gap:3rem;animation:marquee 90s linear infinite;padding-left:1.5rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.marquee-content{animation:none;flex-wrap:wrap;justify-content:center}}.marquee-item{font-size:1.25rem;font-weight:600;color:var(--text-color);text-decoration:none;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.marquee-item:hover{color:var(--primary);transform:scale(1.05)}.marquee-item:after{content:" /";color:var(--text-muted);opacity:.3;margin-left:1.5rem}.work-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.work-grid.minimal-grid{display:flex!important;flex-direction:column!important;gap:.5rem!important;align-items:flex-start!important;text-align:left!important}.work-card{display:flex;flex-direction:column;background-color:var(--bg-color);border-radius:var(--border-radius);box-shadow:var(--neumorph-shadow-sm);padding:1.5rem;transition:var(--transition);text-decoration:none;color:inherit;height:100%}.work-card:hover{box-shadow:var(--neumorph-shadow);transform:translateY(-2px)}.work-card.minimal{position:relative;display:flex!important;align-items:center!important;justify-content:flex-start!important;background-color:transparent!important;padding:.5rem 0!important;transition:var(--transition);text-decoration:none;color:inherit;box-shadow:none!important;width:100%!important}.work-card.minimal:before{display:none}.work-card.minimal:hover{background-color:var(--bg-color)!important;box-shadow:var(--neumorph-shadow-sm)!important;border-radius:12px;padding-left:1rem!important;padding-right:1rem!important;transform:translate(4px)}.work-title-minimal{margin:0;font-size:1rem;font-weight:500;color:var(--text-color);transition:var(--transition);text-align:left}.work-card.minimal:hover .work-title-minimal{color:var(--primary)}.work-card.minimal svg{transition:var(--transition)}.work-card.minimal:hover svg{opacity:1!important}.work-card h3{margin-bottom:.5rem;color:var(--text-color)}.work-desc{color:var(--text-muted);font-size:.95rem;flex-grow:1}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{display:inline-flex;align-items:center;gap:.35rem;background-color:var(--bg-color);box-shadow:var(--neumorph-inset);color:var(--text-muted);padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500;transition:var(--transition);cursor:default;border:1px solid transparent;position:relative;overflow:hidden;z-index:1}.tag:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle 80px at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--tag-color, var(--primary)),transparent 100%);opacity:0;transition:opacity .3s ease;z-index:-1;border-radius:inherit;pointer-events:none}#skills:hover .tag:before{opacity:.6}#skills:hover .tag:hover:before{opacity:0}.tag:hover{background-color:var(--tag-color, var(--primary));color:var(--tag-text, #fff)!important;box-shadow:var(--neumorph-shadow-sm),0 8px 15px #0000001a;transform:translateY(-4px) scale(1.05);border-color:#fff3}body.dark .tag:hover{border-color:#ffffff0d}.tag:hover i,.tag:hover svg{color:inherit}.tag svg,.tag iconify-icon,.tag i{width:16px;height:16px;font-size:16px;display:flex;align-items:center;justify-content:center}.back-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 0;color:var(--text-muted);font-weight:500;font-size:.95rem;text-decoration:none;transition:var(--transition);margin-bottom:1rem}.back-link svg{width:18px;height:18px;transition:transform .2s ease}.back-link:hover,.back-link:focus-visible{color:var(--text-color)}.back-link:hover svg,.back-link:focus-visible svg{transform:translate(-4px)}.forward-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 0;color:var(--text-muted);font-weight:500;font-size:.95rem;text-decoration:none;transition:var(--transition)}.forward-link svg{width:18px;height:18px;transition:transform .2s ease}.forward-link:hover,.forward-link:focus-visible{color:var(--primary);outline:none}.forward-link:hover svg,.forward-link:focus-visible svg{transform:translate(4px)}.minimal-works-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.minimal-work-item{display:flex;flex-direction:column;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:1.5rem;margin-bottom:0}body.dark .minimal-work-item{border-bottom-color:#ffffff0d}.minimal-work-item:last-child{border-bottom:none;padding-bottom:0}.minimal-work-link{display:flex;flex-direction:column;gap:.25rem;text-decoration:none;color:inherit;transition:var(--transition)}.minimal-work-link:hover,.minimal-work-link:focus-visible{transform:translate(6px)}.minimal-work-link.disabled:hover{transform:none}.minimal-work-link.disabled .minimal-work-title{color:var(--text-color)!important}.minimal-work-title{font-size:1.15rem;font-weight:600;color:var(--text-color);transition:var(--transition);display:flex;align-items:center;gap:.5rem}.minimal-work-link:hover .minimal-work-title,.minimal-work-link:focus-visible .minimal-work-title{color:var(--primary)}.minimal-work-desc{font-size:.9rem;color:var(--text-muted);line-height:1.5}.main-content{padding-top:4rem}.main-header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;padding:0 1rem}.profile-img-container{flex-shrink:0}.works-section,.skills-section,.about-section{margin-bottom:4rem;padding:0 1rem}#skills{margin-bottom:0;padding-bottom:4rem}.works-all-link-container{text-align:left;margin-top:1.5rem}.skills-group{margin-bottom:1.5rem}.skills-category-title{font-size:.9rem;color:var(--text-muted);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.about-text{line-height:1.8;color:var(--text-color);font-size:1.05rem}.back-nav{margin-top:1rem;margin-bottom:.5rem}.back-link{margin-bottom:0!important}.works-list-section{margin-top:1.5rem}.external-link-icon{opacity:.5}.work-item-tags{margin-top:.5rem;gap:.35rem}.work-item-tag{padding:.2rem .6rem!important;font-size:.75rem!important}.error-content{text-align:center;padding:60px 20px}.error-code{font-size:8rem;margin:0;line-height:1;font-weight:800}.error-content h2{margin-top:1rem}.error-content p{color:var(--text-muted);margin-bottom:2rem}.site-footer{margin-top:2rem;padding:2rem 0 4rem}.footer-main-layout{max-width:700px;margin:0 auto 3rem;padding:0 2.5rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.footer-profile{display:flex;align-items:center;gap:1.25rem}.footer-avatar{border-radius:50%;box-shadow:var(--neumorph-shadow-sm);background:var(--bg-color);padding:2px;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.footer-avatar:hover{transform:scale(1.2) rotate(12deg)!important}.footer-profile-text{display:flex;flex-direction:column;gap:.1rem}.footer-name{font-weight:700;font-size:1.15rem;color:var(--text-color);letter-spacing:-.02em}.footer-handle{font-size:.8rem;color:var(--text-muted)}.footer-links-group{display:flex;flex-direction:column;align-items:flex-end;gap:1.25rem}.footer-nav-text{display:flex;gap:1.5rem}.footer-nav-text a{font-size:.9rem;color:var(--text-muted);text-decoration:none;transition:color .3s ease;font-weight:500;position:relative;padding-bottom:0}.footer-nav-text a:hover,.footer-nav-text a:focus-visible{color:var(--primary)}.footer-nav-text a:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:2px;background-color:var(--primary);transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.footer-nav-text a:hover:after,.footer-nav-text a:focus-visible:after{transform:scaleX(1);transform-origin:left}.contact-links-footer{display:flex;gap:.75rem}.icon-btn-footer{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--bg-color);box-shadow:var(--neumorph-shadow-sm);color:var(--text-muted);text-decoration:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1),color .3s ease,box-shadow .3s ease}.icon-btn-footer:hover,.icon-btn-footer:focus-visible{box-shadow:var(--neumorph-inset);color:var(--primary);transform:scale(1.15)}.icon-btn-footer:active{transform:scale(.9);transition-duration:.1s}.icon-btn-footer svg,.icon-btn-footer i{width:18px;height:18px;font-size:1.1rem;stroke-width:2.5}.footer-bottom{text-align:center;border-top:2px solid rgba(0,0,0,.05);padding:2.5rem 0 0}body.dark .footer-bottom{border-top-color:#ffffff0d}.footer-bottom p{font-size:.85rem;color:var(--text-muted);opacity:.8}@media(max-width:640px){.footer-main-layout{flex-direction:column;text-align:center;gap:2.5rem}.footer-profile{flex-direction:column;gap:1rem}.footer-links-group{align-items:center}}.back-nav{margin-bottom:2rem}.theme-icon-sun,.theme-icon-moon{transition:var(--transition);position:absolute}.theme-icon-sun{opacity:1;transform:rotate(0)}.theme-icon-moon{opacity:0;transform:rotate(90deg)}body.dark .theme-icon-sun{opacity:0;transform:rotate(-90deg)}body.dark .theme-icon-moon{opacity:1;transform:rotate(0)}.minesweeper-overlay{--neumorph-shadow-xs: 2px 2px 4px var(--shadow-dark), -2px -2px 4px var(--shadow-light);--neumorph-inset-xs: inset 2px 2px 4px var(--shadow-dark), inset -2px -2px 4px var(--shadow-light);position:fixed;inset:0;background-color:#000000bf;backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s ease;user-select:none}.minesweeper-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.minesweeper-overlay.active #minesweeper-container{transform:scale(1) translateY(0)}#minesweeper-container{transform:scale(.9) translateY(20px);transition:transform .5s cubic-bezier(.16,1,.3,1);background:var(--bg-color);padding:1.5rem;border-radius:24px;box-shadow:0 20px 50px #0000004d;border:1px solid rgba(255,255,255,.1);max-width:95vw;display:flex;flex-direction:column;gap:1.5rem}.minesweeper-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.minesweeper-stats{display:flex;align-items:center;gap:1rem;flex-grow:1;justify-content:center}.stat-box{background:var(--bg-color);box-shadow:var(--neumorph-inset);padding:.5rem 1rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;min-width:70px}.stat-label{font-size:.6rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}#minesweeper-mine-count,#minesweeper-timer{font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:700;color:var(--primary)}.reset-btn{background:var(--bg-color);border:none;font-size:1.8rem;cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:var(--neumorph-shadow-sm);transition:transform .1s}.reset-btn:active{box-shadow:var(--neumorph-inset);transform:scale(.95)}.reset-btn svg{width:24px;height:24px;color:var(--primary)}.reset-btn.win svg{color:#10b981}.reset-btn.lose svg{color:#ef4444}.close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;transition:color .2s}.close-btn:hover{color:var(--primary)}.close-btn svg{width:24px;height:24px}.minesweeper-board{display:grid;grid-template-columns:repeat(10,32px);grid-template-rows:repeat(10,32px);gap:4px;padding:8px;background:#0000000d;border-radius:12px;box-shadow:var(--neumorph-inset)}.cell{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:900;cursor:pointer;font-size:1rem;transition:background .1s,transform .1s}.cell.cell-even{background-color:#aad751;box-shadow:0 2px #0000001a}.cell.cell-odd{background-color:#a2d149;box-shadow:0 2px #0000001a}body.dark .cell.cell-even{background-color:#4a752c}body.dark .cell.cell-odd{background-color:#436a28}.cell:hover:not(.revealed):not(.flagged){filter:brightness(1.1);transform:scale(1.02);z-index:2}.cell.revealed{box-shadow:inset 0 2px 4px #0000001a;cursor:default;filter:none!important;transform:none!important;border:.5px solid rgba(0,0,0,.05)}body.dark .cell.revealed{border-color:#ffffff0d}.cell.revealed.cell-even{background-color:#e5c29f}.cell.revealed.cell-odd{background-color:#d7b899}body.dark .cell.revealed.cell-even{background-color:#3b2f23}body.dark .cell.revealed.cell-odd{background-color:#33291e}.cell.mine{background:#ff4d4d22;color:#ff4d4d}.cell.flagged{color:var(--primary)}.cell[data-count="1"]{color:#3b82f6}.cell[data-count="2"]{color:#10b981}.cell[data-count="3"]{color:#ef4444}.cell[data-count="4"]{color:#8b5cf6}.cell[data-count="5"]{color:#f59e0b}.cell[data-count="6"]{color:#06b6d4}.cell[data-count="7"]{color:#374151}.cell[data-count="8"]{color:#111827}.minesweeper-footer{text-align:center;color:var(--text-muted);font-size:.8rem}@media(max-width:400px){.minesweeper-board{grid-template-columns:repeat(10,28px);grid-template-rows:repeat(10,28px)}.cell{width:28px;height:28px;font-size:.9rem}}.flappy-overlay{position:fixed;inset:0;background-color:#000000d9;backdrop-filter:blur(10px);z-index:10001;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s ease;user-select:none}.flappy-overlay.active{opacity:1;visibility:visible;pointer-events:auto}#flappy-container{position:relative;background:var(--bg-color);width:100%;max-width:400px;height:600px;border-radius:24px;overflow:hidden;box-shadow:0 20px 50px #00000080;transform:scale(.9) translateY(20px);transition:transform .5s cubic-bezier(.16,1,.3,1)}.flappy-overlay.active #flappy-container{transform:scale(1) translateY(0)}.flappy-header{position:absolute;top:20px;left:0;width:100%;padding:0 20px;display:flex;justify-content:space-between;align-items:center;z-index:50;pointer-events:none}#flappy-score{font-family:JetBrains Mono,monospace;font-size:2.5rem;font-weight:900;color:var(--primary);text-shadow:0 4px 10px rgba(0,0,0,.5)}.flappy-header .close-btn{pointer-events:auto;background:#ffffff1a;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}#flappy-canvas{display:block;width:100%;height:100%;background:linear-gradient(to bottom,#70c5ce,#4db0bc)}body.dark #flappy-canvas{background:linear-gradient(to bottom,#1a2a3a,#0a1a2a)}.flappy-message-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:100;pointer-events:auto}.message-content{text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;gap:2rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.message-content h2{margin:0;font-size:2rem;font-weight:900;letter-spacing:.1em}.game-start-btn{background:var(--primary);color:#fff;border:none;padding:1.2rem 3rem;border-radius:50px;font-weight:900;font-size:1.2rem;cursor:pointer;box-shadow:0 10px 20px #0000004d;transition:transform .2s,background .2s}.game-start-btn:hover{background:var(--primary-hover);transform:translateY(-3px)}