*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:"M PLUS Rounded 1c","Noto Sans SC",-apple-system,sans-serif;background:#fdf6fb;color:#3d2b4f;line-height:1.7;min-height:100vh;display:flex;flex-direction:column}img{max-width:100%;display:block}a{color:#e87abf;text-decoration:none;transition:color 0.2s}a:hover{color:#a78bfa}h1,h2,h3,h4{font-family:"M PLUS Rounded 1c","Noto Sans SC",-apple-system,sans-serif;font-weight:700;line-height:1.3;color:#3d2b4f}p{margin-bottom:1rem}code,pre{font-family:"JetBrains Mono","Fira Code",monospace;font-size:0.88em}pre{background:#2d1b3d;color:#f8d7f0;border-radius:16px;padding:1.25rem 1.5rem;overflow-x:auto;margin:1.5rem 0}code:not(pre code){background:rgba(232,122,191,0.1);color:#e87abf;padding:0.1em 0.4em;border-radius:8px}blockquote{border-left:3px solid #e87abf;padding-left:1rem;color:#9b7ab5;margin:1.5rem 0}hr{border:none;border-top:1px solid #f0d6eb;margin:2rem 0}ul,ol{padding-left:1.5rem;margin-bottom:1rem}li{margin-bottom:0.25rem}@keyframes float{0%, 100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sparkle{0%, 100%{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:0.4;transform:scale(1.3) rotate(20deg)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}.animate-float{animation:float 4s ease-in-out infinite}.animate-sparkle{animation:sparkle 2.5s ease-in-out infinite}.animate-fade-in{animation:fadeInUp 0.55s ease-out both}.animate-fade-in:nth-child(1){animation-delay:0.05s}.animate-fade-in:nth-child(2){animation-delay:0.12s}.animate-fade-in:nth-child(3){animation-delay:0.19s}.animate-fade-in:nth-child(4){animation-delay:0.26s}.animate-fade-in:nth-child(5){animation-delay:0.33s}.container{width:min(900px, 92vw);margin-inline:auto}.site-header{background:linear-gradient(135deg, #fce4f5 0%, #ede9fe 50%, #dbeafe 100%);border-bottom:1px solid #f0d6eb;position:sticky;top:0;z-index:100;backdrop-filter:blur(8px)}.header-inner{display:flex;align-items:center;gap:1.5rem;padding:0.75rem 0}.site-brand{display:flex;align-items:center;gap:0.5rem;text-decoration:none;flex-shrink:0}.brand-icon{font-size:1.4rem}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-main{font-weight:700;font-size:1rem;color:#3d2b4f}.brand-sub{font-size:0.7rem;color:#9b7ab5;letter-spacing:0.05em}.site-nav{display:flex;align-items:center;gap:0.25rem;margin-left:auto;flex-wrap:wrap}.nav-link{display:flex;align-items:center;gap:0.25rem;padding:0.35rem 0.75rem;border-radius:999px;font-size:0.88rem;font-weight:500;color:#3d2b4f;text-decoration:none;transition:background 0.2s, color 0.2s}.nav-link:hover,.nav-link.active{background:rgba(232,122,191,0.12);color:#e87abf}.nav-link.active{font-weight:700}.nav-icon{font-size:0.9em}.nav-toggle-input{display:none}.nav-toggle-input:checked ~ .site-nav{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:0.5rem 0 1rem;gap:0.1rem}.nav-toggle-label{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:0.4rem;margin-left:auto}.nav-toggle-label span{display:block;width:22px;height:2px;background:#3d2b4f;border-radius:2px;transition:0.3s}@media (max-width: 600px){.header-inner{flex-wrap:wrap}.site-nav{display:none;margin-left:0}.nav-toggle-label{display:flex}.lang-toggle{order:-1;margin-left:auto}}.site-main{flex:1;padding:2.5rem 0 4rem}.sparkle-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.sparkle{position:absolute;color:#e87abf;opacity:0.12;animation:sparkle var(--dur, 4s) ease-in-out infinite;animation-delay:var(--delay, 0s);font-size:var(--size, 1rem);user-select:none}.sparkle.s1{top:8%;left:4%;--dur: 3.5s;--delay: 0s;--size: 1.3rem}.sparkle.s2{top:22%;right:6%;--dur: 4.2s;--delay: 0.8s;--size: 0.9rem}.sparkle.s3{top:58%;left:2%;--dur: 5s;--delay: 1.6s;--size: 0.75rem}.sparkle.s4{top:72%;right:4%;--dur: 3.8s;--delay: 2.4s;--size: 1.1rem}.sparkle.s5{top:42%;left:48%;--dur: 4.5s;--delay: 3.2s;--size: 0.65rem}.sparkle.s6{top:90%;left:30%;--dur: 4s;--delay: 1s;--size: 0.8rem}.site-footer{background:linear-gradient(135deg, #fce4f5 0%, #ede9fe 50%, #dbeafe 100%);border-top:1px solid #f0d6eb;padding:1.5rem 0;text-align:center}.footer-inner{display:flex;flex-direction:column;gap:0.4rem;align-items:center}.footer-deco{color:#e87abf;opacity:0.5;letter-spacing:0.5em;font-size:0.75rem;margin-bottom:0.25rem}.footer-copy{font-size:0.88rem;color:#9b7ab5;margin:0}.footer-copy a{color:#9b7ab5}.footer-copy a:hover{color:#e87abf}.footer-jp{font-size:0.8em;opacity:0.7}.footer-powered{font-size:0.75rem;color:rgba(155,122,181,0.6);margin:0}.footer-powered a{color:rgba(155,122,181,0.7)}.card{position:relative;background:linear-gradient(145deg, #fff8fd, #f8f4ff);border:1px solid #f0d6eb;border-radius:16px;padding:1.75rem 2rem;box-shadow:0 2px 12px rgba(168,100,180,0.08);transition:box-shadow 0.3s, transform 0.3s}.card:hover{box-shadow:0 8px 32px rgba(168,100,180,0.18);transform:translateY(-3px)}.card::after{content:'✦';position:absolute;top:0.85rem;right:1.1rem;color:#e87abf;opacity:0.35;font-size:0.7rem;animation:sparkle 3.5s ease-in-out infinite;pointer-events:none}.tag{display:inline-flex;align-items:center;padding:0.15em 0.7em;background:rgba(167,139,250,0.12);color:#a78bfa;border:1px solid rgba(167,139,250,0.25);border-radius:999px;font-size:0.78rem;font-weight:500;letter-spacing:0.02em}.tag-pink{background:rgba(232,122,191,0.1);color:#e87abf;border-color:rgba(232,122,191,0.2)}.tag-blue{background:rgba(125,211,252,0.12);color:#06a7f4;border-color:rgba(125,211,252,0.3)}.btn{display:inline-flex;align-items:center;gap:0.4rem;padding:0.55rem 1.4rem;border-radius:999px;font-family:"M PLUS Rounded 1c","Noto Sans SC",-apple-system,sans-serif;font-size:0.92rem;font-weight:600;cursor:pointer;transition:all 0.2s;text-decoration:none;border:none}.btn-primary{background:#e87abf;color:#fff;box-shadow:0 2px 12px rgba(232,122,191,0.35)}.btn-primary:hover{background:#e360b2;color:#fff;transform:translateY(-1px);box-shadow:0 4px 18px rgba(232,122,191,0.45)}.btn-outline{background:transparent;color:#a78bfa;border:1.5px solid #a78bfa}.btn-outline:hover{background:rgba(167,139,250,0.08);color:#a78bfa;transform:translateY(-1px)}.btn-back{display:inline-flex;align-items:center;gap:0.3rem;font-size:0.88rem;color:#9b7ab5;text-decoration:none}.btn-back:hover{color:#e87abf}.timeline{border-left:2px solid #f0d6eb;padding-left:1.75rem;position:relative}.timeline-entry{position:relative;margin-bottom:2rem}.timeline-entry::before{content:'';position:absolute;left:-2.18rem;top:0.45rem;width:12px;height:12px;border-radius:50%;background:#e87abf;border:2px solid #fdf6fb;box-shadow:0 0 0 2px #e87abf}.timeline-date{font-size:0.8rem;color:#9b7ab5;font-weight:600;letter-spacing:0.04em;margin-bottom:0.25rem}.timeline-title{font-size:1.05rem;font-weight:700;margin-bottom:0.15rem}.timeline-sub{font-size:0.88rem;color:#9b7ab5;margin-bottom:0.5rem}.post-card{background:linear-gradient(145deg, #fff8fd, #f8f4ff);border:1px solid #f0d6eb;border-radius:16px;padding:1.4rem 1.75rem;margin-bottom:1.25rem;transition:box-shadow 0.3s, transform 0.3s}.post-card:hover{box-shadow:0 8px 32px rgba(168,100,180,0.18);transform:translateY(-2px)}.post-card-meta{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;margin-bottom:0.5rem;font-size:0.8rem;color:#9b7ab5}.post-card-title{font-size:1.1rem;margin-bottom:0.5rem}.post-card-title a{color:#3d2b4f}.post-card-title a:hover{color:#e87abf}.post-card-excerpt{font-size:0.9rem;color:#9b7ab5;margin-bottom:0.75rem}.read-more{font-size:0.82rem;color:#a78bfa;font-weight:600}.read-more:hover{color:#e87abf}.friends-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:1rem}.friend-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(145deg, #fff8fd, #f8f4ff);border:1px solid #f0d6eb;border-radius:16px;text-decoration:none;transition:all 0.25s;position:relative}.friend-card:hover{box-shadow:0 8px 32px rgba(168,100,180,0.18);transform:translateY(-3px);border-color:#e87abf}.friend-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg, #fce4f5 0%, #ede9fe 50%, #dbeafe 100%);display:flex;align-items:center;justify-content:center}.friend-avatar img{width:100%;height:100%;object-fit:cover}.friend-avatar-placeholder{font-size:1.2rem;font-weight:700;color:#e87abf}.friend-info{display:flex;flex-direction:column;gap:0.2rem;min-width:0}.friend-name{font-weight:600;color:#3d2b4f;font-size:0.95rem}.friend-desc{font-size:0.78rem;color:#9b7ab5;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.45}.friend-icon{position:absolute;top:0.7rem;right:0.9rem;font-size:0.65rem;color:#e87abf;opacity:0.4}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:1.25rem}.skill-group h3{font-size:0.88rem;color:#9b7ab5;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.75rem;font-weight:700}.skill-tags{display:flex;flex-wrap:wrap;gap:0.4rem}.page-header{text-align:center;margin-bottom:2.5rem}.page-title{font-size:clamp(1.6rem, 4vw, 2.2rem);background:linear-gradient(135deg, #e87abf, #a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:0.5rem}.page-subtitle{color:#9b7ab5;font-size:0.95rem}.section-title{font-size:1.1rem;font-weight:700;color:#3d2b4f;margin-bottom:1.25rem;display:flex;align-items:center;gap:0.5rem}.section-title::before{content:'✦';color:#e87abf;font-size:0.7em}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;font-size:0.88rem;color:#9b7ab5}.btn-page{padding:0.35rem 1rem;border-radius:999px;border:1px solid #f0d6eb;color:#9b7ab5;transition:all 0.2s}.btn-page:hover{border-color:#e87abf;color:#e87abf}.post-full{max-width:720px;margin-inline:auto}.post-header{text-align:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f0d6eb}.post-title{font-size:clamp(1.5rem, 4vw, 2rem);margin:0.75rem 0 0.5rem}.post-meta{font-size:0.85rem;color:#9b7ab5}.post-meta-top{display:flex;justify-content:center;gap:0.4rem;flex-wrap:wrap;margin-bottom:0.5rem}.post-body h2{font-size:1.3rem;margin:2rem 0 0.75rem;padding-bottom:0.3rem;border-bottom:1px solid #f0d6eb}.post-body h3{font-size:1.1rem;margin:1.5rem 0 0.5rem;color:#a78bfa}.post-body p{margin-bottom:1.1rem}.post-body img{border-radius:16px;margin:1.5rem auto;box-shadow:0 2px 12px rgba(168,100,180,0.08)}.post-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid #f0d6eb}.hero{background:linear-gradient(160deg, #fdf2f8 0%, #ede9fe 60%, #e0f2fe 100%);border-radius:24px;padding:2rem 1.6rem;text-align:left;margin-bottom:2.5rem;position:relative;overflow:hidden}.hero::before,.hero::after{content:'✦';position:absolute;color:#e87abf;opacity:0.2;animation:sparkle 3s ease-in-out infinite}.hero::before{top:1rem;left:1.5rem;font-size:1.5rem}.hero::after{bottom:1rem;right:1.5rem;font-size:1rem;animation-delay:1.5s}.hero-main{display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);align-items:center;gap:1.2rem}.hero-left{text-align:center}.hero-right{display:flex;flex-direction:column;gap:0.65rem;align-items:flex-start}.hero-divider{width:1px;align-self:stretch;background:linear-gradient(to bottom, rgba(232,122,191,0.1), rgba(232,122,191,0.45), rgba(232,122,191,0.1))}.hero-avatar{width:78px;height:78px;border-radius:50%;object-fit:cover;border:3px solid rgba(232,122,191,0.4);box-shadow:0 0 0 5px rgba(232,122,191,0.1);margin:0 auto 0.75rem;display:block}.hero-greeting{font-size:clamp(1.35rem, 3.5vw, 2.1rem);font-weight:700;background:linear-gradient(135deg, #e87abf 0%, #a78bfa 50%, #7dd3fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:0.45rem;line-height:1.2}.hero-sub{font-size:clamp(0.82rem, 1.8vw, 1rem);color:#9b7ab5;margin-bottom:0;max-width:500px;margin-inline:auto}.hero-meta-item{display:inline-flex;align-items:center;gap:0.55rem;margin:0;font-size:0.9rem;color:#9b7ab5}.hero-meta-item a{color:#9b7ab5;text-decoration:underline;text-underline-offset:3px}.hero-meta-item a:hover{color:#e87abf}.hero-meta-icon{display:inline-block;width:0.95rem;text-align:center}@media (max-width: 760px){.hero{padding:1.6rem 1.1rem}.hero-main{grid-template-columns:1fr;gap:0.9rem}.hero-divider{width:100%;height:1px;align-self:auto;background:linear-gradient(to right, rgba(232,122,191,0.1), rgba(232,122,191,0.45), rgba(232,122,191,0.1))}.hero-right{align-items:center}.hero-meta-item{justify-content:center}}.hero-actions{display:flex;gap:0.75rem;justify-content:center;flex-wrap:wrap}.post-heatmap-card{padding:1.25rem 1.35rem}.post-heatmap-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:0.9rem}.post-heatmap-sub{margin:0;color:#9b7ab5;font-size:0.84rem}.post-heatmap-summary{margin:0;font-size:0.84rem;color:#825aa2}.post-heatmap-wrap{overflow-x:auto;padding-bottom:0.35rem}.post-heatmap-grid{display:inline-flex;gap:0.22rem;min-width:max-content}.post-heatmap-months{display:inline-flex;gap:0.22rem;min-width:max-content;margin-bottom:0.28rem}.post-heatmap-month{width:11px;text-align:left;font-size:0.62rem;color:rgba(155,122,181,0.9);line-height:1;white-space:nowrap}.post-heatmap-week{display:grid;grid-template-rows:repeat(7, 1fr);gap:0.22rem}.post-heatmap-cell{width:11px;height:11px;border-radius:3px;border:1px solid rgba(232,122,191,0.12);background:rgba(167,139,250,0.06);padding:0;cursor:default;transition:transform 0.15s ease, border-color 0.15s ease}.post-heatmap-cell:focus-visible,.post-heatmap-cell:hover{transform:scale(1.12);border-color:rgba(232,122,191,0.55);outline:none}.post-heatmap-cell.level-0{background:rgba(167,139,250,0.06)}.post-heatmap-cell.level-1{background:rgba(125,211,252,0.25)}.post-heatmap-cell.level-2{background:rgba(167,139,250,0.55)}.post-heatmap-cell.level-3{background:rgba(232,122,191,0.65)}.post-heatmap-cell.level-4{background:rgba(232,122,191,0.9)}.post-heatmap-cell.is-out-range,.post-heatmap-cell.is-future{opacity:0.35}.post-heatmap-cell.is-interactive{cursor:pointer}.post-heatmap-cell.is-selected{border-color:rgba(232,122,191,0.85);box-shadow:0 0 0 1px rgba(232,122,191,0.35)}.post-heatmap-meta{margin-top:0.85rem;display:flex;justify-content:space-between;gap:0.8rem;align-items:center;flex-wrap:wrap}.post-heatmap-tooltip{margin:0;font-size:0.8rem;color:#9b7ab5}.post-heatmap-legend{display:inline-flex;align-items:center;gap:0.35rem;color:#9b7ab5;font-size:0.76rem}.post-heatmap-daylist{margin-top:0.9rem;padding-top:0.85rem;border-top:1px dashed rgba(232,122,191,0.2)}.post-heatmap-daylist-title{margin:0 0 0.4rem;font-size:0.84rem;color:#7d569b}.post-heatmap-daylist-items{margin:0;padding-left:1.1rem;font-size:0.84rem;color:#9b7ab5}.post-heatmap-daylist-items li{margin:0.2rem 0}.post-heatmap-daylist-items a{color:#a78bfa;text-decoration:underline;text-underline-offset:2px}.post-heatmap-daylist-items a:hover{color:#e87abf}@media (max-width: 760px){.post-heatmap-card{padding:1rem}.post-heatmap-month{width:10px}.post-heatmap-cell{width:10px;height:10px}.post-heatmap-tooltip{font-size:0.76rem}}.home-sections{display:grid;gap:1.5rem}.latest-posts{margin-top:0}.interest-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.75rem}.profile-card{display:flex;align-items:center;gap:1.75rem;margin-bottom:2rem;flex-wrap:wrap}.profile-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg, #fce4f5 0%, #ede9fe 50%, #dbeafe 100%);border:3px solid #e87abf;box-shadow:0 0 0 4px rgba(232,122,191,0.15);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:2.5rem;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info h1{font-size:1.6rem;margin-bottom:0.25rem}.profile-tagline{color:#9b7ab5;font-size:0.92rem}.hobby-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:0.75rem}.hobby-item{display:flex;align-items:center;gap:0.6rem;padding:0.6rem 0.9rem;background:rgba(232,122,191,0.05);border-radius:16px;border:1px solid #f0d6eb;font-size:0.88rem}.hobby-icon{font-size:1.1rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1.1rem}.project-card{background:linear-gradient(145deg, #fff8fd, #f8f4ff);border:1px solid #f0d6eb;border-radius:16px;padding:1.25rem 1.5rem;transition:all 0.25s}.project-card:hover{box-shadow:0 8px 32px rgba(168,100,180,0.18);transform:translateY(-2px)}.project-title{font-size:1rem;font-weight:700;margin-bottom:0.4rem}.project-desc{font-size:0.85rem;color:#9b7ab5;margin-bottom:0.75rem}.project-tags{display:flex;flex-wrap:wrap;gap:0.35rem}.project-links{margin-top:0.75rem;display:flex;gap:0.5rem}.project-link{font-size:0.78rem;color:#a78bfa;text-decoration:none;font-weight:600}.project-link:hover{color:#e87abf}.friends-intro{text-align:center;color:#9b7ab5;font-size:0.92rem;margin-bottom:2rem}.sp-section{margin-bottom:3rem;scroll-margin-top:4.5rem}.blog-header{margin-bottom:2rem;display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:0.5rem}.post-count{font-size:0.85rem;color:#9b7ab5}