.mypage-pets-top{grid-template-columns:minmax(0,1fr) 400px;align-items:stretch;gap:12px;display:grid}.mypage-pets-card{border:1px solid var(--color-border);border-radius:var(--jdsc-radius-lg);background:var(--color-surface);padding:24px}.mypage-pets-stage{color:var(--jdsc-ink-400);background:var(--jdsc-surface-sunk);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.mypage-pets-stage.is-hero{border-radius:var(--jdsc-radius-lg);width:120px;height:120px}.mypage-pets-stage.is-row{border-radius:var(--jdsc-radius-md);width:56px;height:56px}.mypage-pets-hero{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:20px;display:grid}.mypage-pets-hero__copy{flex-direction:column;gap:6px;min-width:0;display:flex}.mypage-pets-eyebrow{color:var(--jdsc-orange-ink);font-size:12.5px;font-weight:var(--jdsc-fw-bold)}.mypage-pets-hero__view{flex-direction:column;gap:4px;display:flex}.mypage-pets-hero__name,.mypage-pets-row__name{align-items:baseline;gap:8px;min-width:0;display:flex}.mypage-pets-hero__name>span{color:var(--color-text-strong);font-size:22px;font-weight:var(--jdsc-fw-extra);letter-spacing:-.6px;text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.mypage-pets-hero__name small,.mypage-pets-row__name small{color:var(--color-text-muted);font-size:13px;font-weight:var(--jdsc-fw-semibold);white-space:nowrap}.mypage-pets-hero__desc{color:var(--jdsc-ink-700);font-size:13px;font-weight:var(--jdsc-fw-semibold)}.mypage-pets-meta{color:var(--color-text-muted);font-size:12.5px;font-weight:var(--jdsc-fw-semibold);white-space:nowrap}.mypage-pets-meta b{color:var(--jdsc-ink-700);font-family:var(--jdsc-font-mono);font-weight:var(--jdsc-fw-bold)}.mypage-pets-hero__actions{align-items:center;gap:10px;margin-top:8px;display:flex}.mypage-pets-button{border:1px solid var(--color-border-strong);border-radius:var(--jdsc-radius-md);height:32px;color:var(--color-text-strong);background:var(--color-surface);font:inherit;font-size:12.5px;font-weight:var(--jdsc-fw-bold);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.mypage-pets-button:hover{border-color:var(--jdsc-ink-900)}.mypage-pets-button:focus-visible,.mypage-pets-save:focus-visible,.mypage-pets-cancel:focus-visible,.mypage-pets-switch:focus-visible{box-shadow:var(--jdsc-shadow-focus);outline:none}.mypage-pets-name-msg{color:var(--jdsc-success-ink);font-size:12.5px;font-weight:var(--jdsc-fw-bold)}.mypage-pets-rename{flex-direction:column;gap:6px;max-width:360px;display:flex}.mypage-pets-rename label{color:var(--jdsc-ink-700);font-size:12.5px;font-weight:var(--jdsc-fw-bold)}.mypage-pets-rename__field{display:flex;position:relative}.mypage-pets-rename__field input{box-sizing:border-box;border:1px solid var(--color-border-strong);border-radius:var(--jdsc-radius-md);width:100%;height:40px;color:var(--color-text-strong);background:var(--color-surface);font:inherit;font-size:16px;font-weight:var(--jdsc-fw-bold);outline:none;padding:0 52px 0 12px}.mypage-pets-rename__field input:focus{border-color:var(--jdsc-ink-900);box-shadow:var(--jdsc-shadow-focus)}.mypage-pets-rename__field b{color:var(--color-text-muted);font-family:var(--jdsc-font-mono);font-size:12px;font-weight:var(--jdsc-fw-bold);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.mypage-pets-rename__hint{color:var(--color-text-muted);font-size:12px;font-weight:var(--jdsc-fw-semibold);word-break:keep-all}.mypage-pets-rename__actions{gap:8px;margin-top:4px;display:flex}.mypage-pets-save,.mypage-pets-cancel{border-radius:var(--jdsc-radius-md);height:36px;font:inherit;white-space:nowrap;cursor:pointer;border:0;align-items:center;font-size:13px;display:inline-flex}.mypage-pets-save{color:var(--color-text-inverse);background:var(--jdsc-ink-900);font-weight:var(--jdsc-fw-extra);padding:0 16px}.mypage-pets-save[aria-disabled=true]{color:var(--color-text-muted);background:var(--color-surface-muted);cursor:not-allowed}.mypage-pets-cancel{color:var(--jdsc-ink-700);font-weight:var(--jdsc-fw-bold);background:0 0;padding:0 12px}.mypage-pets-cancel:hover{background:var(--jdsc-surface-sunk)}.mypage-pets-web{flex-direction:column;gap:14px;display:flex}.mypage-pets-web h2,.mypage-pets-others h2{color:var(--color-text-strong);font-size:17px;font-weight:var(--jdsc-fw-extra);letter-spacing:-.5px;margin:0}.mypage-pets-switch-row{border-bottom:1px solid var(--color-border-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding-bottom:14px;display:grid}.mypage-pets-switch-row>span{flex-direction:column;gap:2px;display:flex}.mypage-pets-switch-row strong{color:var(--color-text-strong);font-size:14px;font-weight:var(--jdsc-fw-bold)}.mypage-pets-switch-row small{color:var(--color-text-muted);font-size:12.5px;font-weight:var(--jdsc-fw-semibold);word-break:keep-all}.mypage-pets-switch{box-sizing:border-box;border:1px solid var(--color-border-strong);background:var(--color-surface-muted);cursor:pointer;border-radius:999px;width:44px;height:26px;padding:0;transition:background .15s;position:relative}.mypage-pets-switch i{background:var(--color-surface);width:20px;height:20px;box-shadow:var(--jdsc-shadow-1);border-radius:999px;transition:transform .15s;position:absolute;top:2px;left:2px}.mypage-pets-switch[aria-checked=true]{border-color:var(--jdsc-ink-900);background:var(--jdsc-ink-900)}.mypage-pets-switch[aria-checked=true] i{transform:translate(18px)}.mypage-pets-motion-note{border-radius:var(--jdsc-radius-md);color:var(--jdsc-warn-ink);background:var(--jdsc-warn-wash);font-size:12.5px;font-weight:var(--jdsc-fw-bold);word-break:keep-all;margin:0;padding:10px 12px;line-height:1.5}.mypage-pets-move{flex-direction:column;gap:8px;display:flex}.mypage-pets-move>span{color:var(--color-text-strong);font-size:13px;font-weight:var(--jdsc-fw-extra)}.mypage-pets-move__desc{color:var(--jdsc-ink-700);font-size:12.5px;font-weight:var(--jdsc-fw-semibold);word-break:keep-all;margin:0;line-height:1.5}.mypage-pets-move__desc span{color:var(--color-text-muted)}.mypage-pets-others{flex-direction:column;gap:12px;margin-top:24px;display:flex}.mypage-pets-others-head{align-items:center;gap:12px;min-height:36px;display:flex}.mypage-pets-others-head .mypage-sub-action{height:36px}.mypage-pets-others h2{align-items:center;gap:6px;display:flex}.mypage-pets-others h2 b{color:var(--color-text-muted);font-family:var(--jdsc-font-mono);font-size:13px;font-weight:var(--jdsc-fw-bold)}.mypage-pets-list{padding:4px 24px}.mypage-pets-row{box-sizing:border-box;border-top:1px solid var(--color-border-soft);grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:80px;padding:12px 0;display:grid}.mypage-pets-row:first-child{border-top:0}.mypage-pets-row__copy{flex-direction:column;gap:3px;min-width:0;display:flex}.mypage-pets-row__name{gap:6px}.mypage-pets-row__name>span{color:var(--color-text-strong);font-size:15px;font-weight:var(--jdsc-fw-extra);letter-spacing:-.4px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mypage-pets-row__name small{font-size:12.5px}.mypage-pets-others__none{color:var(--color-text-muted);font-size:13px;font-weight:var(--jdsc-fw-semibold);word-break:keep-all;margin:0}@media (max-width:767px){.mypage-pets-top{grid-template-columns:minmax(0,1fr)}.mypage-pets-card{padding:16px}.mypage-pets-hero{grid-template-columns:88px minmax(0,1fr);gap:14px}.mypage-pets-stage.is-hero{width:88px;height:88px}.mypage-pets-hero__name>span{font-size:19px}.mypage-pets-button,.mypage-pets-save,.mypage-pets-cancel,.mypage-pets-rename__field input{height:44px}.mypage-pets-others{margin-top:16px}.mypage-pets-others-head .mypage-sub-action{display:none}.mypage-pets-list{border-right:1px solid var(--color-border);border-left:1px solid var(--color-border);border-radius:var(--jdsc-radius-lg);margin:0;padding:4px 16px}.mypage-pets-row{gap:12px;min-height:76px}.mypage-pets-row .mypage-pets-button{padding:0 14px;font-size:13px}}@media (prefers-reduced-motion:reduce){.mypage-pets-switch,.mypage-pets-switch i{transition:none}}