/* Existing approved ZCOOL KuaiLe, OFL: UI subset first; full glyph fallback for new articles. */
@font-face{font-family:MXMeow;src:url(/assets/fonts/mx-meow.woff2?v=20261013-ui) format("woff2");font-display:swap;font-weight:400 900}
.brand,.intro-brand,.meow-welcome,.intro-go strong,.shelf-about h1,.about-introduction h2,.interest-card h3{font-family:MXMeow,"YouYuan","幼圆","Comic Sans MS","Microsoft YaHei",sans-serif}
.site-header{height:auto;min-height:74px}.header-inner{min-height:74px;display:flex;flex-wrap:wrap;gap:10px 24px}.header-inner .brand{gap:3px;white-space:nowrap;font-size:22px}.brand>.fish{margin-right:8px}.header-tools{order:3;display:flex;align-items:center;gap:3px;margin-left:auto}.header-tools button,.header-tools a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border:0;border-radius:18px;color:var(--muted);background:transparent;font:inherit;font-size:12px}.header-tools a{font-size:25px}.header-tools button:hover,.header-tools a:hover{background:#f4e9ef}.header-inner nav{margin-left:auto;gap:20px}
.hero .meow-welcome{font-size:clamp(25px,2.7vw,37px);line-height:1.55;letter-spacing:.5px;max-width:460px}.meow-welcome>span{display:block;animation:none}.meow-welcome>span:nth-child(2){animation-delay:-1.5s}.meow-welcome>span:nth-child(3){animation-delay:-3s}.meow-welcome>span:hover{color:#a67b97}.hero .intro{font-size:16px}.fish-corner p:empty{min-height:0;margin:0}
.meow-mail-entry{display:flex;flex-direction:column;align-items:center;justify-content:center;width:144px;max-width:100%;margin-top:10px;text-align:center;border:0;background:none;color:#967788;font-size:12px;line-height:1.7;border-radius:18px;padding:3px}.meow-cat{display:block;width:96px;height:80px;flex-shrink:0}.meow-cat-breath{transform-origin:55px 72px;animation:meow-cat-breathe 4s ease-in-out infinite}.meow-cat-zzz{animation:meow-cat-sleep 3.6s ease-in-out infinite}.meow-mail-entry:hover .meow-cat-fish{transform:rotate(-3deg);transform-origin:center;transition:transform .25s}.meow-mail-entry:hover .meow-cat{translate:0 -2px;transition:translate .25s}
.studio-intro.intro-leaving{animation:none}.intro-leaving>.intro-card,.intro-leaving>.intro-doodles{opacity:0;transition:opacity .18s}.intro-go[hidden]{display:none}.intro-go{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;pointer-events:none;animation:meow-go-fade .8s both}.intro-go strong{font-size:clamp(38px,9vw,68px);color:#9b85ae;animation:meow-go-bounce .6s both}.intro-go .fish{animation:meow-go-fish .8s both}.intro-languages button[aria-pressed=true]{background:#dceef080;border-color:#9dc3d0;color:#547f94}.intro-brand{font-weight:700!important}
.quick-guestbook{text-align:left;width:min(440px,calc(100% - 24px));padding:25px;max-height:calc(100dvh - 24px);overscroll-behavior:contain;scroll-padding:16px}.quick-guestbook[open]{animation:meow-dialog-in .24s ease-out}.quick-guestbook .dialog-close{width:44px;height:44px;z-index:2}.mail-heading{display:flex;align-items:center;gap:10px;margin:5px 20px 12px 0}.mail-heading .meow-cat{width:62px;height:54px}.mail-heading h2{font-family:MXMeow,"YouYuan","幼圆",sans-serif;font-size:20px;line-height:1.5;margin:0;color:#9b788b}.mail-context{font-size:12px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}.quick-guestbook .guestbook-form{margin:0;padding:0;display:grid;gap:12px}.quick-guestbook label{display:grid;gap:6px;font-size:13px}.quick-guestbook input,.quick-guestbook textarea{width:100%;min-width:0;font-family:inherit;font-size:16px;line-height:1.65;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fffefd;color:var(--ink)}.quick-guestbook textarea{min-height:96px;resize:vertical}.quick-guestbook [hidden]{display:none!important}.quick-guestbook .primary-link{min-height:44px;border:0;width:100%}.quick-guestbook [role=status],.mail-note{font-size:12px;line-height:1.8;overflow-wrap:anywhere;margin:0;color:#8e7088}.mail-note{margin-top:14px;color:var(--muted)}.mail-note a{display:inline-block;padding:5px 0}.mail-retry{min-height:44px;background:transparent;border:1px solid var(--line);border-radius:16px;color:var(--ink)}#quick-guestbook-challenge{max-width:100%;min-width:0}.mail-delivered .meow-cat-fish{animation:meow-mail-fish .6s ease-out}
.reading-mail{position:sticky;top:85px;z-index:4;display:flex;justify-content:flex-end;pointer-events:none;margin:0 0 10px}.reading-mail a{pointer-events:auto;display:inline-flex;align-items:center;min-height:44px;padding:8px 13px;border-radius:22px;background:#fffaf6f5;border:1px solid var(--line);font-size:12px;color:#92748c}.interest-card p+p{margin-top:9px}.inner-footer{justify-content:center}.site-footer small,.inner-footer small{color:var(--muted)}
@keyframes meow-cat-breathe{50%{scale:1 1.035}}@keyframes meow-cat-sleep{50%{opacity:.45;translate:0 -2px}}@keyframes meow-go-fade{0%,100%{opacity:0}20%,75%{opacity:1}}@keyframes meow-go-bounce{0%{scale:.75;rotate:-6deg}60%{scale:1.06;rotate:2deg}100%{scale:1;rotate:0deg}}@keyframes meow-go-fish{50%{translate:22px -8px;rotate:-15deg}}@keyframes meow-dialog-in{from{opacity:0;translate:0 8px;scale:.98}to{opacity:1;translate:0 0;scale:1}}@keyframes meow-mail-fish{50%{translate:0 -7px;rotate:-5deg}}
@media(max-width:1050px){.header-inner{gap:0 12px}.header-inner nav{gap:13px}.header-inner .brand{font-size:19px}}
@media(max-width:800px){.header-inner{display:flex;padding:10px 18px 5px;gap:0;min-height:100px}.header-inner .brand{font-size:18px;justify-content:flex-start}.header-tools{order:0}.header-inner nav{width:100%;margin:0;justify-content:space-between;gap:6px}.header-inner nav a{min-height:40px;font-size:12px;padding:10px 0}.reading-mail{top:110px}.hero .meow-welcome{font-size:clamp(24px,5.8vw,32px);max-width:100%}.hero .intro{font-size:14px}.hero-copy{padding-bottom:18px}.meow-mail-entry{margin-top:8px}.quick-guestbook{padding:22px 18px}.mail-heading h2{font-size:18px}.mail-heading .meow-cat{width:52px}.quick-guestbook .guestbook-form{gap:10px}}
@media(prefers-reduced-motion:reduce){.meow-welcome>span,.meow-cat-breath,.meow-cat-zzz,.intro-go,.intro-go strong,.intro-go .fish,.quick-guestbook[open],.mail-delivered .meow-cat-fish{animation:none!important;transition:none!important}}
.private-reader{max-width:760px;margin:40px auto;overflow-wrap:anywhere}.private-reader form{max-width:420px;margin:70px auto;display:grid;gap:16px}.private-reader h1{font-size:clamp(22px,5vw,30px)}.private-reader input{width:100%;min-width:0;border:1px solid var(--line);border-radius:14px;padding:12px;font-size:16px}.private-reader button{min-height:44px;border:1px solid var(--line);border-radius:14px;padding:10px 20px;background:#fffaf6;color:var(--ink)}.private-reader img{max-width:100%;height:auto}.private-reader pre{overflow:auto}.private-reader [hidden]{display:none!important}
[data-meow-playing]{position:relative}.meow-letter-layer{white-space:normal}.meow-letter{display:inline-block;white-space:pre;animation:meow-letter-hop .65s var(--delay) both;transform-origin:50% 90%}.meow-type-fish{position:absolute!important;pointer-events:none;bottom:-8px;left:0;scale:.42;opacity:0;animation:meow-type-swim var(--swim-time) linear both!important;z-index:2}@keyframes meow-letter-hop{0%,100%{transform:none}20%{transform:translateY(2px) scale(1.13,.82)}45%{transform:translateY(-8px) rotate(-7deg) scale(.94,1.08);color:#9c85aa}70%{transform:translateY(1px) rotate(3deg) scale(1.08,.92)}}@keyframes meow-type-swim{0%{left:0;opacity:0;translate:0 2px}12%{opacity:.65}45%{translate:0 -5px}85%{opacity:.65}100%{left:90%;opacity:0;translate:0 2px}}@media(prefers-reduced-motion:reduce){.meow-letter,.meow-type-fish{animation:none!important}}
.header-tools{position:relative}.header-tools .translation-status{position:absolute;top:calc(100% - 3px);right:0;margin:0;max-width:220px;width:max-content;z-index:3;font-size:10px;border-radius:8px;background:#fffaf6eb;padding:2px 6px}.header-tools .translation-retry{font-size:10px;min-width:36px;min-height:44px}.translation-retry[hidden]{display:none}
.quick-guestbook.mail-keyboard{top:calc(var(--mail-top,0px) + 12px);bottom:auto;margin:0 auto;max-height:calc(var(--mail-height,100dvh) - 24px)}.guestbook-note:empty{display:none}

#guestbook-verify-retry,#guestbook-more{min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.8);color:inherit;font:inherit;cursor:pointer}
@media(max-width:700px){.guestbook-form input,.guestbook-form textarea{font-size:16px}}

.mail-choices{display:grid;gap:12px;margin:20px 0 4px;text-align:center}.mail-choices a{display:flex;justify-content:center;align-items:center;min-height:44px}.guestbook-write-link{margin:24px 0 0}#guestbook-form,#guestbook-messages{scroll-margin-top:140px}

.mail-choices{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 4px}
.mail-option{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:64px;padding:10px 16px;border:1px solid #eddae3;border-radius:23px 23px 23px 10px;background:linear-gradient(145deg,#fff9f7,#fcebed);color:#987486;font-family:MXMeow,"YouYuan",sans-serif;font-size:17px;line-height:1.5;text-decoration:none;cursor:pointer;box-shadow:0 4px 0 #f3e3e8;transition:transform .2s,box-shadow .2s}
.mail-choices .mail-option{flex-direction:column;gap:3px;padding:14px 10px;min-width:0}
.mail-option-fish{background:linear-gradient(145deg,#f8fcfc,#e7f3f5);border-color:#d2e5eb;color:#769ba9;border-radius:23px 23px 10px 23px;box-shadow:0 4px 0 #e0edf0}
.mail-option .meow-cat{width:65px;height:54px}.mail-option .studio-mark{width:58px;height:54px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mail-option-arrow{position:absolute;right:11px;top:8px;font-family:inherit;font-size:14px;opacity:.6}
.mail-option:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:0 7px 0 #eddee6}.mail-option-fish:hover{transform:translateY(-3px) rotate(1deg);box-shadow:0 7px 0 #dcebef}.mail-option:active{transform:translateY(2px);box-shadow:none}.mail-option:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.guestbook-write-link .mail-option{padding:5px 20px 5px 10px}.guestbook-write-link .meow-cat{width:56px;height:46px}
@media(prefers-reduced-motion:reduce){.mail-option{transition:none}.mail-option:hover,.mail-option:active{transform:none}}

.quick-guestbook .guestbook-form .primary-link:hover{transform:none}

/* Soft note paper; decoration stays clear of the message text. */
.guestbook-board .guestbook-list{display:grid;gap:22px;margin-top:26px;max-width:780px}
.guestbook-board .guestbook-message{--note-paper:#fffaf0;--note-line:#eee3cf;--note-tape:#e9d8ba;position:relative;min-width:0;padding:27px 24px 20px;border:1px solid var(--note-line);border-radius:5px 15px 15px 15px;background:var(--note-paper);box-shadow:0 4px 12px #65566d06}
.guestbook-board .guestbook-message:nth-child(3n+2){--note-paper:#fff6f7;--note-line:#efdee3;--note-tape:#e7cbd8}
.guestbook-board .guestbook-message:nth-child(3n){--note-paper:#f3faf9;--note-line:#dceae7;--note-tape:#bfded7}
.guestbook-board .guestbook-message::before{content:"";position:absolute;left:22px;top:-7px;width:43px;height:14px;border-radius:2px;background:var(--note-tape);opacity:.6;transform:rotate(-6deg);pointer-events:none}
.guestbook-board .guestbook-message:nth-child(even)::before{left:auto;right:24px;transform:rotate(5deg)}
.guestbook-message-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;min-width:0}
.guestbook-message-meta strong{font-size:14px;font-weight:600;color:#766776;overflow-wrap:anywhere;min-width:0}
.guestbook-board .guestbook-message time{margin:0;font-size:11px;color:#938a92;font-variant-numeric:tabular-nums}
.guestbook-board .guestbook-message p{margin:12px 0 0;color:#514e59;font-size:15px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:600px){.guestbook-board .guestbook-list{gap:20px;margin-top:24px}.guestbook-board .guestbook-message{padding:23px 18px 18px}.guestbook-message-meta{gap:3px 10px}.guestbook-board .guestbook-message p{margin-top:10px;font-size:14px}}

.guestbook-board .guestbook-message{transition:transform .2s ease,box-shadow .2s ease}
@media(hover:hover) and (pointer:fine){.guestbook-board .guestbook-message:hover{transform:translateY(-3px);box-shadow:0 8px 20px #65566d12}}
@media(prefers-reduced-motion:reduce){.guestbook-board .guestbook-message{transition:none}.guestbook-board .guestbook-message:hover{transform:none}}

.guestbook-reply{margin-top:16px;padding:13px 0 0 14px;border-top:1px dashed var(--note-line);border-left:2px solid var(--note-tape)}.guestbook-reply>strong{font-size:12px;font-weight:600;color:#987486}.guestbook-board .guestbook-reply p{margin-top:5px;font-size:14px;line-height:1.8}

@font-face{font-family:MXMeowFull;src:url(/assets/fonts/mx-meow-full.woff2) format("woff2");font-display:swap;font-weight:400 900}
:root{--site-font:MXMeow,MXMeowFull,"Microsoft YaHei",system-ui,sans-serif;font-family:var(--site-font)}
body,button,input,select,textarea,.brand,.intro-brand,.meow-welcome,.intro-go strong,.shelf-about h1,.about-introduction h2,.interest-card h3,.mail-heading h2,.mail-option,.handwritten,.about-signature,.mini-slip strong,.fortune-paper h2,.fortune-seal,.studio-intro .intro-bouncy{font-family:var(--site-font)}
pre,code,kbd,samp,.prose code,#markdown-input{font-family:Consolas,"SFMono-Regular",monospace}
.meow-invitation{display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:100%;padding:12px 8px;min-height:100px;color:#94778a;text-decoration:none!important;border-radius:24px}
.meow-invitation .meow-cat{width:106px;height:88px;transition:transform .3s}
.invitation-note{position:relative;display:grid;gap:7px;text-align:left;padding:17px 32px 17px 17px;background:#fff4ec;border:1px solid #efdfd3;border-radius:3px 16px 16px 16px;transform:rotate(-3deg);box-shadow:3px 4px 0 #e9dce540;transition:transform .25s,box-shadow .25s}
.invitation-note::before{content:"";position:absolute;top:-5px;left:25px;width:34px;height:11px;background:#dfd0e68c;transform:rotate(5deg)}
.invitation-note small{font-size:12px}.invitation-note strong{font-size:19px;font-weight:500}.invitation-note>span{position:absolute;right:12px;bottom:13px}
.meow-invitation:hover .invitation-note,.meow-invitation:focus-visible .invitation-note{transform:rotate(0deg) translateY(-3px);box-shadow:3px 7px 0 #e9dce540}
.meow-invitation:hover .meow-cat{transform:rotate(-5deg) translateY(-2px)}
:is(.primary-link,.quiet-link,.mail-option,.filter-reset,.header-tools button,.header-tools a,.work-filters button,.reading-tools button,.social-card){transition:translate .2s,scale .2s,box-shadow .2s,background .2s}
:is(.primary-link,.quiet-link,.mail-option,.filter-reset,.header-tools button,.header-tools a,.work-filters button,.social-card):active{scale:.96}
:is(.header-inner nav a,.quiet-link,.collection-links a,.prose a){text-decoration-line:underline;text-decoration-color:transparent;text-decoration-style:wavy;text-underline-offset:6px;transition:text-decoration-color .2s,color .2s}
:is(.header-inner nav a,.quiet-link,.collection-links a,.prose a):is(:hover,:focus-visible){text-decoration-color:#c8a7bb}
@media(hover:hover){:is(.primary-link,.quiet-link,.mail-option,.filter-reset,.header-tools button,.header-tools a,.work-filters button):hover{translate:0 -2px;box-shadow:0 4px 0 #dac4d52b}}
html[lang=en] .intro-bouncy{letter-spacing:0;font-size:clamp(22px,4.5vw,35px)}
html[lang=en] .intro-brand{font-size:clamp(18px,3.6vw,26px)}
@media(prefers-reduced-motion:reduce){.meow-invitation *,a,button{transition:none!important}.meow-invitation:hover .meow-cat,.meow-invitation:hover .invitation-note{transform:none}a:hover,button:hover,a:active,button:active{translate:none!important;scale:none!important}}

html[lang=en] .intro-bouncy>span{white-space:pre}

/* Longer English labels wrap inside compact controls and dialogs. */
html[lang=en] :is(.primary-link,.mail-option,.draw-face strong,.character-label,.fortune-details dd,.header-tools button){white-space:normal;overflow-wrap:anywhere;min-width:0}
html[lang=en] .mail-option{font-size:16px}
html[lang=en] .draw-face strong{font-size:18px;line-height:1.35;padding:0 8px}
html[lang=en] .fortune-paper h2{font-size:28px;line-height:1.3;overflow-wrap:anywhere}
html[lang=en] .fortune-details{grid-template-columns:repeat(2,minmax(0,1fr))}
html[lang=en] .quick-guestbook :is(label,p,h2,button,a){overflow-wrap:anywhere;min-width:0}
html[lang=en] .translation-status{max-width:155px;white-space:normal}

.quick-guestbook .mail-note a{display:block;margin-top:4px}