*,:before,:after{box-sizing:border-box;margin:0;padding:0}: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{background:var(--bg);color:var(--text);grid-template-rows:1fr auto;gap:2.5rem;min-height:100dvh;padding:2.5rem 1.5rem;font-family:Zen Maru Gothic,sans-serif;display:grid;overflow-x:hidden}#app{display:contents}main{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;width:100%;max-width:420px;margin:0 auto;display:flex}.hello{justify-content:center;align-items:center;gap:.85rem;display:flex}.avatar{background:linear-gradient(135deg,var(--accent-light)0%,var(--accent)100%);width:52px;height:52px;box-shadow:2px 3px 0 var(--shadow);border-radius:60% 40% 55% 45%/50% 60% 40% 50%;flex-shrink:0;transition:border-radius .3s;position:relative;overflow:hidden}.avatar:hover{border-radius:40% 60% 45% 55%/60% 40%}.avatar img{object-fit:cover;width:100%;height:100%}.avatar:after{content:":)";background:linear-gradient(135deg,var(--accent-light)0%,var(--accent)100%);opacity:0;justify-content:center;align-items:center;font-size:1.25rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.avatar:hover:after{opacity:1}.name-block{text-align:left}.name-block h1{font-size:1rem;font-weight:400}.cursor{background:var(--accent);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.tagline{color:var(--text-muted);margin-top:.15rem;font-size:.7rem}.bio{color:var(--text-muted);font-size:.8rem;line-height:1.6}.into{color:var(--text-muted);font-size:.7rem}.links{flex-wrap:wrap;justify-content:center;gap:1.25rem;display:flex}.link-item{color:var(--text);background:0 0;border:none;justify-content:center;align-items:center;gap:.4rem;min-height:40px;padding:.6rem 1.2rem;font-size:.75rem;text-decoration:none;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.link-item .cloud-bg{z-index:-1;width:calc(100% + 10px);height:calc(100% + 10px);filter:drop-shadow(2px 3px 0 var(--shadow));transition:all .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.link-item .cloud-bg path{fill:var(--bg);stroke:var(--shadow);stroke-width:2px;transition:all .25s}@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:3s ease-in-out infinite gentle-bob}.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{align-items:center;gap:.4rem;display:flex}.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 #9b8fc44d)}.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)}.section-label{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.65rem;display:flex}.section-label-icon{display:flex}.section-label-icon svg{width:11px;height:11px}.links-section{flex-direction:column;align-items:center;gap:.35rem;width:100%;display:flex}.work-type-icon{color:var(--text-muted);display:flex}.work-type-icon svg,.work-type-svg{width:14px;height:14px;color:var(--accent)}.visitor-counter{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.65rem;display:flex}.counter-digits{gap:2px;display:flex}.counter-digit{background:var(--accent-light);width:1.1em;height:1.5em;color:var(--accent-dark);border-radius:2px;justify-content:center;align-items:center;font-family:Courier New,monospace;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:inset 0 1px 2px #0000001a}.counter-label{margin-left:.2rem}footer{flex-direction:column;align-items:center;gap:.5rem;display:flex}.socials{gap:1rem;display:flex}.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{color:var(--accent);opacity:.5;letter-spacing:.3em;text-align:center;width:100%;font-size:.7rem}.deco-family{opacity:.2;cursor:pointer;width:80px;height:auto;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:3s ease-in-out infinite deco-bounce;position:fixed;bottom:1.5rem;right:1.5rem}.deco-family:hover{opacity:.5;animation:none;transform:scale(1.1)rotate(-5deg)}.deco-family:active{transform:scale(.95)}@keyframes deco-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.floating-clouds{pointer-events:none;z-index:-1;width:calc(100% - 4rem);max-width:800px;height:600px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.float-cloud{position:absolute}.cloud-1{width:140px;animation:8s ease-in-out infinite float-1;top:10%;right:10px}.cloud-2{filter:blur(.5px);width:110px;animation:10s ease-in-out 2s infinite float-2;top:45%;left:10px}.cloud-3{filter:blur(1px);width:100px;animation:12s ease-in-out 4s infinite float-3;bottom:15%;right:20px}@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{opacity:.5;position:absolute;inset:0;overflow:hidden}.rain-drop{background:linear-gradient(to bottom,transparent,var(--accent-dark));width:2px;height:14px;animation:rain-fall calc(var(--duration-base,1)*var(--rain-speed)*1s)linear infinite;border-radius:0 0 2px 2px;position:absolute;top:-20px}@keyframes rain-fall{0%{opacity:0;transform:translateY(0)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(450px)}}.floating-clouds.is-rainy .float-cloud path{opacity:.5}.tl-main{text-align:left;width:100%;max-width:560px;margin:0 auto;display:block}.tl-back{color:var(--text-muted);align-items:center;gap:.35rem;margin-bottom:1.5rem;font-size:.78rem;text-decoration:none;transition:color .2s;display:inline-flex}.tl-back:hover{color:var(--accent)}.tl-back svg{width:14px;height:14px}.tl-header{text-align:center;margin-bottom:2.5rem}.tl-header h1{color:var(--accent);letter-spacing:.02em;font-size:1.4rem;font-weight:500}.tl-lead{color:var(--text-muted);margin-top:.4rem;font-size:.78rem;line-height:1.7}.tl-count{color:var(--accent);background:var(--accent-light);border-radius:999px;margin-top:.8rem;padding:.2rem .7rem;font-size:.72rem;display:inline-block}.tl-list{--rail:5rem;--trunk:28px;padding-left:var(--rail);position:relative}.tl-list:before{content:"";left:calc(var(--trunk) - 1.5px);background:repeating-linear-gradient(to bottom,var(--accent-light)0 7px,transparent 7px 13px);border-radius:2px;width:3px;position:absolute;top:8px;bottom:0;-webkit-mask-image:linear-gradient(#000 0% 92%,#0000 100%);mask-image:linear-gradient(#000 0% 92%,#0000 100%)}.tl-year-items{margin:0;padding:0;list-style:none}.tl-year{z-index:3;margin:2.4rem 0 1rem calc(-1*var(--rail));padding:.45rem 0 .45rem var(--rail);background:var(--bg);color:var(--accent);letter-spacing:.08em;align-items:baseline;gap:.5rem;font-size:.85rem;font-weight:500;display:flex;position:sticky;top:0}.tl-list>section:first-child .tl-year{margin-top:0}.tl-year:before{content:"";left:calc(var(--trunk) - 7px);background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 4px var(--bg);border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.tl-year-count{color:var(--text-muted);letter-spacing:0;font-size:.68rem}.tl-item{margin-bottom:1.5rem;position:relative}.tl-item:after{content:"";left:calc(-1*var(--rail) + 56px);top:var(--knot-y,.75rem);width:calc(var(--rail) - 56px);background:var(--accent-light);border-radius:2px;height:3px;position:absolute}.tl-chip{z-index:1;left:calc(-1*var(--rail));top:calc(var(--knot-y,.75rem) - 9px);background:var(--accent);width:56px;color:var(--bg);text-align:center;letter-spacing:.02em;font-variant-numeric:tabular-nums;box-shadow:0 0 0 3px var(--bg);border-radius:999px;padding:.12rem 0;font-size:.62rem;font-weight:500;position:absolute}.tl-item--full{--knot-y:22px;margin-bottom:2rem}.tl-card{background:var(--bg);border:1.5px solid var(--accent-light);box-shadow:3px 4px 0 var(--shadow);border-radius:14px;padding:.9rem 1rem 1rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;position:relative}.tl-card:hover{box-shadow:5px 7px 0 var(--shadow);transform:translate(-2px,-3px)}.tl-item--compact .tl-card{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0 0 0 .7rem}.tl-item--compact .tl-card:hover{box-shadow:none;transform:none}.tl-num{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.64rem}.tl-title-row{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-top:.1rem;display:flex}.tl-title{color:var(--text);font-size:1rem;font-weight:500}.tl-visit{color:var(--accent);border-bottom:1px solid #0000;align-items:center;gap:.25rem;font-size:.7rem;text-decoration:none;transition:border-color .2s;display:inline-flex}.tl-visit:hover{border-bottom-color:var(--accent)}.tl-visit svg{width:11px;height:11px}.tl-body{color:var(--text);margin-top:.4rem;font-size:.8rem;line-height:1.85}.tl-item--compact .tl-title{font-size:.9rem}.tl-item--compact .tl-body{color:var(--text-muted)}.tl-figure{aspect-ratio:16/9;background:var(--accent-light);border-radius:10px;margin:0 0 .75rem;position:relative;overflow:hidden}.tl-figure img{object-fit:cover}.tl-start{color:var(--text-muted);margin-top:2.2rem;font-size:.7rem;position:relative}.tl-start:before{content:"";left:calc(-1*var(--rail) + var(--trunk) - 4px);background:var(--accent-light);width:8px;height:8px;box-shadow:0 0 0 3px var(--bg);border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.tl-item{animation:linear both tl-enter;animation-timeline:view();animation-range:entry entry 45%}}}@keyframes tl-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.tl-empty{text-align:center;color:var(--text-muted);padding:3rem 0;font-size:.8rem}@media (max-width:600px){.tl-list{--rail:4.6rem;--trunk:28px}.tl-header h1{font-size:1.25rem}.tl-card{padding:.8rem .9rem .9rem}body{padding:2rem 1.25rem}main{gap:1rem}.avatar{border-radius:60% 40% 55% 45%/50% 60% 40% 50%;width:46px;height:46px}.deco-family{width:55px;bottom:1rem;right:1rem}.floating-clouds{--rain-speed:1.8;width:calc(100% - 2rem);height:400px;top:40%}.cloud-1{width:100px;right:5px}.cloud-2{width:80px;left:5px}.cloud-3{width:70px;right:10px}.rain-drop{top:-50px}}@media (max-width:400px){body{padding:1.5rem 1rem}.hello{gap:.65rem}.avatar{border-radius:60% 40% 55% 45%/50% 60% 40% 50%;width:42px;height:42px}.link-item{padding:.4rem .6rem;font-size:.75rem}.floating-clouds{width:calc(100% - 1.5rem);height:350px}.cloud-1{width:80px;right:3px}.cloud-2{width:65px;left:3px}.cloud-3{width:55px;right:5px}}