@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{--pink:#ff85a2;--deep:#ff6b8e;--soft:#ffb3c6;--ink:#543e49;--muted:#70535f;--paper:#fffdfd;--line:#edcbd7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}html[lang=en] body{font-family:Segoe UI,Arial,Noto Sans SC,sans-serif}body{color:var(--ink);background-color:#0000;background-image:radial-gradient(at 80% 15%,#fff8fcaa,#0000 55%),linear-gradient(135deg,#fff0f5,#ffd1dc);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;margin:0;font:16px/1.9 Noto Sans SC,Microsoft YaHei,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit}a,button,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline-offset:6px;outline:3px solid #ac5374}::selection{background:var(--soft)}.wrap{width:calc(100% - 80px);max-width:1080px;margin:auto}.header{border-bottom:1px dashed #dba9bb;justify-content:space-between;align-items:center;gap:20px;min-height:100px;display:flex}.brand{align-items:center;gap:10px;font-weight:600;display:flex}.brand-icon{object-fit:cover;border:3px solid #fff;border-radius:50%;width:43px;height:43px;box-shadow:0 2px 5px #a5718b18}.brand-en{color:var(--muted);font-size:12px;font-weight:400}nav{align-items:center;gap:26px;font-size:14px;display:flex}nav a:hover{text-underline-offset:6px;text-decoration:underline}.nav-contact{border:1px solid var(--line);background:#fff9fb;border-radius:15px 19px 13px 20px;padding:5px 16px;transform:rotate(2deg)}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:45px;padding-top:65px;padding-bottom:60px;display:grid}.hero-copy{min-width:0;container-type:inline-size}.eyebrow{letter-spacing:1px;color:#97687c;margin:0 0 18px;font-size:14px}.hello{font-size:26px;font-weight:500}h1{margin:0 0 15px;font-weight:700;line-height:1.45}.hero-name{letter-spacing:-1.5px;color:#9d4e6c;white-space:nowrap;font-size:clamp(29px,10.7cqw,51px);font-style:normal}.sparkle{color:#cc7999;font-size:23px}.hero-sub{margin:12px 0;font-size:20px}.intro{color:var(--muted);margin:15px 0 24px;font-size:15px;line-height:2.1}.actions{flex-wrap:wrap;gap:14px;display:flex}.button{border:1px solid #dea1b5;border-radius:16px 20px 15px 19px;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 3px #e8b3c5}.primary{color:#563844;background:#ffb3c6}.secondary{background:#fffdfd}.button:hover{transform:translateY(-2px)rotate(-1deg);box-shadow:0 5px #e8b3c5}.signature{color:#927482;margin:24px 0 0;font-size:13px}.hero-art{min-width:0;padding:22px 0 36px;position:relative}.cat-button{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:0 0;border:0;width:100%;padding:0;transition:transform .3s;display:block;position:relative}.cat-button img{filter:drop-shadow(0 12px 13px #b383981a);-webkit-touch-callout:none;width:100%;height:auto;display:block}@media (hover:hover) and (pointer:fine){.cat-button:hover{transform:rotate(-3deg)}}.orbit,.art-star{display:none}.photo-label{z-index:2;background:#fff9fb;border:1px solid #e4bacc;padding:5px 13px;font-size:13px;position:absolute;top:5px;left:0;transform:rotate(-6deg)}.cat-message{white-space:nowrap;background:#fffdfd;border:1px solid #e4bacc;border-radius:17px 17px 17px 4px;max-width:110%;padding:6px 17px;font-size:13px;position:absolute;bottom:15px;left:50%;transform:translate(-50%)rotate(-2deg)}.art-sticker{color:#9d7489;font-size:24px;line-height:1.2;position:absolute;top:18%;right:0;transform:rotate(10deg)}.art-sticker span{font-size:12px}.ribbon{color:#987789;border-bottom:2px dotted #dab1c2;justify-content:space-between;gap:15px;padding:14px 0;font-size:13px;display:flex}.section{padding-top:54px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}h2{margin:0;font-size:25px;font-weight:600;line-height:1.6}.section-heading h2{display:inline;box-shadow:inset 0 -9px #ffb3c65c}.section-heading p{color:var(--muted);margin:0;font-size:13px}.project-grid{grid-template-columns:repeat(3,1fr);gap:22px;padding:10px 0;display:grid}.project{background:var(--paper);border:1px solid #e5c6d3;border-radius:5px 10px 6px 6px;flex-direction:column;justify-content:space-between;padding:28px 23px 19px;transition:transform .2s;display:flex;position:relative;transform:rotate(-1.5deg);box-shadow:3px 5px #dcaebf33}.project:before{content:"";background:#f7b6cc88;border-left:2px dotted #fff6;border-right:2px dotted #fff6;width:67px;height:20px;position:absolute;top:-10px;left:calc(50% - 33px);transform:rotate(-6deg)}.project:nth-child(2){background:#fff6f9;margin-top:14px;margin-bottom:-14px;transform:rotate(1.5deg)}.project:nth-child(3){transform:rotate(-1deg)}.project:hover{transform:translateY(-6px)rotate(0)}.project-top{color:#a26982;justify-content:space-between;gap:10px;margin:5px 0 14px;font-size:13px;display:flex}.project-category{font-size:12px}.project h3{margin:0 0 13px;font-size:25px;font-weight:600}.project p{color:var(--muted);margin:0 0 24px;font-size:14px;line-height:1.95}.project strong{color:#9c486a;font-weight:600}.project-bottom{border-top:1px dashed var(--line);color:#967182;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:12px;font-size:12px;display:flex}.project-bottom span:last-child{text-underline-offset:4px;text-decoration:underline}.text-link{text-align:right;color:#90697d;text-underline-offset:6px;margin-top:34px;font-size:13px;text-decoration:underline dotted;display:block}.about{grid-template-columns:1.2fr 1fr;align-items:center;gap:85px;padding-top:100px;padding-bottom:75px;display:grid}.about-note{background:repeating-linear-gradient(#0000,#0000 35px,#eedce5 35px 36px),#fffafc;border:1px solid #e7c5d3;padding:36px 36px 25px;position:relative;transform:rotate(-1deg);box-shadow:5px 6px #fff6fa}.about-note h2{background:#fffafc;margin-bottom:14px}.about-note p{margin:0 0 15px;font-size:15px;line-height:36px}.note-pin{background:#f6b6cd99;width:90px;height:23px;position:absolute;top:-11px;left:35%;transform:rotate(-3deg)}.note-sign{text-align:right;color:#a76f88;font-size:17px;display:block}.cat-polaroid{background:#fff;border:1px solid #eed8e2;width:85%;max-width:300px;margin:0 auto;padding:12px 12px 4px;transform:rotate(6deg);box-shadow:0 7px 15px #97678017}.cat-polaroid img{border-radius:3px;width:100%;height:auto;display:block}.cat-polaroid figcaption{text-align:center;color:#8c6779;padding:12px 0;font-size:14px}.photo-caption{text-align:center;color:#9f7489;margin-top:25px;font-size:13px;transform:rotate(-3deg)}.contact{text-align:center;border-top:2px dotted #d9aec0;border-bottom:2px dotted #d9aec0;padding:35px 20px 32px;position:relative}.contact p{color:var(--muted);margin:12px 0 22px;font-size:15px;line-height:1.9}.contact-links{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.contact-sign{color:#a27287;margin-top:25px;font-size:13px;display:block}footer{color:#8d6c7e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:28px 0;font-size:12px;display:flex}footer .brand{font-size:14px}footer .brand-en{display:none}.skip{z-index:5;background:#fff;padding:10px;position:fixed;top:-80px;left:15px}.skip:focus{top:10px}.cat-button.pat{animation:.5s pat}@keyframes pat{50%{transform:rotate(4deg)scale(.97)}}.art-sticker{display:none}.contact-cat{width:145px;height:auto;position:absolute;bottom:14px;left:10px;transform:rotate(-7deg)}@media (width<=900px){.contact-cat{width:115px;margin:0 auto 10px;display:block;position:static;transform:rotate(-5deg)}.wrap{width:calc(100% - 48px)}.brand-en{display:none}.hero{gap:20px}.about{gap:40px}.project-grid{gap:15px}.project{padding:25px 18px 18px}.project h3{font-size:23px}}@media (width<=650px){.wrap{width:calc(100% - 36px)}.header{gap:12px;min-height:82px}.brand{gap:7px;font-size:14px}.brand-icon{width:36px;height:36px}nav{gap:13px;font-size:13px}.nav-contact{padding:4px 10px}.hero{grid-template-columns:1fr;gap:22px;padding:35px 4px 24px}.hero-name{font-size:clamp(29px,10.4cqw,46px)}.hello{font-size:23px}.hero-art{width:90%;max-width:340px;margin:auto}.hero-sub{font-size:19px}.intro{font-size:14px}.signature,.ribbon{font-size:12px}.section{padding-top:35px}.section-heading{display:block}.section-heading p{margin-top:10px}h2{font-size:23px}.project-grid{grid-template-columns:1fr;gap:26px;padding:8px 6px}.project:nth-child(2){margin:0}.project{min-height:230px;padding:23px}.project p{margin-bottom:18px}.text-link{text-align:center;margin-top:25px}.about{grid-template-columns:1fr;gap:35px;padding-top:55px;padding-bottom:45px}.about-note{padding:25px}.cat-polaroid{max-width:240px}.photo-caption{margin-bottom:0}.contact{padding:28px 10px}.contact-links{gap:13px}.button{padding:10px 17px;font-size:13px}footer{text-align:center;justify-content:center}footer>span{order:3;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before{transition:none!important;animation:none!important}}.header{flex-wrap:wrap;gap:14px;padding-top:18px;padding-bottom:18px}.header nav{margin-left:auto}.language-picker{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.language-picker select{font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#fff9fb;border-radius:12px;min-height:36px;padding:7px 9px;font-size:13px}.language-picker select:focus-visible{outline-offset:3px;outline:3px solid #ac5374}.operit-links a{text-underline-offset:4px;padding:5px 0;font-size:13px;text-decoration:underline}.operit-links a:hover{color:#9c486a}.fork-note{border-top:1px dashed var(--line);color:var(--muted);margin-top:14px;padding-top:12px;font-size:13px;line-height:1.9}.bongo-note{border-top:1px dashed var(--line);color:var(--muted);margin-top:14px;padding-top:12px;font-size:13px;line-height:1.9;display:flow-root}.bongo-kitty{float:right;filter:drop-shadow(0 3px 3px #dcaebf33);width:90px;height:auto;margin:0 0 4px 10px}.code-link{text-underline-offset:4px;text-decoration:underline}.cat-daily{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.cat-daily figure{text-align:center;min-width:0;margin:0}.cat-daily img{width:100%;max-width:170px;height:auto;margin:auto;display:block}.cat-daily figcaption{color:var(--muted);margin-top:7px;font-size:13px;line-height:1.6}.food-note{color:#9c486a}.project-group-title{color:#98637b;align-items:center;gap:12px;margin:0 0 20px;font-size:16px;font-weight:500;display:flex}.project-group-title:after{content:"";background:#e6bdcd;flex:1;height:1px}.other-title{margin-top:48px}.other-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;display:grid}.small-project{background:var(--paper);border:1px solid #e5c6d3;border-radius:5px 12px 6px 8px;padding:23px 22px 20px;transition:transform .2s,box-shadow .2s;display:block;position:relative;box-shadow:3px 4px #dcaebf33}.small-project:before{content:"";background:#f7b6cc88;width:42px;height:15px;position:absolute;top:-7px;right:20px;transform:rotate(5deg)}.small-project:nth-child(2n){background:#fff6f9}.small-project:hover{transform:translateY(-3px);box-shadow:3px 7px #dcaebf33}.small-project h4{overflow-wrap:anywhere;margin:0 0 5px;font-size:16px;font-weight:500}.small-project p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}@media (width<=650px){.other-projects{grid-template-columns:1fr}.other-title{margin-top:35px}}html[lang=en] .cat-message{white-space:normal;text-align:center;width:max-content;max-width:100%}.paw-trail{pointer-events:none;user-select:none;align-items:center;gap:13px;display:flex}.click-paw-layer{z-index:9999;pointer-events:none;user-select:none;position:fixed;inset:0;overflow:hidden}.click-paw{background:#dc87a8;width:32px;height:32px;animation:.7s ease-out both click-paw-pop;position:absolute;mask:url(/assets/paw.svg) 50%/contain no-repeat}@keyframes click-paw-pop{0%{opacity:.85;transform:translate(-50%,-50%) rotate(var(--paw-angle)) scale(.55)}25%{opacity:.8;transform:translate(-50%,-65%) rotate(var(--paw-angle)) scale(1.1)}to{opacity:0;transform:translate(-50%,-125%) rotate(var(--paw-angle)) scale(.9)}}@keyframes click-paw-fade{0%{opacity:.7}to{opacity:0}}@media (prefers-reduced-motion:reduce){.click-paw{transform:translate(-50%,-50%) rotate(var(--paw-angle));animation:.4s linear both click-paw-fade}}.paw-trail span{opacity:.45;background:#d88baa;flex:none;width:23px;height:23px;display:block;transform:rotate(24deg);mask:url(/assets/paw.svg) 50%/contain no-repeat}.paw-trail span:nth-child(2){opacity:.32;transform:translateY(-10px)rotate(37deg)}.paw-trail span:nth-child(3){opacity:.23;transform:translateY(2px)rotate(20deg)}.hero{position:relative}.hero-paws{position:absolute;top:18px;right:15px;transform:rotate(-15deg)}.ribbon-paws{padding-right:12px}.ribbon-paws span{width:18px;height:18px}.section-heading h2:after,.contact h2:after{content:"";vertical-align:middle;opacity:.6;pointer-events:none;background:#c87c9b;width:23px;height:23px;margin-left:12px;display:inline-block;transform:rotate(18deg);mask:url(/assets/paw.svg) 50%/contain no-repeat}.goodbye-paws{justify-content:center;padding-top:28px;padding-bottom:3px}.goodbye-paws span{width:20px;height:20px}@media (width<=650px){.hero-paws{top:13px;right:4px}.hero-paws span{width:17px;height:17px}.paw-trail{gap:10px}.ribbon-paws{padding-right:0}.section-heading h2:after,.contact h2:after{width:20px;height:20px}}.signature,.ribbon,.project-top,.project-bottom,.text-link,.note-sign,.project-group-title,footer{color:var(--muted)}html[lang=en] .about-note{background:#fffafc}html[lang=en] .about-note p{line-height:1.9}html[lang=en] .contact-cat{width:115px;margin:0 auto 10px;display:block;position:static}@media (width<=650px){.language-picker{margin-left:auto}.header nav{gap:12px}.header .brand{flex-shrink:0}.ribbon{flex-wrap:wrap}}