.pet-guide{width:100%;color:inherit;text-align:left;cursor:pointer}.pet-guide:active{transform:translateY(1px)}
.pet-quick{position:absolute;top:47%;z-index:4;display:grid;width:46px;min-height:54px;place-content:center;gap:0;border:1px solid rgba(79,117,78,.18);border-radius:15px;color:var(--green);background:rgba(255,255,255,.82);box-shadow:0 5px 14px rgba(57,80,49,.1);text-align:center}.pet-quick--feed{left:11px}.pet-quick--play{right:11px}.pet-quick b,.pet-quick span,.pet-quick small{display:block}.pet-quick b{font-size:18px;line-height:1}.pet-quick span{margin-top:3px;font-size:9px;font-weight:850}.pet-quick small{margin-top:1px;color:var(--muted);font-size:8px}.pet-quick:disabled{opacity:.48}
.pet-coming button:first-child:not(:disabled){border-color:rgba(79,117,78,.25);color:#fff;background:var(--green);box-shadow:0 5px 14px rgba(59,100,57,.15);cursor:pointer}
.pet-coming button[data-open-records]{border-color:rgba(79,117,78,.18);color:var(--green);background:#f3f6ef;cursor:pointer}
.pet-task-sheet{position:absolute;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));left:10px;max-height:min(76dvh,610px);padding:16px;border-radius:23px 23px 18px 18px;background:#fffdf8;box-shadow:0 18px 50px rgba(37,28,20,.3);overflow:auto}.pet-task-sheet header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pet-task-sheet header small{color:#6f8769;font-size:10px}.pet-task-sheet h2{margin:2px 0 0;font-size:21px}.pet-task-sheet header button{display:grid;width:38px;height:38px;flex:none;place-items:center;border:0;border-radius:50%;color:#647260;background:#edf2e9;font-size:24px}.pet-level-progress{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin:13px 0 10px;padding:10px;border-radius:13px;background:#f1eee7}.pet-level-progress span,.pet-level-progress b{font-size:11px}.pet-level-progress div{height:8px;border-radius:99px;background:#ddd8cf;overflow:hidden}.pet-level-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#719267,#4f754e)}
.pet-status-chips{display:flex;gap:6px;margin-top:12px;overflow-x:auto;scrollbar-width:none}.pet-status-chips::-webkit-scrollbar{display:none}.pet-status-chips span{flex:none;padding:7px 9px;border-radius:99px;color:#536c50;background:#edf3e8;font-size:9px;font-weight:750;white-space:nowrap}
.pet-task-list{display:grid;gap:8px}.pet-task-item{display:grid;grid-template-columns:42px minmax(0,1fr) 96px;align-items:center;gap:9px;padding:10px;border:1px solid rgba(91,74,52,.13);border-radius:15px;background:#fff}.pet-task-item>div{min-width:0}.pet-task-item.is-done{background:#f4f2ed}.pet-task-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#eef3e8;font-size:22px}.pet-task-item strong,.pet-task-item small,.pet-task-item em{display:block}.pet-task-item strong{font-size:14px}.pet-task-item small{margin-top:2px;color:var(--muted);font-size:9px}.pet-task-item em{margin-top:3px;color:#688163;font-size:9px;font-style:normal}.pet-task-item button{width:100%;min-width:0;min-height:38px;padding:8px 9px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;border:0;border-radius:11px;color:#fff;background:var(--green);font-size:10px;font-weight:850}.pet-task-item button:disabled{color:#999187;background:#e1ddd5}.pet-task-note{margin:10px 2px 0;color:var(--muted);font-size:9px;text-align:center}
.pet-task-tools{margin-top:15px}.pet-task-tools h3{margin:0;color:#536f50;font-size:14px}.pet-task-tools .pet-companion-entry{grid-column:1/-1}
.pet-record-list{display:grid;gap:7px;margin-top:13px}.pet-record-list article{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;padding:10px;border:1px solid rgba(91,74,52,.12);border-radius:14px;background:#fff}.pet-record-list article>span{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#eef3e8;font-size:20px}.pet-record-list strong,.pet-record-list small{display:block}.pet-record-list strong{font-size:12px}.pet-record-list small{margin-top:3px;color:var(--muted);font-size:9px}.pet-record-empty{display:grid;min-height:180px;place-content:center;gap:8px;color:var(--muted);font-size:12px;text-align:center}.pet-record-empty b{font-size:34px}.pet-toast.is-celebration{background:linear-gradient(135deg,#78611f,#a77b16);font-weight:850}
.pet-record-list article.is-milestone{border-color:rgba(172,126,24,.28);background:#fff9e9}.pet-record-list article.is-milestone>span{background:#f8edc7}
.pet-record-more{width:100%;min-height:42px;margin-top:10px;border:1px solid rgba(79,117,78,.2);border-radius:13px;color:var(--green);background:#f3f6ef;font-size:11px;font-weight:850}.pet-record-more:disabled{color:#9b958b;background:#e8e4dc}
@media(max-width:360px){.pet-quick{width:40px;min-height:49px;border-radius:13px}.pet-quick--feed{left:7px}.pet-quick--play{right:7px}.pet-quick b{font-size:16px}.pet-task-sheet{right:7px;left:7px;padding:13px}.pet-task-item{grid-template-columns:38px minmax(0,1fr) 84px;gap:7px;padding:8px}.pet-task-icon{width:36px;height:36px}.pet-task-item button{padding:8px 7px}}
@media(max-height:650px){.pet-task-sheet{max-height:82dvh}.pet-task-sheet header small,.pet-task-note{display:none}.pet-level-progress{margin:8px 0}.pet-task-list{gap:6px}.pet-task-item{padding-top:7px;padding-bottom:7px}}
