@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300;1,9..40,400&display=swap";@font-face{font-family:LittleKids;src:url(/fonts/LittleKidsHandwriting-Regular.otf) format("opentype");font-weight:400;font-style:normal}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #FFFCB8;--text: #1a1a1a;--text-muted: #5a5a4a;--text-faint: #8a8a70;--card-bg: #fffff0;--card-shadow: rgba(100,80,20,.08);--pink: #F472B6;--font-display: "LittleKids", cursive;--font-body: "DM Sans", "Helvetica Neue", Arial, sans-serif}html{font-size:17px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.65;min-height:100vh;overflow-x:hidden}a{color:var(--text);text-decoration:none}.header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1.4rem 2.5rem;position:sticky;top:0;z-index:100;background:var(--bg)}.nav-left{justify-self:start}.nav-right{justify-self:end;display:flex;align-items:center}.nav-left a,.nav-right a{font-family:var(--font-body);font-size:.92rem;color:var(--text);margin:0 1rem;transition:opacity .2s;cursor:pointer}.nav-left a:hover,.nav-right a:hover{opacity:.5}.nav-left a.active,.nav-right a.active{text-decoration:underline;text-underline-offset:4px}.brand-wrap{justify-self:center;text-align:center;position:relative;display:inline-block;cursor:pointer}.brand{font-family:var(--font-display);font-size:1.8rem;letter-spacing:.08em}.brand-star{position:absolute;opacity:0;pointer-events:none;font-size:.9rem;color:var(--pink)}.brand-star.visible{opacity:1;animation:starShake .5s ease-out}@keyframes starShake{0%{transform:scale(.3) rotate(0);opacity:0}40%{transform:scale(1.4) rotate(10deg);opacity:1}60%{transform:scale(.9) rotate(-8deg)}80%{transform:scale(1.1) rotate(4deg)}to{transform:scale(1) rotate(0);opacity:1}}.brand-star:nth-child(1){top:-14px;left:-20px}.brand-star:nth-child(2){top:-12px;right:-18px;font-size:.65rem}.brand-star:nth-child(3){bottom:-10px;left:15%;font-size:.6rem}.brand-star:nth-child(4){bottom:-12px;right:12%;font-size:.8rem}.brand-star:nth-child(5){top:40%;left:-26px;font-size:.7rem}.brand-star:nth-child(6){top:40%;right:-24px;font-size:.75rem}.float-btn{position:fixed;z-index:200;width:46px;height:46px;border-radius:50%;background:var(--text);color:var(--bg);display:flex;align-items:center;justify-content:center;transition:transform .3s,background .3s;box-shadow:0 3px 12px #00000026;text-decoration:none;cursor:pointer}.snake-float{bottom:1.5rem;left:1.5rem}.ig-float{bottom:1.5rem;right:1.5rem}.ig-float:hover{transform:scale(1.1);background:#e1306c;color:#fff}.snake-float:hover{transform:scale(1.1);background:#3a8c3e;color:#fff}.page{display:none;min-height:calc(100vh - 70px)}.page.active{display:block;animation:fadeUp .3s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-title-display{font-family:var(--font-display);font-size:2.8rem;text-align:center;letter-spacing:.06em;margin-bottom:.8rem}.pill-btn{font-family:var(--font-body);font-size:.92rem;color:var(--text);padding:.65rem 1.8rem;border:1.5px solid var(--text);border-radius:30px;background:transparent;cursor:pointer;transition:all .25s;text-decoration:none;display:inline-block}.pill-btn:hover{background:var(--text);color:var(--bg)}.home-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 2rem 5rem}.brain-img{width:min(520px,75vw);height:auto;margin-bottom:2.5rem;transition:transform .6s;filter:drop-shadow(0 8px 30px rgba(0,0,0,.08))}.brain-img:hover{transform:scale(1.03) rotate(1deg)}.home-text{max-width:600px}.home-text p{font-size:1.15rem;line-height:1.7;margin-bottom:.3rem}.home-text p.light{color:var(--text-muted)}.thoughts-page{padding:1rem 2.5rem 5rem;max-width:1200px;margin:0 auto}.thoughts-intro{text-align:center;max-width:580px;margin:0 auto 1.5rem;font-size:.92rem;color:var(--text-muted);line-height:1.6}.thoughts-top-btn{text-align:center;margin-bottom:2.5rem}.blog-magazine{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.2rem;margin-bottom:2.5rem}.blog-card{background:var(--card-bg);border-radius:6px;overflow:hidden;box-shadow:0 2px 10px var(--card-shadow);transition:transform .3s,box-shadow .3s;cursor:pointer}.blog-card:hover{transform:translateY(-3px);box-shadow:0 6px 22px #64501421}.blog-card-img{width:100%;aspect-ratio:5/4;object-fit:cover;display:block;background:linear-gradient(135deg,#e8d8b0,#d4c890)}.blog-card-body{padding:.7rem .85rem .85rem}.blog-card-title{font-weight:600;font-size:.88rem;line-height:1.3;margin-bottom:.15rem}.blog-card-sub{font-size:.78rem;color:var(--text-muted);line-height:1.35}.blog-card-meta{font-size:.65rem;color:var(--text-faint);margin-top:.3rem;text-transform:uppercase}.thoughts-bottom{text-align:center}.pick-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem 2rem 4rem;min-height:calc(100vh - 70px);position:relative;overflow:hidden}.pick-subtitle{font-size:1rem;color:var(--text-muted);margin-bottom:1.5rem}.pick-brain-wrap{position:relative;display:inline-block;margin-bottom:2.5rem}.pick-brain{width:min(420px,65vw);height:auto;filter:drop-shadow(0 8px 30px rgba(0,0,0,.08));transition:transform .15s ease-out}.pick-brain.shake{animation:brainShake .4s ease-out}@keyframes brainShake{0%{transform:rotate(0)}20%{transform:rotate(3deg)}40%{transform:rotate(-3deg)}60%{transform:rotate(2deg)}80%{transform:rotate(-1deg)}to{transform:rotate(0)}}.pick-cursor{position:fixed;width:100px;height:auto;pointer-events:none;z-index:300;filter:drop-shadow(2px 3px 6px rgba(0,0,0,.12));display:none}.brain-sparkle{position:absolute;color:var(--pink);font-size:.8rem;pointer-events:none;opacity:0;z-index:10}.brain-sparkle.fall{animation:sparkleFall 1s ease-out forwards}@keyframes sparkleFall{0%{opacity:1;transform:translateY(0) scale(1) rotate(0)}50%{opacity:.8;transform:translateY(40px) scale(1.2) rotate(15deg)}to{opacity:0;transform:translateY(100px) scale(.5) rotate(30deg)}}.pick-entrance{animation:pickBounce .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes pickBounce{0%{opacity:0;transform:scale(.3) rotate(-10deg)}60%{opacity:1;transform:scale(1.05) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.pick-title-anim{animation:titleDrop .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes titleDrop{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.pick-sub-anim{animation:fadIn .4s ease-out .2s both}.pick-btn-anim{animation:fadIn .4s ease-out .6s both}@keyframes fadIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.about-page{padding:1rem 2.5rem 5rem;max-width:720px;margin:0 auto}.about-origin{font-size:.9rem;color:var(--text-muted);line-height:1.7;text-align:center;max-width:580px;margin:0 auto 2rem}.about-photo-section{text-align:center;margin-bottom:1.5rem}.about-main-photo{width:min(260px,60vw);height:auto;border-radius:8px;box-shadow:0 4px 20px var(--card-shadow);margin-bottom:.8rem;transition:transform .35s,box-shadow .35s}.about-main-photo:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 10px 36px #64501429}.about-caption{font-size:.88rem;color:var(--text-muted);font-style:italic;margin-bottom:2.5rem}.skills-section{margin-bottom:3rem}.skills-title{font-family:var(--font-display);font-size:1.8rem;text-align:center;margin-bottom:2rem}.skills-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.skill-card{text-align:center}.skill-star-wrap{position:relative;width:190px;height:190px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center}.skill-star{position:absolute;width:100%;height:100%;transition:transform .4s}.skill-card:hover .skill-star{transform:rotate(15deg) scale(1.05)}.skill-label{position:relative;z-index:2;font-family:var(--font-display);font-size:1.05rem;color:var(--text);letter-spacing:.03em;line-height:1.3}.skill-desc{font-size:.85rem;color:var(--text-muted);line-height:1.5;max-width:280px;margin:0 auto}.about-links{display:flex;flex-direction:column;align-items:center;gap:.8rem}.about-links .pill-btn{min-width:200px;text-align:center}.snake-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 2rem 4rem;min-height:calc(100vh - 70px)}.snake-subtitle{font-size:1rem;color:var(--text-muted);margin-bottom:1.5rem}.snake-canvas{border:2px solid var(--text);border-radius:4px;background:var(--bg)}.snake-score{font-size:.85rem;color:var(--text-muted);margin-top:1rem}.snake-controls{font-size:.78rem;color:var(--text-faint);margin-top:.5rem}@media (max-width:800px){.header{padding:1rem 1.2rem;grid-template-columns:1fr;gap:.5rem;justify-items:center}.brand-wrap{order:-1}.nav-left,.nav-right{justify-self:center}.nav-left a,.nav-right a{margin:0 .6rem;font-size:.84rem}.blog-magazine{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.8rem}.page-title-display{font-size:2.2rem}.skills-grid{grid-template-columns:1fr;gap:2rem}.snake-float{display:none}}