@font-face{font-family:VT323 Local;src:url(/assets/fonts/VT323-Regular.woff2) format("woff2");font-display:swap}:root{--ink: #4a3b83;--ink-soft: #7460aa;--cream: #fff7bf;--cream-deep: #f8e89d;--mint: #cbe9d9;--mint-deep: #9fcabf;--pink: #ff8da9;--pink-soft: #ffc4c4;--lavender: #afa2d7;--shadow: rgba(74, 59, 131, .22);--pixel: 6px}*{box-sizing:border-box}html{min-height:100%;background:linear-gradient(rgba(74,59,131,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(74,59,131,.13) 1px,transparent 1px),#6250a4;background-size:16px 16px}body{min-height:100vh;margin:0;color:var(--ink);font-family:VT323 Local,monospace;letter-spacing:0}a{color:inherit}::selection{color:#fffbd4;background:var(--pink)}body.is-booting{overflow:hidden}body.is-booting .page-shell{opacity:0}body.is-ready .page-shell{animation:pageReveal .22s steps(2,end) both}.boot-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:clamp(18px,4vw,36px);background:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),#6250a4;background-size:10px 10px;color:var(--ink);opacity:1;visibility:visible;pointer-events:auto}body.is-ready .boot-overlay{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s steps(2,end),visibility 0s linear .18s}.boot-overlay:before,.boot-overlay:after{content:"";position:absolute;inset:0;pointer-events:none}.boot-overlay:before{background:repeating-linear-gradient(0deg,#fff7bf2e 0 3px,#4a3b8329 3px 6px);animation:scanFlicker .14s steps(2,end) infinite}.boot-overlay:after{background:linear-gradient(90deg,transparent 0 18%,rgba(255,141,169,.5) 18% 22%,transparent 22% 100%),linear-gradient(90deg,transparent 0 62%,rgba(203,233,217,.42) 62% 68%,transparent 68% 100%);mix-blend-mode:screen;animation:glitchSlices .78s steps(2,end) infinite}.boot-card{position:relative;width:min(92vw,560px);display:grid;gap:18px;padding:clamp(22px,5vw,40px);background:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px),var(--cream);background-size:6px 6px;border:8px solid var(--ink);box-shadow:10px 10px #2f275561,-8px 0 #ff8da952,8px 0 #cbe9d952;animation:bootJitter .92s steps(2,end) both}.boot-card:before,.boot-card:after{content:"";position:absolute;left:0;right:0;height:18px;background:#ff8da975;mix-blend-mode:multiply;animation:cardSlice .48s steps(2,end) infinite}.boot-card:before{top:22%}.boot-card:after{bottom:28%;background:#cbe9d98c;animation-delay:.11s}.boot-title{position:relative;width:fit-content;font-size:clamp(4rem,12vw,8.2rem);line-height:.78}.boot-title:before,.boot-title:after{content:attr(data-text);position:absolute;inset:0;overflow:hidden;pointer-events:none}.boot-title:before{color:var(--pink);transform:translate(-6px);clip-path:inset(0 0 54% 0);animation:titleGlitchA .32s steps(2,end) infinite}.boot-title:after{color:var(--mint-deep);transform:translate(5px);clip-path:inset(48% 0 0 0);animation:titleGlitchB .36s steps(2,end) infinite}.boot-status{width:fit-content;padding:6px 12px 8px;color:var(--pink);background:#fffbd4;border:4px solid var(--pink);font-size:clamp(1.8rem,4vw,2.6rem);line-height:.9}.boot-bar{width:100%;height:22px;border:4px solid var(--ink);background:linear-gradient(90deg,var(--pink) 0 18%,transparent 18% 24%,var(--pink-soft) 24% 44%,transparent 44% 52%,var(--mint-deep) 52% 84%,transparent 84% 100%);animation:bootBar .86s steps(5,end) both}.page-shell{min-height:100vh;display:grid;place-items:center;padding:clamp(12px,3vw,28px)}.pet-screen{width:min(100%,860px);min-height:min(92vh,980px);display:grid;grid-template-rows:auto auto minmax(250px,1fr) auto auto auto;gap:14px;position:relative;overflow:hidden;padding:clamp(28px,4.6vw,48px);background:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px),radial-gradient(circle at 24% 24%,rgba(255,141,169,.28),transparent 18%),linear-gradient(180deg,var(--cream) 0 45%,#d9f0df 45% 78%,var(--cream) 78%);background-size:var(--pixel) var(--pixel),var(--pixel) var(--pixel),auto,auto;border:10px solid var(--ink);box-shadow:0 24px #2f275552;image-rendering:pixelated}.pet-screen:before{content:"";position:absolute;inset:12px;pointer-events:none;border:4px dotted rgba(74,59,131,.55)}.pet-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(74,59,131,.08) 0,rgba(74,59,131,.08) 1px,transparent 1px,transparent 7px);mix-blend-mode:multiply}.status-bar,.hero-panel,.speech-bubble,.links-panel,.bottom-menu{position:relative;z-index:1}.status-bar{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:clamp(8px,2vw,20px);font-size:clamp(2.4rem,7vw,4.8rem);line-height:.85;padding:8px 20px 0 0}.status-name,.mini-hearts,.battery{display:flex;align-items:center}.status-name{gap:12px}.pixel-heart,.mini-hearts span,.tiny-heart{width:24px;height:24px;background:var(--pink);clip-path:polygon(50% 88%,8% 46%,8% 18%,34% 18%,34% 4%,50% 4%,50% 18%,66% 18%,66% 4%,82% 4%,82% 18%,96% 18%,96% 46%);box-shadow:4px 4px 0 var(--ink)}.mini-hearts{gap:10px}.mini-hearts span{width:22px;height:22px}.mini-hearts .empty{background:var(--pink-soft);opacity:.78}.battery{width:clamp(64px,13vw,120px);height:clamp(34px,6vw,62px);gap:6px;padding:8px;border:5px solid var(--ink);box-shadow:4px 4px #4a3b8333}.battery:after{content:"";width:10px;height:26px;border:5px solid var(--ink);border-left:0;position:absolute;right:5px}.battery span{flex:1;height:100%;background:var(--pink-soft)}.screen-rule{position:relative;z-index:1;border-top:5px dotted var(--ink)}.hero-panel{display:grid;grid-template-columns:minmax(110px,.72fr) minmax(210px,1.18fr);align-items:center;min-height:330px;isolation:isolate}.hero-panel:before{content:"";position:absolute;inset:18% 0 4%;background:linear-gradient(var(--mint-deep) 5px,transparent 5px),linear-gradient(90deg,var(--mint-deep) 5px,transparent 5px);background-size:92px 72px;opacity:.45;z-index:-1}.side-readout{display:grid;gap:14px;align-self:start;padding-top:24px;font-size:clamp(2rem,5vw,4.4rem);line-height:.86}.mood{width:fit-content;padding:8px 18px 10px;background:var(--pink-soft);border:4px solid var(--pink);box-shadow:5px 5px #4a3b832e}.avatar-frame{justify-self:center;align-self:end;width:min(100%,520px);aspect-ratio:1;display:grid;place-items:end center;background:#fff7bfb8}.avatar-frame img{width:100%;height:100%;object-fit:contain;filter:saturate(.94) contrast(.92)}.spark{position:absolute;width:34px;height:34px;background:var(--pink);clip-path:polygon(44% 0,56% 0,56% 35%,100% 44%,100% 56%,56% 65%,56% 100%,44% 100%,44% 65%,0 56%,0 44%,44% 35%)}.spark-one{top:12%;right:17%}.spark-two{bottom:18%;left:6%;background:var(--lavender)}.tiny-heart{position:absolute;width:32px;height:32px}.heart-one{right:8%;top:45%}.heart-two{left:24%;top:22%}.speech-bubble{width:min(100%,450px);margin-top:-36px;padding:12px 22px 16px;background:#fffbd4;border:5px solid var(--ink);box-shadow:5px 5px 0 var(--shadow);z-index:3}.speech-bubble:after{content:"";position:absolute;left:42px;bottom:-24px;width:28px;height:28px;background:#fffbd4;border-right:5px solid var(--ink);border-bottom:5px solid var(--ink);transform:rotate(45deg)}.speech-bubble p,.speech-bubble span{margin:0;display:block;line-height:.9}.speech-bubble p{font-size:clamp(3rem,8vw,5.8rem)}.speech-bubble span{color:var(--pink);font-size:clamp(1.6rem,4vw,2.8rem)}.links-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.link-tile{min-height:88px;display:grid;align-content:center;gap:4px;padding:12px 14px;text-decoration:none;background:#fffbd4b8;border:4px solid var(--mint-deep);box-shadow:5px 5px #4a3b8324}.link-tile:nth-child(odd){border-color:var(--pink)}.link-tile:hover,.link-tile:focus-visible{outline:0;transform:translate(-2px,-2px);background:#fffbd4;box-shadow:7px 7px #4a3b8338}.link-label{color:var(--pink);font-size:clamp(1.2rem,3vw,1.7rem);line-height:.9}.link-title{font-size:clamp(1.55rem,4vw,2.4rem);line-height:.92}.bottom-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:4px}.contact-panel{position:relative;z-index:1;display:grid;gap:14px;padding:18px;background:#fffbd4b8;border:5px solid var(--ink);box-shadow:5px 5px 0 var(--shadow)}.contact-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;border-bottom:4px dotted var(--ink);padding-bottom:10px}.contact-heading p,.contact-heading span,.contact-status{margin:0}.contact-heading p{font-size:clamp(2.6rem,6vw,4.8rem);line-height:.82}.contact-heading span{color:var(--pink);font-size:clamp(1.4rem,3vw,2.2rem);line-height:.92}.contact-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.contact-form label{display:grid;gap:6px}.contact-form label span{color:var(--pink);font-size:clamp(1.2rem,3vw,1.7rem);line-height:.9}.contact-form input,.contact-form textarea{width:100%;color:var(--ink);font:inherit;font-size:clamp(1.45rem,3vw,2.2rem);line-height:1;background:#fffbd4;border:4px solid var(--mint-deep);border-radius:0;box-shadow:4px 4px #4a3b8324}.contact-form input{min-height:54px;padding:8px 12px}.contact-form textarea{min-height:140px;resize:vertical;padding:12px}.contact-form input:focus,.contact-form textarea:focus{outline:0;border-color:var(--pink);box-shadow:6px 6px #4a3b8338}.message-field,.contact-submit,.contact-status{grid-column:1 / -1}.honey-field{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.contact-submit{min-height:64px;color:var(--ink);font:inherit;font-size:clamp(2rem,4vw,3rem);line-height:.9;background:var(--pink-soft);border:4px solid var(--pink);border-radius:0;box-shadow:5px 5px #4a3b832e;cursor:pointer}.contact-submit:hover,.contact-submit:focus-visible{outline:0;transform:translate(-2px,-2px);background:#ffd5d8;box-shadow:7px 7px #4a3b833d}.contact-submit:disabled{cursor:wait;opacity:.68;transform:none}.contact-status{min-height:28px;color:var(--pink);font-size:clamp(1.4rem,3vw,2rem);line-height:.9}.screen-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;padding-top:6px;color:var(--ink-soft);font-size:clamp(1.2rem,2.6vw,1.7rem);line-height:1;text-align:center}.screen-footer .pixel-heart{width:16px;height:16px;box-shadow:2px 2px 0 var(--ink)}.to-top{position:fixed;right:clamp(14px,3vw,28px);bottom:clamp(14px,3vw,28px);z-index:15;display:grid;place-items:center;gap:4px;width:clamp(54px,12vw,66px);height:clamp(54px,12vw,66px);padding:8px;color:var(--ink);font:inherit;font-size:clamp(1rem,2.4vw,1.4rem);line-height:.9;background:var(--pink-soft);border:4px solid var(--pink);border-radius:0;box-shadow:5px 5px #4a3b8338;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .16s steps(2,end),transform .16s steps(2,end),visibility 0s linear .16s}.to-top.is-visible{opacity:1;visibility:visible;transform:none;transition:opacity .16s steps(2,end),transform .16s steps(2,end)}.to-top:hover,.to-top:focus-visible{outline:0;background:#ffd5d8;transform:translate(-2px,-2px);box-shadow:7px 7px #4a3b8342}.to-top-arrow{width:22px;height:22px;background:var(--ink);clip-path:polygon(50% 0,100% 60%,72% 60%,72% 100%,28% 100%,28% 60%,0 60%)}@media(prefers-reduced-motion:reduce){.to-top{transition:opacity .12s linear,visibility 0s linear .12s}.to-top.is-visible{transform:none;transition:opacity .12s linear}.to-top:hover,.to-top:focus-visible{transform:none}}.menu-item{min-height:92px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--ink);font-size:clamp(1.45rem,3.5vw,2.4rem);line-height:.8}.menu-icon{width:34px;height:34px;display:block;border:4px solid var(--ink);background:var(--lavender);box-shadow:4px 4px #4a3b8329}.menu-item.active .menu-icon{background:var(--pink)}.icon-1{clip-path:polygon(50% 88%,8% 46%,8% 18%,34% 18%,34% 4%,50% 4%,50% 18%,66% 18%,66% 4%,82% 4%,82% 18%,96% 18%,96% 46%)}.icon-2{border-radius:0;clip-path:polygon(15% 0,35% 0,35% 38%,45% 38%,45% 0,65% 0,65% 38%,75% 38%,75% 0,95% 0,95% 52%,66% 52%,66% 100%,43% 100%,43% 52%,15% 52%)}.icon-3{clip-path:polygon(50% 0,90% 26%,90% 72%,50% 100%,10% 72%,10% 26%)}.icon-4{clip-path:polygon(10% 20%,36% 20%,36% 0,64% 0,64% 20%,90% 20%,90% 100%,10% 100%)}@media(max-width:720px){.pet-screen{min-height:auto;gap:12px;border-width:7px;box-shadow:0 14px #2f275552}.status-bar{grid-template-columns:1fr auto auto;gap:10px}.mini-hearts{display:none}.battery{width:66px;height:34px;padding:5px}.battery:after{height:18px;right:5px}.hero-panel{display:block;min-height:260px}.side-readout{grid-template-columns:auto auto;align-items:center;justify-content:start;column-gap:16px;row-gap:2px;padding-top:4px;padding-bottom:10px;position:relative;z-index:2}.side-readout .mood{grid-column:1;grid-row:1 / span 2}.side-readout [data-local-date]{grid-column:2;grid-row:1}.side-readout [data-local-time]{grid-column:2;grid-row:2}.side-readout [data-local-date],.side-readout [data-local-time]{font-size:clamp(1.6rem,5.6vw,2.6rem)}.avatar-frame{width:min(65vw,390px);margin:1rem auto}.speech-bubble{margin-top:-35px}.links-panel{grid-template-columns:1fr}.link-tile{min-height:70px}.bottom-menu{gap:4px}.menu-item{min-height:72px}.contact-panel{padding:14px}.contact-heading,.contact-form{grid-template-columns:1fr}.contact-heading{align-items:start;justify-content:start}}@keyframes pageReveal{0%{opacity:0;filter:contrast(1.7);transform:translateY(4px)}to{opacity:1;filter:none;transform:none}}@keyframes scanFlicker{0%,to{opacity:.5}50%{opacity:.82}}@keyframes glitchSlices{0%{transform:translate(-24%);opacity:.12}32%{transform:translate(18%);opacity:.7}58%{transform:translate(-8%);opacity:.28}to{transform:translate(24%);opacity:0}}@keyframes bootJitter{0%{transform:translate(0)}12%{transform:translate(-8px,4px)}26%{transform:translate(6px,-2px)}42%{transform:translate(-3px)}70%{transform:translate(5px,2px)}to{transform:translate(0)}}@keyframes cardSlice{0%,to{transform:translate(0);opacity:0}35%{transform:translate(-18px);opacity:.78}52%{transform:translate(22px);opacity:.42}}@keyframes titleGlitchA{0%,to{transform:translate(-6px)}45%{transform:translate(8px,-2px)}}@keyframes titleGlitchB{0%,to{transform:translate(5px)}50%{transform:translate(-8px,2px)}}@keyframes bootBar{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@media(prefers-reduced-motion:reduce){body.is-ready .page-shell,.boot-card,.boot-card:before,.boot-card:after,.boot-overlay:before,.boot-overlay:after,.boot-title:before,.boot-title:after,.boot-bar{animation:none}body.is-ready .boot-overlay{transition:opacity .12s linear}}.cursor-spark{position:fixed;top:0;left:0;width:18px;height:18px;margin:-9px 0 0 -9px;pointer-events:none;z-index:9999;background:var(--pink);clip-path:polygon(44% 0,56% 0,56% 35%,100% 44%,100% 56%,56% 65%,56% 100%,44% 100%,44% 65%,0 56%,0 44%,44% 35%);animation:cursor-spark-pop .7s steps(6,end) forwards}.cursor-spark.tint-lavender{background:var(--lavender)}.cursor-spark.tint-cream{background:var(--cream-deep)}@keyframes cursor-spark-pop{0%{opacity:1;transform:translate(var(--drift-x, 0),var(--drift-y, 0)) scale(1) rotate(0)}to{opacity:0;transform:translate(var(--drift-x, 0),var(--drift-y, 0)) scale(.2) rotate(45deg)}}