:root{--bg: #F7FBF7;--sky-top: #DCEEF7;--sky-mid: #E7F0EF;--sky-bottom: #F4F1E4;--hill-far: #CFE3D0;--hill-mid: #B9D9BC;--hill-near: #A5CDAA;--tree: #93C29B;--cloud: #FFFFFF;--fg: #3B3A33;--muted: #6E6A5C;--accent-deep: #9E4E30;--accent-hover: #7F3D27;--star: #CE6B43;--card: #FFFFFFF0;--surface: #FDF2EA;--rule: #E4EBE3;--radius: 16px;--surface-hover: #F9E2D2;--field-line: #8A9487}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Malgun Gothic,sans-serif;line-height:1.75;word-break:keep-all;overflow-wrap:break-word}.sky{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 42%,var(--sky-bottom) 78%)}.sky-cloud{fill:var(--cloud);opacity:.72}.sky-hill-far{fill:var(--hill-far)}.sky-hill-mid{fill:var(--hill-mid)}.sky-hill-near,.sky-tree-far{fill:var(--hill-near)}.sky-tree-mid{fill:var(--tree)}header,main,footer{width:min(46rem,100% - 2rem);margin-inline:auto}header{padding:1.5rem 0 .9rem}.brand{font-weight:700;font-size:1.3rem;letter-spacing:-.01em;color:var(--accent-deep);text-decoration:none}main{padding:1.6rem clamp(1.1rem,4vw,2rem) 3rem;background:var(--card);border-radius:var(--radius);box-shadow:0 1px 2px #4a685012,0 16px 32px -20px #4a685066}main>:first-child{margin-top:0}a{color:var(--accent-deep);text-underline-offset:.18em}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent-deep);outline-offset:3px;border-radius:4px}h1{font-size:1.7rem;line-height:1.4;letter-spacing:-.02em;margin:.2rem 0 .8rem}h2{font-size:1.2rem;margin-top:2.5rem}h3{font-size:.9rem;font-weight:600;color:var(--muted);margin:1.75rem 0 .35rem;line-height:1.5}h3+p{margin-top:0}ul{padding-left:1.2rem}button{margin-top:1rem;padding:.55rem 1.15rem;font:inherit;font-size:.95rem;color:#fff;background:var(--accent-deep);border:0;border-radius:999px;cursor:pointer}button:hover{background:var(--accent-hover)}.grade-badge{display:flex;align-items:center;gap:1rem;background:var(--surface);border-radius:var(--radius);padding:1rem 1.25rem}.grade-badge strong{font-size:1.15rem}.grade-text{display:flex;flex-direction:column;gap:.25rem}.stars{font-size:1.35rem;color:var(--star);letter-spacing:.1em}.detail-divider{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--rule);color:var(--muted);font-size:1rem}footer{margin-top:1rem;margin-bottom:2.5rem;padding:1rem clamp(1.1rem,4vw,2rem);background:var(--card);border-radius:var(--radius)}.disclaimer{margin:0;font-size:.85rem;color:var(--muted)}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.4rem 0 1.4rem}.hero svg{width:clamp(140px,42vw,180px);height:auto}.hero h1{margin:.7rem 0 .45rem}.lede{margin:0 0 1.5rem;max-width:26rem;color:var(--muted)}.cta{display:inline-block;padding:.7rem 1.7rem;font-weight:600;text-decoration:none;color:#fff;background:var(--accent-deep);border-radius:999px}.cta:hover{color:#fff;background:var(--accent-hover)}.type-grid{list-style:none;padding-left:0;margin:.9rem 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.4rem,2vw,.7rem);max-width:27rem}.home-types{text-align:center}.home-types .type-grid{margin-inline:auto}.type-grid a{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.5rem .2rem .55rem;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-decoration:none;background:var(--surface);border-radius:12px}.type-grid a:hover{background:var(--surface-hover)}.type-grid svg{width:clamp(34px,9vw,46px);height:auto}.grid-note{margin:.35rem 0 0;font-size:.9rem;color:var(--muted)}.breed-plate{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"cat label" "body body";align-items:center;column-gap:clamp(.8rem,3vw,1.2rem);row-gap:.55rem;margin:1.1rem 0 1.8rem;padding:1rem clamp(.9rem,3vw,1.3rem);background:var(--surface);border-radius:var(--radius)}.breed-plate>svg{grid-area:cat;width:clamp(88px,24vw,132px);height:auto}.breed-label{grid-area:label}.breed-body{grid-area:body;margin:0}@media(min-width:34rem){.breed-plate{grid-template-areas:"cat label" "cat body"}}.eyebrow{margin:0;font-size:.78rem;font-weight:600;letter-spacing:.02em;color:var(--muted)}.breed-name{margin:.1rem 0 0;font-size:1.15rem;font-weight:700;line-height:1.35}.pair-cats{display:flex;align-items:center;justify-content:center;gap:clamp(.5rem,4vw,1.5rem);margin:.3rem 0 1.1rem}.pair-cat{display:flex;flex-direction:column;align-items:center;gap:.1rem}.pair-cat svg{width:clamp(84px,26vw,116px);height:auto}.pair-cat span{font-size:.8rem;font-weight:700;letter-spacing:.06em;color:var(--muted)}.pair-cat-a svg{transform:scaleX(-1)}.pair-x{font-size:1.1rem;color:var(--muted)}.pick-form{display:grid;gap:.9rem;max-width:22rem;margin:1.2rem 0 0}.pick-form label{display:grid;gap:.3rem;font-size:.9rem;font-weight:600;color:var(--muted)}.pick-form select{font:inherit;font-size:1rem;padding:.55rem .7rem;color:var(--fg);background:#fff;border:1px solid var(--field-line);border-radius:10px}.pick-form button{justify-self:start}