.pet-relationship{margin-top:22px;overflow:hidden;--relationship-accent:#506c3c;--relationship-soft:#edf1df}
.dashboard>.pet-relationship{margin-top:0}
.pet-relationship[data-relationship-personality="shy"]{--relationship-accent:#665378;--relationship-soft:#f0ebf4}
.pet-relationship[data-relationship-personality="calm"]{--relationship-accent:#3e6671;--relationship-soft:#e8f0f1}
.pet-relationship[data-relationship-personality="brave"]{--relationship-accent:#75471f;--relationship-soft:#f5eadc}
.relationship-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.relationship-heading h2{margin:8px 0 6px}.relationship-heading p{color:var(--muted);font-size:12px}.relationship-heading .badge{flex-shrink:0}
.relationship-progress{display:flex;gap:15px;align-items:center;background:var(--relationship-soft);border-left:4px solid var(--relationship-accent);padding:13px 15px;margin:18px 0;font-size:12px}
.relationship-progress b{color:var(--relationship-accent);white-space:nowrap}.relationship-progress span{color:#566157}.relationship-progress.is-complete{border-left-color:#5c7c4f}
.relationship-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:26px}.relationship-layout>section>h3{font-size:13px;margin-bottom:12px}
.relationship-discoveries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.relationship-discovery{position:relative;border:1px solid var(--line);padding:15px;min-height:150px;transition:transform 160ms ease,border-color 160ms ease}.relationship-discovery.is-unlocked{border-color:color-mix(in srgb,var(--relationship-accent) 38%,var(--line));background:linear-gradient(145deg,var(--relationship-soft),#fff 58%)}
.relationship-discovery.is-unlocked:hover{transform:translateY(-2px);border-color:var(--relationship-accent)}.relationship-discovery.is-locked{background:#f6f6f1;color:#62695f}.relationship-discovery.is-locked:after{content:'LOCKED';position:absolute;right:12px;top:12px;font:9px/1.2 monospace;letter-spacing:1px;color:#666d63}.relationship-discovery.is-locked .relationship-day,.relationship-discovery.is-locked p{color:#62695f}
.relationship-day{display:inline-block;color:var(--relationship-accent);font:700 10px/1.2 monospace;letter-spacing:1px}.relationship-discovery h3{margin:9px 0 7px;font-size:13px}.relationship-discovery p{font-size:11px;color:#6f7b6b}.relationship-discovery blockquote{margin:11px 0 0;padding-top:9px;border-top:1px solid #dfe4d8;font-size:11px;line-height:1.7;color:var(--relationship-accent)}
.relationship-current{margin-top:10px;padding:11px 13px;background:#f7f7f2;font-size:11px;color:#697465}
.relationship-discoveries>.relationship-empty{grid-column:1/-1;text-align:center;padding:24px 14px;background:#f7f7f2;color:#667064}.relationship-discoveries>.relationship-empty b,.relationship-discoveries>.relationship-empty span{display:block}.relationship-discoveries>.relationship-empty b{font-size:12px;margin-bottom:7px}.relationship-discoveries>.relationship-empty span{font-size:11px;line-height:1.8}
.relationship-future,.relationship-history{margin-top:12px;border-top:1px solid var(--line)}.relationship-future>summary,.relationship-history>summary{min-height:44px;display:flex;align-items:center;color:var(--relationship-accent);font-size:11px;font-weight:700;cursor:pointer}.relationship-future[open]>summary,.relationship-history[open]>summary{margin-bottom:10px}
.relationship-timeline{list-style:none;margin:0;padding:0;max-height:490px;overflow:auto}.relationship-timeline li{display:grid;grid-template-columns:82px 1fr;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.relationship-timeline time{font:10px/1.6 monospace;color:var(--relationship-accent)}.relationship-timeline h3{font-size:12px;margin-bottom:4px}.relationship-timeline p{font-size:11px;color:var(--muted)}
.relationship-timeline .relationship-empty{display:block;text-align:center;padding:30px 15px;background:#f7f7f2;color:var(--muted)}.relationship-empty b,.relationship-empty span{display:block}.relationship-empty b{color:#59675a;font-size:12px;margin-bottom:7px}.relationship-empty span{font-size:11px;line-height:1.8}
.relationship-note{margin-top:20px;padding-top:14px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
@media(max-width:900px){.relationship-layout{grid-template-columns:1fr}.relationship-timeline{max-height:360px}}
@media(max-width:560px){.relationship-heading{display:block}.relationship-heading .badge{margin-top:12px}.relationship-discoveries{grid-template-columns:1fr}.relationship-discovery{min-height:0}.relationship-progress{align-items:flex-start}.relationship-timeline li{grid-template-columns:1fr;gap:3px}}
@media(prefers-reduced-motion:reduce){.relationship-discovery{transition:none}.relationship-discovery.is-unlocked:hover{transform:none}}