*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--accent: #9b8fc4;--accent-light: #e8e4f3;--accent-dark: #7a6db0;--bg: #fdfcff;--text: #4a4a4a;--text-muted: #a0a0a0;--shadow: #d4cfe8;--cloud-fill: #ebe7f2;--cloud-opacity: .4;--rain-speed: 1}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--accent: #b8a8e0;--accent-light: #3d3654;--accent-dark: #9080c0;--bg: #1a1a24;--text: #e8e8e8;--text-muted: #888898;--shadow: #2a2838;--cloud-fill: #2e2b3d;--cloud-opacity: .5}}[data-theme=dark]{--accent: #b8a8e0;--accent-light: #3d3654;--accent-dark: #9080c0;--bg: #1a1a24;--text: #e8e8e8;--text-muted: #888898;--shadow: #2a2838;--cloud-fill: #2e2b3d;--cloud-opacity: .5}.float-cloud path{fill:var(--cloud-fill);opacity:var(--cloud-opacity)}body{font-family:Zen Maru Gothic,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;padding:2.5rem 1.5rem;display:grid;grid-template-rows:1fr auto;gap:2.5rem}#app{display:contents}main{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:420px;margin:0 auto;gap:1.25rem;text-align:center}.hello{display:flex;align-items:center;justify-content:center;gap:.85rem}.avatar{width:52px;height:52px;border-radius:60% 40% 55% 45%/50% 60% 40% 50%;background:linear-gradient(135deg,var(--accent-light) 0%,var(--accent) 100%);position:relative;overflow:hidden;flex-shrink:0;box-shadow:2px 3px 0 var(--shadow);transition:border-radius .3s ease}.avatar:hover{border-radius:40% 60% 45% 55%/60% 40%}.avatar img{width:100%;height:100%;object-fit:cover}.avatar:after{content:":)";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:linear-gradient(135deg,var(--accent-light) 0%,var(--accent) 100%);opacity:0;transition:opacity .2s}.avatar:hover:after{opacity:1}.name-block{text-align:left}.name-block h1{font-size:1rem;font-weight:400}.cursor{display:inline-block;width:2px;height:1em;background:var(--accent);margin-left:2px;animation:blink 1s step-end infinite;vertical-align:text-bottom}@keyframes blink{50%{opacity:0}}.tagline{font-size:.7rem;color:var(--text-muted);margin-top:.15rem}.bio{font-size:.8rem;color:var(--text-muted);line-height:1.6}.into{font-size:.7rem;color:var(--text-muted)}.links{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.link-item{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.75rem;color:var(--text);text-decoration:none;padding:.6rem 1.2rem;background:none;border:none;position:relative;min-height:40px;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.link-item .cloud-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 10px);height:calc(100% + 10px);z-index:-1;filter:drop-shadow(2px 3px 0 var(--shadow));transition:all .25s cubic-bezier(.34,1.56,.64,1)}.link-item .cloud-bg path{fill:var(--bg);stroke:var(--shadow);stroke-width:2;transition:all .25s ease}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .link-item .cloud-bg path{fill:#2a2838}}[data-theme=dark] .link-item .cloud-bg path{fill:#2a2838}.link-item{animation:gentle-bob 3s ease-in-out infinite}.link-item:nth-child(2){animation-delay:.5s}.link-item:nth-child(3){animation-delay:1s}@keyframes gentle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.link-item .link-content{display:flex;align-items:center;gap:.4rem}.link-item svg.link-icon{width:14px;height:14px;color:var(--accent)}.link-item:hover{animation:none;transform:translateY(-5px)}.link-item:hover .cloud-bg{filter:drop-shadow(3px 5px 4px rgba(155,143,196,.3))}.link-item:hover .cloud-bg path{fill:var(--accent-light);stroke:var(--accent)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .link-item:hover .cloud-bg path{fill:#3d3654}}[data-theme=dark] .link-item:hover .cloud-bg path{fill:#3d3654}.link-item:active{animation:none;transform:translateY(0) scale(.97)}.works{width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem}.section-label{display:flex;align-items:center;gap:.3rem;font-size:.65rem;color:var(--text-muted)}.section-label-icon{display:flex}.section-label-icon svg{width:11px;height:11px}.links-section{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%}.work-item.is-pinned{min-width:170px}.works-section{display:flex;flex-direction:column;align-items:center;gap:.35rem}.works-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.work-item{display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;color:var(--text);padding:.6rem 1.2rem;background:none;border:none;position:relative;min-height:44px;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.work-item .cloud-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 10px);height:calc(100% + 10px);z-index:-1;filter:drop-shadow(2px 3px 0 var(--shadow));transition:all .25s cubic-bezier(.34,1.56,.64,1)}.work-item .cloud-bg path{fill:var(--bg);stroke:var(--shadow);stroke-width:2;transition:all .25s ease}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .work-item .cloud-bg path{fill:#2a2838}}[data-theme=dark] .work-item .cloud-bg path{fill:#2a2838}.work-item{animation:gentle-bob 3s ease-in-out infinite}.work-item:nth-child(2){animation-delay:.7s}.work-item:hover{animation:none;transform:translateY(-5px)}.work-item:hover .cloud-bg{filter:drop-shadow(3px 5px 4px rgba(155,143,196,.3))}.work-item:hover .cloud-bg path{fill:var(--accent-light);stroke:var(--accent)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .work-item:hover .cloud-bg path{fill:#3d3654}}[data-theme=dark] .work-item:hover .cloud-bg path{fill:#3d3654}.work-item:active{animation:none;transform:translateY(0) scale(.97)}.work-info{display:flex;align-items:center;gap:.6rem}.work-header{display:flex;align-items:center;gap:.3rem}.work-type-icon{display:flex;color:var(--text-muted)}.work-type-icon svg,.work-type-svg{width:14px;height:14px;color:var(--accent)}.work-name{font-size:.75rem;font-weight:500}.work-desc{display:none}.work-status{font-size:.5rem;color:var(--text-muted);padding:.1rem .3rem;background:#0000000a;border-radius:3px}.status-live .work-status{color:var(--accent)}.status-dev .work-status{color:#7c8a6e}.latest{font-size:.75rem;color:var(--text-muted);text-decoration:none;transition:color .15s}.latest:hover{color:var(--accent)}.timeline{width:100%}.timeline ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.timeline-item{display:flex;align-items:baseline;gap:1rem;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.04)}.timeline-item:last-child{border-bottom:none}.timeline-year{font-size:.7rem;color:var(--accent);font-weight:500;min-width:3rem;flex-shrink:0}.timeline-content{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}.timeline-title{font-size:.8rem}.timeline-desc{font-size:.7rem;color:var(--text-muted)}.hidden-items{display:none}.hidden-items.visible{display:contents}.show-more{font-family:inherit;font-size:.7rem;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:.5rem 0;transition:color .15s}.show-more:hover{color:var(--accent)}footer{display:flex;flex-direction:column;align-items:center;gap:.5rem}.socials{display:flex;gap:1rem}.social-icon{color:var(--text-muted);transition:all .2s}.social-icon svg{width:20px;height:20px}.social-icon:hover{color:var(--accent);transform:scale(1.1)}.divider{font-size:.7rem;color:var(--accent);opacity:.5;letter-spacing:.3em;text-align:center;width:100%}.deco-family{position:fixed;bottom:1.5rem;right:1.5rem;width:80px;height:auto;opacity:.2;transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer;animation:deco-bounce 3s ease-in-out infinite}.deco-family:hover{opacity:.5;transform:scale(1.1) rotate(-5deg);animation:none}.deco-family:active{transform:scale(.95)}@keyframes deco-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.floating-clouds{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:800px;height:600px;pointer-events:none;z-index:-1}.float-cloud{position:absolute}.cloud-1{width:140px;top:10%;right:-40px;animation:float-1 8s ease-in-out infinite}.cloud-2{width:110px;top:45%;left:-30px;filter:blur(.5px);animation:float-2 10s ease-in-out infinite;animation-delay:2s}.cloud-3{width:100px;bottom:15%;right:-20px;filter:blur(1px);animation:float-3 12s ease-in-out infinite;animation-delay:4s}@keyframes float-1{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-8px) translate(5px)}}@keyframes float-2{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-6px) translate(-4px)}}@keyframes float-3{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-5px) translate(3px)}}.weather-rain{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:.5}.rain-drop{position:absolute;top:-20px;width:2px;height:14px;background:linear-gradient(to bottom,transparent,var(--accent-dark));border-radius:0 0 2px 2px;animation:rain-fall calc(var(--duration-base, 1) * var(--rain-speed) * 1s) linear infinite}@keyframes rain-fall{0%{transform:translateY(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(450px);opacity:0}}.floating-clouds.is-rainy .float-cloud path{opacity:.5}@media (max-width: 600px){body{padding:2rem 1.25rem}main{gap:1rem}.avatar{width:46px;height:46px;border-radius:60% 40% 55% 45%/50% 60% 40% 50%}.deco-family{width:55px;bottom:1rem;right:1rem}.floating-clouds{max-width:100%;height:400px;top:40%;--rain-speed: 1.8}.cloud-1{width:100px;right:-20px}.cloud-2{width:80px;left:-15px}.cloud-3{width:70px;right:-10px}.rain-drop{top:-50px}}@media (max-width: 400px){body{padding:1.5rem 1rem}.hello{gap:.65rem}.avatar{width:42px;height:42px;border-radius:60% 40% 55% 45%/50% 60% 40% 50%}.link-item{font-size:.75rem;padding:.4rem .6rem}.floating-clouds{height:350px}.cloud-1{width:80px}.cloud-2{width:65px}.cloud-3{width:55px}}