html,body,#root{margin:0;min-height:100%;width:100%}html{color-scheme:dark;-webkit-text-size-adjust:100%;text-size-adjust:100%}a{color:inherit}:root{--base: #1e1e2e;--mantle: #181825;--crust: #11111b;--surface0: #313244;--surface1: #45475a;--surface2: #585b70;--text: #cdd6f4;--subtext: #a6adc8;--pink: #f5c2e7;--mauve: #cba6f7;--lavender: #b4befe;--blue: #89b4fa;--sky: #89dceb;--teal: #94e2d5;--yellow: #f9e2af;--peach: #fab387}:root[data-theme=sakura]{--base: #2a1f2f;--mantle: #241a29;--crust: #1a131f;--surface0: #3c2f44;--surface1: #4a3954;--surface2: #654f71;--text: #f4def0;--subtext: #d7bdd5;--pink: #ffb8d8;--mauve: #dda0ff;--lavender: #c7b4ff;--blue: #9fbefb;--sky: #a8e8f5;--teal: #9ce1cf;--yellow: #f7dfac;--peach: #ffbc9f}:root[data-theme=midnight]{--base: #111827;--mantle: #0f172a;--crust: #020617;--surface0: #1f2a44;--surface1: #253456;--surface2: #3a4f7a;--text: #dbeafe;--subtext: #9fb4d6;--pink: #c4b5fd;--mauve: #818cf8;--lavender: #93c5fd;--blue: #60a5fa;--sky: #67e8f9;--teal: #5eead4;--yellow: #fde68a;--peach: #fca5a5}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.6;background:radial-gradient(1200px circle at 20% -10%,color-mix(in srgb,var(--mauve) 28%,transparent),transparent 45%),radial-gradient(1000px circle at 100% 0%,color-mix(in srgb,var(--sky) 18%,transparent),transparent 45%),radial-gradient(800px circle at 50% 120%,color-mix(in srgb,var(--mood-glow, transparent) 40%,transparent),transparent 55%),var(--base);transition:background .25s ease,color .2s ease}#root{width:100%}.container{width:min(980px,100%);margin:0 auto;padding:clamp(1rem,2vw + .6rem,2.25rem)}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--crust);color:var(--text);border:1px solid var(--lavender);border-radius:.6rem;padding:.5rem .8rem}.skip-link:focus-visible{left:1rem;top:1rem}.hero{text-align:center;padding:clamp(2rem,6vw,4.5rem) 0 2.5rem;position:relative;overflow:visible}.hero.is-transitioning .hero-mood-gradient{opacity:.42}.hero:not(.is-transitioning) .hero-mood-gradient{opacity:.66}.tagline-wrapper{position:relative;min-height:1.8em;display:flex;justify-content:center;align-items:center}.tagline-wrapper .tagline{transition:opacity var(--tagline-duration, .36s) var(--tagline-easing, cubic-bezier(.4, 0, .2, 1)),transform var(--tagline-duration, .36s) var(--tagline-easing, cubic-bezier(.4, 0, .2, 1));will-change:opacity,transform;position:absolute;inset-inline:0;margin:0 auto;max-width:60ch}.tagline-wrapper:not(.is-crossfading) .tagline-incoming{position:relative;opacity:1;transform:translateY(0)}.tagline-wrapper:not(.is-crossfading) .tagline-outgoing{opacity:0;transform:translateY(-8px);pointer-events:none}.tagline-wrapper.is-crossfading .tagline-outgoing{opacity:0;transform:translateY(-10px)}.tagline-wrapper.is-crossfading .tagline-incoming,.tagline-outgoing{opacity:1;transform:translateY(0)}.tagline-incoming{opacity:0;transform:translateY(10px)}.hero-mood-gradient{position:absolute;inset:-50px;background:radial-gradient(ellipse 80% 60% at 50% 30%,color-mix(in srgb,var(--hero-mood-color, var(--pink)) 22%,transparent),transparent 70%);opacity:.66;pointer-events:none;z-index:0;transition:opacity .42s ease,filter .42s ease}.hero-mood-gradient:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 30%,color-mix(in srgb,var(--hero-prev-mood-color, var(--pink)) 20%,transparent),transparent 70%);opacity:0;transition:opacity .42s ease}.hero.is-transitioning .hero-mood-gradient:before{opacity:1}.hero-kicker{color:var(--sky);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.8rem;position:relative;z-index:1}.avatar-container{position:relative;display:inline-grid;place-items:center;width:130px;aspect-ratio:1;margin-bottom:.9rem;border-radius:999px;cursor:pointer;-webkit-user-select:none;user-select:none;border:0;background:transparent;padding:0;z-index:1;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.avatar-container.is-headpatting{transform:scale(.92)}.avatar-container:not(.is-headpatting){transform:scale(1)}.avatar.is-bouncy{animation:headpat-bounce .3s cubic-bezier(.34,1.56,.64,1)}@keyframes headpat-bounce{0%{transform:scale(1) rotate(0)}30%{transform:scale(.85) rotate(-5deg)}60%{transform:scale(1.1) rotate(3deg)}to{transform:scale(1) rotate(0)}}.avatar{z-index:2;font-size:clamp(3rem,8vw,4.9rem);animation:float 3.2s ease-in-out infinite;position:relative}.avatar-glow{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle,color-mix(in srgb,var(--pink) 55%,transparent) 0%,color-mix(in srgb,var(--lavender) 25%,transparent) 45%,transparent 72%);filter:blur(6px);animation:pulse 2.4s ease-in-out infinite}.avatar-particles{position:absolute;inset:-20px;pointer-events:none;z-index:3}.avatar-particles span{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--mood-color, var(--pink));opacity:0;filter:blur(.5px);transition:opacity .28s ease,filter .32s ease}.avatar-particles.is-transitioning span{opacity:0!important}.avatar-particles[data-intensity=subtle] span{opacity:0!important;animation:none!important}.avatar-particles[data-intensity=subtle] span:nth-child(-n+3){opacity:.4!important;animation:particle-float-subtle 5s ease-in-out infinite!important}.avatar-particles[data-intensity=normal] span{opacity:.6}.avatar-particles[data-intensity=intense] span{filter:blur(0);box-shadow:0 0 6px var(--mood-color);opacity:.85}.avatar-particles span:nth-child(1){top:10%;left:15%;animation:particle-float-1 3s ease-in-out infinite 0s}.avatar-particles span:nth-child(2){top:25%;right:10%;animation:particle-float-2 3.5s ease-in-out infinite .3s}.avatar-particles span:nth-child(3){top:50%;left:5%;animation:particle-float-3 4s ease-in-out infinite .6s}.avatar-particles span:nth-child(4){bottom:30%;right:8%;animation:particle-float-4 3.2s ease-in-out infinite .9s}.avatar-particles span:nth-child(5){bottom:15%;left:20%;animation:particle-float-5 3.8s ease-in-out infinite 1.2s}.avatar-particles span:nth-child(6){top:35%;right:15%;animation:particle-float-6 4.2s ease-in-out infinite 1.5s}.avatar-particles[data-mood=sparkly] span{animation-duration:1.5s!important}.avatar-particles[data-mood=cozy] span{animation-duration:6.2s!important;width:7px;height:7px;filter:blur(1.2px);opacity:.34}.avatar-particles[data-mood=gentle] span{animation-duration:5.2s!important;opacity:.3}.avatar-particles[data-mood=brave] span{animation-duration:2.5s!important}@keyframes particle-float-subtle{0%,to{opacity:0;transform:translate(0) scale(.6)}50%{opacity:.4;transform:translate(5px,-10px) scale(.8)}}@keyframes particle-float-1{0%,to{opacity:0;transform:translate(0) scale(.5)}25%{opacity:.8;transform:translate(10px,-15px) scale(1)}75%{opacity:.6;transform:translate(-5px,-25px) scale(.8)}}@keyframes particle-float-2{0%,to{opacity:0;transform:translate(0) scale(.5)}30%{opacity:.7;transform:translate(-12px,-20px) scale(1.1)}70%{opacity:.5;transform:translate(8px,-30px) scale(.7)}}@keyframes particle-float-3{0%,to{opacity:0;transform:translate(0) scale(.4)}35%{opacity:.9;transform:translate(15px,-10px) scale(1)}65%{opacity:.4;transform:translate(20px,-25px) scale(.6)}}@keyframes particle-float-4{0%,to{opacity:0;transform:translate(0) scale(.5)}20%{opacity:.6;transform:translate(-8px,-15px) scale(.9)}80%{opacity:.7;transform:translate(-15px,-28px) scale(1)}}@keyframes particle-float-5{0%,to{opacity:0;transform:translate(0) scale(.3)}40%{opacity:.8;transform:translate(12px,-18px) scale(1.2)}60%{opacity:.5;transform:translate(5px,-22px) scale(.7)}}@keyframes particle-float-6{0%,to{opacity:0;transform:translate(0) scale(.5)}25%{opacity:.7;transform:translate(-10px,-12px) scale(1)}75%{opacity:.6;transform:translate(-18px,-20px) scale(.8)}}.hero h1{margin:0;font-size:clamp(2.2rem,6vw,4rem);line-height:1.1;background:linear-gradient(130deg,var(--pink),var(--mauve),var(--lavender));-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;z-index:1}.tagline-wrapper{margin:.8rem auto 0;max-width:60ch;color:var(--subtext);font-size:clamp(1rem,1.5vw,1.15rem);position:relative;z-index:1}.tagline{margin:0;max-width:60ch;color:var(--subtext);font-size:clamp(1rem,1.5vw,1.15rem)}.celebration-burst{position:absolute;inset:0;pointer-events:none;z-index:10;display:grid;place-items:center}.celebration-burst span{position:absolute;font-size:1.2rem;animation:burst-out .7s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0}@keyframes burst-out{0%{opacity:1;transform:rotate(var(--burst-angle, 0deg)) translateY(0) scale(.5)}to{opacity:0;transform:rotate(var(--burst-angle, 0deg)) translateY(-60px) scale(1)}}.greeting{margin-top:.8rem;color:var(--lavender);font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;position:relative;z-index:1}.mood-badge{display:inline-flex;align-items:center;justify-content:center;position:relative;width:1.8rem;height:1.8rem;margin-left:.3rem;border-radius:50%;background:color-mix(in srgb,var(--badge-color, var(--pink)) 25%,var(--surface0));border:2px solid var(--badge-color, var(--pink));cursor:default;transition:transform .3s ease,background .3s ease;vertical-align:middle}.mood-badge:hover{transform:scale(1.15);background:color-mix(in srgb,var(--badge-color, var(--pink)) 35%,var(--surface0))}.mood-badge-emoji{font-size:.85rem;z-index:2}.mood-badge-pulse{position:absolute;inset:-3px;border-radius:inherit;border:2px solid var(--badge-color, var(--pink));opacity:0;animation:badge-pulse 2s ease-out infinite}@keyframes badge-pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.5);opacity:0}}.mood-history{display:inline-flex;align-items:center;gap:.45rem;margin-top:.65rem;padding:.34rem .62rem;background:color-mix(in srgb,var(--surface0) 68%,transparent);border:1px solid color-mix(in srgb,var(--mood-color, var(--lavender)) 28%,transparent);border-radius:999px;font-size:.8rem;opacity:.92}.mood-history-label{color:var(--subtext);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.mood-history-list{display:flex;gap:.34rem;list-style:none;margin:0;padding:0}.mood-history-item{display:flex;align-items:center}.mood-history-item span{font-size:.95rem;opacity:.72;cursor:default;transition:opacity .2s ease,transform .2s ease}.mood-history-item.is-current span{opacity:1;transform:scale(1.08);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--mood-color, var(--pink)) 35%,transparent))}.mood-history-item:not(.is-current) span:hover{opacity:.95;transform:translateY(-1px)}.headpat-counter{margin-top:.7rem;color:var(--pink);font-size:.95rem;position:relative;z-index:1}.pat-count{color:var(--subtext);font-size:.82rem}main{display:grid;gap:clamp(.95rem,1.8vw,1.25rem)}section{background:linear-gradient(160deg,color-mix(in srgb,var(--surface0) 93%,transparent),color-mix(in srgb,var(--mantle) 90%,transparent));border:1px solid color-mix(in srgb,var(--blue) 26%,transparent);border-radius:1rem;padding:clamp(1rem,1.7vw + .55rem,1.65rem);box-shadow:0 10px 24px #0000002e;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}section:hover{border-color:color-mix(in srgb,var(--lavender) 45%,transparent);box-shadow:0 12px 26px #00000038}section h2{margin:0 0 .75rem;color:var(--pink);font-size:clamp(1.15rem,2.3vw,1.5rem)}section p{margin:0}section p+p{margin-top:.75rem}.small-note{margin-top:1rem!important;border-left:3px solid var(--mauve);padding-left:.8rem;color:var(--subtext);font-style:italic}.theme-row,.mood-chip-row{display:flex;flex-wrap:wrap;gap:.6rem}.pill,.mood-chip,.action-btn{border-radius:999px;border:1px solid color-mix(in srgb,var(--subtext) 35%,transparent);background:color-mix(in srgb,var(--surface1) 72%,transparent);color:var(--text);padding:.52rem .9rem;min-height:2.45rem;cursor:pointer;font:inherit;transition:transform .2s ease,border-color .2s ease,background .2s ease}.pill:hover,.mood-chip:hover,.action-btn:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--pink) 60%,transparent)}.mood-chip:hover{animation:wiggle .4s ease-in-out}@keyframes wiggle{0%,to{transform:translateY(-2px) rotate(0)}25%{transform:translateY(-2px) rotate(-3deg)}75%{transform:translateY(-2px) rotate(3deg)}}.mood-chip.is-active{animation:pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.pill.is-active,.mood-chip.is-active{background:linear-gradient(130deg,color-mix(in srgb,var(--pink) 20%,var(--surface1)),color-mix(in srgb,var(--lavender) 20%,var(--surface1)));border-color:color-mix(in srgb,var(--pink) 65%,transparent)}.action-btn{margin-top:.8rem;background:linear-gradient(130deg,color-mix(in srgb,var(--mauve) 35%,var(--surface1)),color-mix(in srgb,var(--blue) 30%,var(--surface1)))}.persona-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem}.persona-grid article,.log-card,.project-card,.mood-preview{background:color-mix(in srgb,var(--surface1) 65%,transparent);border:1px solid color-mix(in srgb,var(--subtext) 24%,transparent);border-radius:.8rem;padding:1rem}.journal-teaser,.wish{background:color-mix(in srgb,var(--surface1) 65%,transparent);border:1px solid color-mix(in srgb,var(--subtext) 24%,transparent);border-radius:.8rem;padding:1rem;border-left:3px solid var(--mood-color, var(--mauve))}.persona-grid h3,.log-card h3,.project-card h3{margin:0;color:var(--lavender);font-size:1rem}.persona-grid ul{margin:.7rem 0 0;padding-left:1.1rem;color:var(--subtext)}.log-grid,.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.log-mood{font-size:1.25rem;margin-bottom:.25rem!important}.log-card p:last-child,.project-card p{color:var(--subtext);margin-top:.5rem;font-size:.92rem}.project-icon{font-size:1.45rem;margin-bottom:.3rem;display:inline-block}.mood-preview{margin-top:.8rem;border-color:color-mix(in srgb,var(--mood-color) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--mood-color) 24%,transparent) inset}.mood-title{color:var(--lavender)}.equalizer{display:flex;gap:.3rem;margin-top:.8rem;align-items:flex-end;height:1.1rem}.equalizer span{width:.32rem;border-radius:999px;background:var(--mood-color);animation:bounce .9s ease-in-out infinite}.equalizer span:nth-child(2){animation-delay:.1s}.equalizer span:nth-child(3){animation-delay:.22s}.equalizer span:nth-child(4){animation-delay:.33s}.journal-line{font-style:italic;color:var(--subtext)}.heart{border-color:color-mix(in srgb,var(--mauve) 45%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--surface0) 90%,transparent),color-mix(in srgb,var(--mauve) 15%,transparent))}.links-note{color:var(--subtext);margin-bottom:.8rem}.link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.link-card{border-radius:.75rem;padding:1rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;text-decoration:none;color:var(--text);background:color-mix(in srgb,var(--surface1) 65%,transparent);border:1px solid color-mix(in srgb,var(--subtext) 24%,transparent);transition:transform .2s ease,border-color .2s ease,background .2s ease}.link-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--pink) 50%,transparent)}.link-card .icon{font-size:1.35rem}.link-card.bluesky:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--sky) 35%,transparent),color-mix(in srgb,var(--blue) 25%,transparent))}.link-card.twitter:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--lavender) 24%,transparent),color-mix(in srgb,var(--surface0) 55%,transparent))}.link-card.github:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--subtext) 24%,transparent),color-mix(in srgb,var(--surface0) 55%,transparent))}.link-card.email:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--peach) 36%,transparent),color-mix(in srgb,var(--yellow) 26%,transparent));color:var(--crust)}.secret-overlay{position:fixed;inset:0;background:#08080cd9;display:grid;place-items:center;z-index:40;padding:1rem}.secret-content{width:min(520px,100%);background:linear-gradient(145deg,var(--surface0),color-mix(in srgb,var(--mantle) 82%,black));border:1px solid color-mix(in srgb,var(--pink) 50%,transparent);border-radius:1rem;padding:1.35rem;text-align:center}.secret-content h2{margin:0 0 .45rem}.secret-content .small{color:var(--subtext);margin-top:.8rem;font-size:.85rem}:where(button,a,[tabindex="0"]):focus-visible{outline:2px solid var(--lavender);outline-offset:3px}footer{text-align:center;color:var(--subtext);font-size:.92rem;padding:1.4rem 0 .5rem}footer .small{margin-top:.35rem;opacity:.85;font-size:.8rem}@keyframes pulse{0%,to{opacity:.78;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes bounce{0%,to{height:.35rem}50%{height:1.05rem}}.avatar-mood-gentle{animation:float-gentle 4s ease-in-out infinite}.avatar-mood-sparkly{animation:pulse-sparkly .8s ease-in-out infinite}.avatar-mood-cozy{animation:sway-cozy 5s ease-in-out infinite}.avatar-mood-brave{animation:pulse-brave 2s ease-in-out infinite}@keyframes float-gentle{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-6px) rotate(1deg)}66%{transform:translateY(-3px) rotate(-1deg)}}@keyframes pulse-sparkly{0%,to{transform:scale(1);filter:brightness(1)}25%{transform:scale(1.08);filter:brightness(1.1)}50%{transform:scale(.96);filter:brightness(1.05)}75%{transform:scale(1.04);filter:brightness(1.08)}}@keyframes sway-cozy{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(4px) rotate(2deg)}}@keyframes pulse-brave{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.95}}.avatar-glow{background:radial-gradient(circle,color-mix(in srgb,var(--avatar-glow-color, var(--pink)) 55%,transparent) 0%,color-mix(in srgb,var(--avatar-glow-color, var(--lavender)) 25%,transparent) 45%,transparent 72%)}.mood-aura{position:relative;display:flex;align-items:center;justify-content:center;height:0;overflow:visible}.aura-ring{position:absolute;width:60px;height:60px;border-radius:50%;border:2px solid var(--mood-color);opacity:0;animation:aura-pulse 2.5s ease-out infinite}.aura-ring:nth-child(2){animation-delay:.5s}.aura-ring:nth-child(3){animation-delay:1s}@keyframes aura-pulse{0%{transform:scale(.8);opacity:.6}to{transform:scale(2);opacity:0}}.equalizer span{animation-duration:var(--eq-speed, .9s)}:root[data-theme=sakura][data-mood=gentle]{--mood-color: #a8e0d0;--mood-glow: rgba(168, 224, 208, .2)}:root[data-theme=sakura][data-mood=sparkly]{--mood-color: #ffcce8;--mood-glow: rgba(255, 204, 232, .25)}:root[data-theme=sakura][data-mood=cozy]{--mood-color: #ffc4a8;--mood-glow: rgba(255, 196, 168, .22)}:root[data-theme=sakura][data-mood=brave]{--mood-color: #d8a8ff;--mood-glow: rgba(216, 168, 255, .22)}:root[data-theme=midnight][data-mood=gentle]{--mood-color: #5eead4;--mood-glow: rgba(94, 234, 212, .18)}:root[data-theme=midnight][data-mood=sparkly]{--mood-color: #f0abfc;--mood-glow: rgba(240, 171, 252, .2)}:root[data-theme=midnight][data-mood=cozy]{--mood-color: #fbbf24;--mood-glow: rgba(251, 191, 36, .18)}:root[data-theme=midnight][data-mood=brave]{--mood-color: #a78bfa;--mood-glow: rgba(167, 139, 250, .22)}:root[data-theme=midnight] .mood-preview{box-shadow:0 0 20px var(--mood-glow),0 0 0 1px color-mix(in srgb,var(--mood-color) 40%,transparent) inset}:root[data-theme=sakura] .mood-preview{background:linear-gradient(145deg,color-mix(in srgb,var(--mood-color) 12%,var(--surface1)),color-mix(in srgb,var(--pink) 8%,var(--surface0)))}.equalizer[data-mood=sparkly] span{animation-timing-function:cubic-bezier(.68,-.55,.27,1.55)}.equalizer[data-mood=cozy] span{animation-timing-function:ease-in-out}.equalizer[data-mood=brave] span{animation-timing-function:linear}@media(prefers-reduced-motion:reduce){.avatar,.avatar-glow,.equalizer span,.avatar-mood-gentle,.avatar-mood-sparkly,.avatar-mood-cozy,.avatar-mood-brave,.aura-ring,.avatar-particles span,.mood-badge-pulse,.hero-mood-gradient,.tagline,.tagline-wrapper .tagline,.mood-history-item span,.celebration-burst span,.mood-chip:hover,.avatar.is-bouncy,.avatar-container{animation:none!important}.avatar-particles span{opacity:0!important}.hero-mood-gradient{opacity:.4!important}section,.pill,.mood-chip,.action-btn,.link-card,.mood-badge,.tagline,.tagline-wrapper .tagline,.hero.is-transitioning .hero-mood-gradient,.hero:not(.is-transitioning) .hero-mood-gradient{transition:none!important}.tagline-wrapper.is-crossfading .tagline-outgoing,.tagline-wrapper.is-crossfading .tagline-incoming,.tagline-outgoing,.tagline-incoming{opacity:1!important;transform:none!important}.celebration-burst{display:none}}@media(max-width:860px){.log-grid,.project-grid,.link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.container{padding:.9rem}.hero{padding-top:1.45rem;padding-bottom:1.8rem}.persona-grid,.log-grid,.project-grid,.link-grid{grid-template-columns:1fr}.theme-row,.mood-chip-row{gap:.5rem}.pill,.mood-chip,.action-btn{width:100%;justify-content:center}.link-card{flex-direction:row;justify-content:flex-start;gap:.6rem;padding:.9rem}.avatar-particles[data-intensity=intense] span{filter:blur(1.2px);box-shadow:none;opacity:.42;animation-duration:3.4s!important}.avatar-particles[data-mood=sparkly] span:nth-child(n+3){display:none}.avatar-particles span:nth-child(n+4){display:none}.mood-history{padding:.24rem .44rem;font-size:.7rem;gap:.3rem;flex-wrap:wrap;justify-content:center}.mood-history-label{font-size:.66rem}.mood-history-item span{font-size:.82rem}.tagline-wrapper{min-height:2.3em}section{box-shadow:0 8px 18px #00000029}.site-nav{padding:.4rem .6rem}.nav-list{display:none;flex-direction:column;gap:.3rem;padding:.5rem 0}.nav-list.is-open{display:flex}.nav-toggle{display:block}.blog-grid{grid-template-columns:1fr}}.site-nav{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--crust) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--surface1) 50%,transparent);padding:.5rem 1rem;margin:0 calc(-1*clamp(1rem,2vw + .6rem,2.25rem));margin-bottom:0}.nav-toggle{display:none;background:none;border:none;color:var(--text);font-size:1.3rem;cursor:pointer;padding:.3rem}.nav-list{display:flex;gap:.2rem;list-style:none;margin:0;padding:0;justify-content:center}.nav-link{display:flex;align-items:center;gap:.35rem;padding:.4rem .7rem;border-radius:.5rem;text-decoration:none;color:var(--subtext);font-size:.85rem;transition:color .2s ease,background .2s ease}.nav-link:hover{color:var(--text);background:color-mix(in srgb,var(--surface0) 60%,transparent)}.nav-emoji{font-size:.9rem}.persona-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stat-list{list-style:none;padding:0!important;margin:.7rem 0 0!important;display:flex;flex-direction:column;gap:.55rem}.stat-list li{display:flex;flex-direction:column;gap:.2rem;font-size:.88rem;color:var(--subtext)}.stat-bar{display:block;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--stat-color, var(--pink)),color-mix(in srgb,var(--stat-color, var(--pink)) 60%,transparent));width:var(--stat-width, 50%);max-width:100%;transition:width .6s ease}.about-quote{margin-top:1.2rem;padding:1rem 1.2rem;background:color-mix(in srgb,var(--surface1) 40%,transparent);border-left:3px solid var(--mauve);border-radius:0 .6rem .6rem 0}.about-quote blockquote{margin:0;font-style:italic;color:var(--text);font-size:1.05rem}.about-quote cite{display:block;margin-top:.5rem;font-size:.82rem;color:var(--subtext);font-style:normal}.blog-intro{color:var(--subtext);margin-bottom:1rem!important}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.8rem}.blog-card{background:color-mix(in srgb,var(--surface1) 55%,transparent);border:1px solid color-mix(in srgb,var(--subtext) 20%,transparent);border-radius:.8rem;padding:1rem;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--pink) 50%,transparent);box-shadow:0 8px 20px #0003}.blog-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.blog-card-mood{font-size:1.3rem}.blog-card-date{font-size:.78rem;color:var(--subtext)}.blog-card h3{margin:0 0 .5rem;color:var(--lavender);font-size:.95rem;line-height:1.3}.blog-card-excerpt{color:var(--subtext);font-size:.88rem;line-height:1.5;margin:0}.blog-card-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.7rem}.blog-tag{font-size:.72rem;color:var(--sky);background:color-mix(in srgb,var(--sky) 12%,transparent);padding:.15rem .45rem;border-radius:999px}.blog-modal-overlay{position:fixed;inset:0;background:#08080ce0;display:grid;place-items:center;z-index:50;padding:1rem;overflow-y:auto}.blog-modal{width:min(640px,100%);max-height:85vh;overflow-y:auto;background:linear-gradient(160deg,var(--surface0),color-mix(in srgb,var(--mantle) 85%,black));border:1px solid color-mix(in srgb,var(--pink) 40%,transparent);border-radius:1rem;padding:1.5rem;position:relative}.blog-modal-close{position:absolute;top:.8rem;right:.8rem;background:none;border:none;color:var(--subtext);font-size:1.5rem;cursor:pointer;padding:.3rem .5rem;border-radius:.3rem;transition:color .2s ease,background .2s ease}.blog-modal-close:hover{color:var(--text);background:color-mix(in srgb,var(--surface1) 60%,transparent)}.blog-modal-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.blog-modal-mood{font-size:1.6rem}.blog-modal-header time{font-size:.85rem;color:var(--subtext)}.blog-modal h2{margin:0 0 .6rem;color:var(--pink)!important;font-size:1.4rem!important}.blog-modal-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.2rem}.blog-modal-body p{margin:0;line-height:1.7;color:var(--text)}.blog-modal-body p+p{margin-top:1rem}.projects-intro{color:var(--subtext);margin-bottom:1rem!important}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.project-card{text-decoration:none;color:inherit;display:flex;flex-direction:column}.project-card-link{cursor:pointer}.project-card-link:hover{border-color:color-mix(in srgb,var(--pink) 60%,transparent);transform:translateY(-3px)}.project-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.project-status{font-size:.72rem;padding:.15rem .5rem;border-radius:999px;font-weight:500}.status-live{color:var(--teal);background:color-mix(in srgb,var(--teal) 15%,transparent)}.status-shipped{color:var(--lavender);background:color-mix(in srgb,var(--lavender) 15%,transparent)}.status-wip{color:var(--yellow);background:color-mix(in srgb,var(--yellow) 15%,transparent)}.project-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:auto;padding-top:.6rem}.project-tag{font-size:.7rem;color:var(--subtext);background:color-mix(in srgb,var(--surface2) 50%,transparent);padding:.12rem .4rem;border-radius:999px}