.pet-dock{position:fixed;right:max(20px,calc((100vw - 1200px)/2 + 20px));bottom:16px;z-index:15;max-width:calc(100vw - 32px);border:1px solid #d3ddcd;border-radius:22px;background:#fafcf5f5;box-shadow:0 8px 30px #344b3820;backdrop-filter:blur(12px)}
.pet-open{display:flex;align-items:center;gap:10px;padding:10px 20px 10px 8px;text-align:left;color:#40543e}.pet-open strong{display:block;font-family:var(--serif);font-size:16px;font-weight:500}.pet-open small{display:block;margin-top:5px;font-size:11px;color:#74806d}.personal-rabbit-art{width:132px;height:88px;overflow:visible;flex-shrink:0}.pet-nest{display:grid;place-items:center;width:40px;height:40px;border:1px dashed #b7c5ae;border-radius:50%;font-size:26px;color:#8a9c7f}.is-waiting .pet-open{padding:12px 18px}.pet-open:focus-visible{outline:2px solid #596f51;outline-offset:4px;border-radius:20px}.rabbit-breath{transform-origin:120px 140px;animation:pet-breathe 4s ease-in-out infinite}.rabbit-dream{animation:pet-dream 4s ease-in-out infinite}.pet-arrival{animation:pet-arrive .8s ease-out}.personal-pet-panel{padding:24px;width:min(640px,calc(100vw - 24px));max-height:80dvh;border:1px solid #cad7c1;border-radius:20px;background:#fbfcf6;color:#40543e}.personal-pet-panel::backdrop{background:#26392560;backdrop-filter:blur(3px)}.personal-pet-panel header{display:flex;align-items:center;gap:14px;border-bottom:1px solid #dce3d5;padding-bottom:14px}.personal-pet-panel header p{font-size:11px;letter-spacing:2px;color:#7d8c73}.personal-pet-panel h2{font-family:var(--serif);font-size:22px;margin:8px 0}.personal-pet-panel header button{margin-left:auto;align-self:flex-start;padding:8px;font-size:26px}.pet-notes article{padding:24px 4px;border-bottom:1px solid #e0e6db}.pet-notes article>p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.pet-notes time{font-size:11px;color:#829078}.pet-notes h3{margin:10px 0;font-size:17px}.auth-stamp .personal-rabbit-art{width:190px;height:127px}.site-footer{padding-bottom:126px}
@keyframes pet-breathe{50%{transform:scale(1.015,1.035)}}@keyframes pet-dream{50%{opacity:.35;transform:translateY(-4px)}}@keyframes pet-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:760px){.pet-dock{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}.pet-open{padding:5px 12px 5px 4px;gap:4px}.pet-open .personal-rabbit-art{width:90px;height:60px}.pet-open strong{font-size:14px}.pet-open small{font-size:10px}.personal-pet-panel{padding:16px}.personal-pet-panel header .personal-rabbit-art{width:75px;height:50px}.personal-pet-panel h2{font-size:18px}body:has(input:focus,textarea:focus,[contenteditable=true]:focus) .pet-dock{display:none}}
@media(prefers-reduced-motion:reduce){.rabbit-breath,.rabbit-dream,.pet-arrival{animation:none}}
@media(max-width:760px){.auth-stamp{display:flex;margin-top:20px;gap:12px}.auth-stamp .personal-rabbit-art{width:120px;height:80px}.auth-stamp>span{font-size:10px;letter-spacing:1px;padding-left:12px}}
@media(max-width:760px){.pet-dock{bottom:calc(84px + env(safe-area-inset-bottom))}.site-footer{padding-bottom:180px}}

.rabbit-awake-eyes{display:none}
.pet-choice{display:flex;align-items:center;gap:8px;padding:3px 12px 0;color:#74806d;font:11px var(--sans)}
.pet-choice>span{white-space:nowrap}.pet-choice select{flex:1;width:170px;min-width:0;min-height:44px;max-width:230px;border:0;border-bottom:1px solid #e1e7dc;border-radius:0;background:transparent;color:#52694c;font:12px var(--sans);text-overflow:ellipsis}
.pet-open>span:last-child{min-width:0;max-width:180px}.pet-open strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.site-footer{padding-bottom:172px}
@media(max-width:760px){.pet-choice{padding-top:0}.pet-choice select{width:155px;max-width:180px}.site-footer{padding-bottom:218px}.pet-open>span:last-child{max-width:190px}}
.personal-rabbit-art{position:relative;display:inline-block}.personal-rabbit-art img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:65% 90%}.personal-rabbit-art .rabbit-dream{position:absolute;right:0;top:5%;font:14px Georgia,serif;letter-spacing:4px;color:#8a9c81}
.pet-unread{display:block;margin-top:5px;font:11px/1.6 var(--sans);color:#435f37}.pet-other-unread{margin:0;padding:0 14px 7px;color:#687b5c;font:11px/1.7 var(--sans)}.pet-unread[hidden],.pet-other-unread[hidden]{display:none}
.pet-signal-note{display:flex;align-items:center;gap:8px;max-width:390px;padding:8px 12px;border-top:1px solid #dce4d6;color:#52694c}.pet-signal-note>span{flex:1;min-width:0;overflow-wrap:anywhere}.pet-signal-note b{display:block;font:12px/1.6 var(--sans);font-weight:500}.pet-signal-note small{display:block;font:10px/1.7 var(--sans);color:#74806d}.pet-signal-note button{flex-shrink:0;min-height:44px;padding:4px 8px;font:11px var(--sans);color:#52694c;border-radius:10px;background:#edf2e7}.pet-signal-note .signal-quiet{background:transparent}.signal-quiet[hidden]{display:none}.pet-signal-art{position:absolute;inset:0;display:block;width:100%;height:100%}.has-pet-signal .personal-rabbit-art>img,.has-pet-signal .rabbit-dream{visibility:hidden}
@media(max-width:760px){.pet-signal-note{max-width:calc(100vw - 26px);padding:5px 8px;gap:3px}.pet-signal-note button{padding:4px 6px}.pet-signal-note b{font-size:12px}.pet-signal-note small{font-size:11px}}
.pet-signal-note{flex-wrap:wrap}.pet-signal-note .signal-queue{flex-basis:100%;background:transparent;border-top:1px solid #dce4d6;border-radius:0;padding:4px 0;min-height:36px}.pet-signal-note .signal-queue[hidden]{display:none}

.personal-rabbit-art[data-breed="yuemian"]{display:block;position:relative;overflow:hidden}.personal-rabbit-art[data-breed="yuemian"]>img{position:absolute;left:0;top:0;width:200%;height:200%;max-width:none;transform-origin:25% 40.04%}.pet-breed-status{margin:0 12px 7px;color:#74806d;font:11px var(--sans)}.pet-breed-status:empty{display:none}.pet-breed-choice select{max-width:230px}

.writer-art[data-breed="yuemian"]{overflow:hidden}.writer-art[data-breed="yuemian"] img{width:200%;height:200%;max-width:none;object-fit:fill}

.pet-breed-choice{display:flex;align-items:center;gap:8px;padding:0 12px;color:#74806d;font:11px var(--sans)}.pet-breed-choice select{flex:1;width:170px;min-width:0;min-height:44px;border:0;border-bottom:1px solid #e1e7dc;border-radius:0;background:transparent;color:#52694c;font:12px var(--sans)}

#personal-pet .pet-choice{padding-right:48px}.pet-collapse{position:absolute;right:0;top:0;min-width:44px;min-height:44px;border-radius:0 22px 0 12px;color:#74806d;font:22px var(--sans)}.pet-collapse:focus-visible,.pet-restore:focus-visible{outline:2px solid #708964;outline-offset:2px}.pet-restore{display:flex;align-items:center;gap:6px;min-width:52px;min-height:52px;padding:5px 8px;color:#52694c;border-radius:22px}.pet-restore .personal-rabbit-art{display:block;width:48px;height:32px}.pet-restore .rabbit-dream{display:none}.pet-compact-unread{font:11px var(--sans)}.pet-compact-unread:empty{display:none}.pet-restore[hidden]{display:none}.pet-display-status{max-width:250px;margin:0 12px 7px;color:#74806d;font:11px/1.6 var(--sans)}.pet-display-status:empty{display:none}
#personal-pet.is-collapsed .pet-choice,#personal-pet.is-collapsed .pet-open,#personal-pet.is-collapsed .pet-breed-choice,#personal-pet.is-collapsed .pet-breed-status,#personal-pet.is-collapsed .pet-collapse,#personal-pet.is-collapsed .pet-other-unread{display:none}#personal-pet.is-collapsed .rabbit-breath,#personal-pet.is-collapsed .rabbit-dream{animation:none}#personal-pet.is-collapsed .pet-signal-note{max-width:260px}#personal-pet.is-collapsed .pet-signal-note small,#personal-pet.is-collapsed .signal-queue{display:none}.pet-is-collapsed.pet-is-writing #personal-pet{visibility:visible}.pet-is-collapsed #writing-pet{display:none}

#personal-pet:not(:has(.pet-choice)) .pet-collapse{display:none}

.pet-settings{display:flex;align-items:center;padding-right:6px}.pet-settings .pet-breed-choice{flex:1;min-width:0;padding-right:0}.pet-settings .pet-breed-choice select{width:80px;max-width:130px}.pet-settings .pet-sound-choice{flex-shrink:0;gap:0;padding:0}.pet-settings .pet-sound-preview{min-width:44px}.pet-sound-choice{display:flex;justify-content:flex-end;gap:8px;padding:0 10px 4px}.pet-sound-choice button{min-height:44px;min-width:56px;padding:4px 10px;border-radius:10px;font:11px var(--sans);color:#687b5c}.pet-sound-toggle[aria-pressed=true]{background:#e7eee0;color:#435f4a}.pet-sound-choice button:focus-visible{outline:2px solid #708964;outline-offset:2px}.pet-sound-status{max-width:280px;margin:0 12px 7px;font:11px/1.6 var(--sans);color:#74806d}.pet-sound-status:empty{display:none}#personal-pet.is-collapsed .pet-settings,#personal-pet.is-collapsed .pet-sound-choice,#personal-pet.is-collapsed .pet-sound-status{display:none}

.personal-rabbit-art[data-breed="tingyu"]{display:block;position:relative;overflow:hidden}.personal-rabbit-art[data-breed="tingyu"]>img{position:absolute;left:16.6667%;top:0;width:200%;height:200%;max-width:none;clip-path:inset(0 66.6667% 50% 0);transform-origin:16.6667% 41.9%}.writer-art[data-breed="tingyu"]{overflow:hidden}.writer-art[data-breed="tingyu"] img{left:16.6667%;top:0;width:200%;height:200%;max-width:none;object-fit:fill;clip-path:inset(0 66.6667% 50% 0)}

.personal-rabbit-art[data-breed="nuanyang"]{display:block;position:relative;overflow:hidden}.personal-rabbit-art[data-breed="nuanyang"]>img{position:absolute;left:16.6667%;top:0;width:200%;height:200%;max-width:none;clip-path:inset(0 66.6667% 50% 0);transform-origin:16.6667% 39.65%}.writer-art[data-breed="nuanyang"]{overflow:hidden}.writer-art[data-breed="nuanyang"] img{left:16.6667%;top:0;width:200%;height:200%;max-width:none;object-fit:fill;clip-path:inset(0 66.6667% 50% 0)}

.personal-rabbit-art[data-breed="chunya"]{display:block;position:relative;overflow:hidden}.personal-rabbit-art[data-breed="chunya"]>img{position:absolute;left:16.6667%;top:0;width:200%;height:200%;max-width:none;clip-path:inset(0 66.6667% 50% 0);transform-origin:16.6667% 46.1%}.writer-art[data-breed="chunya"]{overflow:hidden}.writer-art[data-breed="chunya"] img{left:16.6667%;top:0;width:200%;height:200%;max-width:none;object-fit:fill;clip-path:inset(0 66.6667% 50% 0)}

@media(max-width:360px){.scroll-stage:has(.scroll-mascot [data-breed="chunya"]) .scroll-controls{width:164px;padding:3px 4px;gap:2px}.scroll-stage:has(.scroll-mascot [data-breed="chunya"]) .scroll-controls button{flex:0 0 44px}.scroll-stage:has(.scroll-mascot [data-breed="chunya"]) .scroll-position{min-width:0;max-width:60px;text-align:center;overflow-wrap:anywhere}}

.personal-rabbit-art[data-breed="xingyuan"]{display:block;position:relative;overflow:hidden}.personal-rabbit-art[data-breed="xingyuan"]>img{position:absolute;left:16.6667%;top:0;width:200%;height:200%;max-width:none;clip-path:inset(0 66.6667% 50% 0);transform-origin:16.6667% 45.3125%}.writer-art[data-breed="xingyuan"]{overflow:hidden}.writer-art[data-breed="xingyuan"] img{left:16.6667%;top:0;width:200%;height:200%;max-width:none;object-fit:fill;clip-path:inset(0 66.6667% 50% 0)}

@media(max-width:348px){.scroll-stage:has(.scroll-mascot [data-breed="xingyuan"]) .scroll-controls{width:152px;padding:3px 4px;gap:2px}.scroll-stage:has(.scroll-mascot [data-breed="xingyuan"]) .scroll-controls button{flex:0 0 44px}.scroll-stage:has(.scroll-mascot [data-breed="xingyuan"]) .scroll-position{min-width:0;max-width:48px;text-align:center;white-space:normal;overflow-wrap:anywhere}}

.personal-rabbit-art[data-breed="yuanxing"]{display:block;position:relative;overflow:hidden}.personal-rabbit-art[data-breed="yuanxing"]>img{position:absolute;left:16.6667%;top:0;width:200%;height:200%;max-width:none;clip-path:inset(0 66.6667% 50% 0);transform-origin:16.6667% 44.8242%}.writer-art[data-breed="yuanxing"]{overflow:hidden}.writer-art[data-breed="yuanxing"] img{left:16.6667%;top:0;width:200%;height:200%;max-width:none;object-fit:fill;clip-path:inset(0 66.6667% 50% 0)}

@media(max-width:360px){.scroll-stage:has(.scroll-mascot [data-breed="yuanxing"]) .scroll-controls{width:152px;padding:3px 4px;gap:2px}.scroll-stage:has(.scroll-mascot [data-breed="yuanxing"]) .scroll-controls button{flex:0 0 44px}.scroll-stage:has(.scroll-mascot [data-breed="yuanxing"]) .scroll-position{min-width:0;max-width:48px;text-align:center;white-space:normal;overflow-wrap:anywhere}}

.personal-rabbit-art[data-breed="huisheng"]{display:block;position:relative;overflow:hidden}.personal-rabbit-art[data-breed="huisheng"]>img{position:absolute;left:16.6667%;top:0;width:200%;height:200%;max-width:none;clip-path:inset(0 66.6667% 50% 0);transform-origin:16.6667% 45.9961%}.writer-art[data-breed="huisheng"]{overflow:hidden}.writer-art[data-breed="huisheng"] img{left:16.6667%;top:0;width:200%;height:200%;max-width:none;object-fit:fill;clip-path:inset(0 66.6667% 50% 0)}

@media(max-width:360px){.scroll-stage:has(.scroll-mascot [data-breed="huisheng"]) .scroll-controls{width:152px;padding:3px 4px;gap:2px}.scroll-stage:has(.scroll-mascot [data-breed="huisheng"]) .scroll-controls button{flex:0 0 44px}.scroll-stage:has(.scroll-mascot [data-breed="huisheng"]) .scroll-position{min-width:0;max-width:48px;text-align:center;white-space:normal;overflow-wrap:anywhere}}

.personal-rabbit-art[data-breed="yunyou"]{display:block;position:relative;overflow:hidden}.personal-rabbit-art[data-breed="yunyou"]>img{position:absolute;left:16.6667%;top:0;width:200%;height:200%;max-width:none;clip-path:inset(0 66.6667% 50% 0);transform-origin:16.6667% 44.7266%}.writer-art[data-breed="yunyou"]{overflow:hidden}.writer-art[data-breed="yunyou"] img{left:16.6667%;top:0;width:200%;height:200%;max-width:none;object-fit:fill;clip-path:inset(0 66.6667% 50% 0)}

@media(max-width:360px){.scroll-stage:has(.scroll-mascot [data-breed="yunyou"]) .scroll-controls{width:152px;padding:3px 4px;gap:2px}.scroll-stage:has(.scroll-mascot [data-breed="yunyou"]) .scroll-controls button{flex:0 0 44px}.scroll-stage:has(.scroll-mascot [data-breed="yunyou"]) .scroll-position{min-width:0;max-width:48px;text-align:center;white-space:normal;overflow-wrap:anywhere}}

.personal-rabbit-art[data-breed="chicheng"]{display:block;position:relative;overflow:hidden}.personal-rabbit-art[data-breed="chicheng"]>img{position:absolute;left:16.6667%;top:0;width:200%;height:200%;max-width:none;clip-path:inset(0 66.6667% 50% 0);transform-origin:16.6667% 45.0195%}.writer-art[data-breed="chicheng"]{overflow:hidden}.writer-art[data-breed="chicheng"] img{left:16.6667%;top:0;width:200%;height:200%;max-width:none;object-fit:fill;clip-path:inset(0 66.6667% 50% 0)}

@media(max-width:360px){.scroll-stage:has(.scroll-mascot [data-breed="chicheng"]) .scroll-controls{width:152px;padding:3px 4px;gap:2px}.scroll-stage:has(.scroll-mascot [data-breed="chicheng"]) .scroll-controls button{flex:0 0 44px}.scroll-stage:has(.scroll-mascot [data-breed="chicheng"]) .scroll-position{min-width:0;max-width:48px;text-align:center;white-space:normal;overflow-wrap:anywhere}}
