:root{--ink:#24241f;--paper:#fffdf8;--cream:#f4f0e5;--green:#2d5b3b;--lime:#dce9b6;--red:#e65241;--muted:#76766e}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif}button{font:inherit;cursor:pointer}.shell{width:min(1120px,calc(100% - 40px));margin:auto}.topbar{min-height:74px;display:flex;align-items:center;justify-content:center}.brand{font-family:'Rubik Mono One';font-size:17px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:9px}.paw{width:37px;height:37px;border-radius:50%;background:var(--red);display:grid;place-items:center;font-size:20px}.topbar .brand{position:absolute}.hero{padding:63px 0 74px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:52px}.eyebrow{display:inline-block;background:var(--lime);border-radius:7px 15px 9px 13px;padding:8px 12px;font-size:13px;font-weight:800;transform:rotate(-2deg)}h1{font-family:'Rubik Mono One';font-weight:400;font-size:clamp(39px,5.7vw,73px);line-height:1.1;letter-spacing:-3px;margin:19px 0}.lead{font-size:19px;line-height:1.5;max-width:570px}.button{border:0;border-radius:10px;padding:15px 18px;background:var(--red);color:white;font-weight:800;font-size:16px}.button:hover{filter:brightness(.93)}.button.ghost{background:#e8e5db;color:var(--ink)}.button:disabled{opacity:.45;cursor:not-allowed}.cta-row{display:flex;align-items:center;gap:16px;margin-top:27px}.time{font-weight:800;font-size:14px}.time span{font-size:19px;margin-right:5px}.hero-art{height:430px;background:#d9eab9;border-radius:44% 56% 47% 53%/46% 42% 58% 54%;position:relative;overflow:hidden}.silhouette{position:absolute;inset:0;background:var(--green);clip-path:polygon(31% 58%,38% 43%,45% 39%,44% 25%,51% 31%,57% 24%,60% 40%,73% 52%,79% 67%,68% 71%,64% 91%,54% 91%,54% 70%,39% 70%,36% 91%,27% 91%,28% 67%,18% 61%)}.silhouette:after{content:'?';position:absolute;left:50%;top:37%;transform:translate(-50%,-50%);font:110px 'Rubik Mono One';color:var(--paper)}.sticker{position:absolute;background:var(--paper);padding:13px 16px;font-weight:800;font-size:14px}.sticker.one{top:36px;left:23px;border-radius:5px 16px 6px 13px;transform:rotate(-9deg)}.sticker.two{bottom:29px;right:19px;background:#f8ca84;border-radius:48% 15% 36% 17%;transform:rotate(7deg)}.quick-preview{background:var(--paper);border-radius:28px;padding:30px;margin:0 0 75px}.quick-preview h2,.section-title{font:400 29px/1.2 'Rubik Mono One';letter-spacing:-1.5px;margin:0 0 20px}.mini-dogs{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.mini-dog{background:#f0ede2;padding:13px;border-radius:17px}.mini-dog img,.dog-image{width:100%;height:128px;object-fit:cover;border-radius:12px;display:block}.mini-dog b{display:block;margin-top:10px;font-size:14px}.mini-dog span{font-size:12px;color:var(--muted)}.full-cta{min-height:410px;border-radius:28px;background:var(--green);color:white;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;margin-bottom:75px}.full-cta:before{content:'🐕';position:absolute;opacity:.16;font-size:420px;line-height:1;bottom:-78px;left:50%;transform:translateX(-50%)}.full-cta h2{position:relative;font:400 clamp(42px,7vw,83px)/1 'Rubik Mono One';letter-spacing:-4px;margin:0 0 24px}.footer{display:flex;justify-content:space-between;padding:24px 0 39px;font-size:13px}.footer a{color:var(--ink);font-weight:800;text-decoration:none}.quiz{min-height:100vh}.quiz .topbar{justify-content:center}.progress-wrap{width:min(720px,100%);margin:27px auto 0}.progress-row{display:flex;justify-content:space-between;font-size:13px;font-weight:800;margin-bottom:11px}.progress{height:9px;background:#ddd9ca;border-radius:30px;overflow:hidden}.progress i{height:100%;display:block;background:var(--red);transition:.2s}.question-card{width:min(720px,100%);min-height:570px;margin:49px auto 0}.question-card h2{font:400 clamp(29px,4.4vw,46px)/1.16 'Rubik Mono One';letter-spacing:-2px;margin:0 0 13px}.hint{color:var(--muted);margin-bottom:22px}.answers{display:grid;gap:10px}.answer{border:0;background:var(--paper);border-radius:12px;padding:17px;text-align:left;font-weight:700;font-size:16px}.answer:hover,.answer.selected{background:var(--lime)}.nav{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.back{border:0;border-radius:9px;background:#e8e5db;padding:13px 15px;font-weight:800}.result{padding-bottom:58px}.result-head{background:var(--green);color:white;border-radius:28px;min-height:320px;padding:45px;position:relative;overflow:hidden}.result-head h1{font-size:clamp(35px,4.5vw,59px);max-width:680px}.result-head p{font-size:18px;line-height:1.5;max-width:590px}.falling-dog{position:absolute;right:7%;bottom:0;width:270px;height:270px;object-fit:cover;border-radius:50% 50% 24px 24px;animation:drop .8s cubic-bezier(.2,.8,.4,1) both}@keyframes drop{from{transform:translateY(-350px) rotate(-14deg)}to{transform:translateY(0) rotate(0)}}.grid,.next{display:grid;grid-template-columns:1.1fr .9fr;gap:17px;margin:23px 0}.card{background:var(--paper);border-radius:20px;padding:24px}.card h2{font:400 21px 'Rubik Mono One';letter-spacing:-1px;margin:0 0 14px}.trait-list,.checklist{list-style:none;padding:0;margin:0;display:grid;gap:10px}.trait-list li{line-height:1.45}.trait-list li:before{content:'•';color:var(--red);font-weight:900;margin-right:9px}.warning{background:#f8dc9d}.dogs{margin:54px 0 28px}.dogs>p{color:var(--muted);line-height:1.5}.dog-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.dog-card{background:var(--paper);border-radius:18px;padding:14px}.dog-card h3{margin:12px 0 5px;font-size:19px}.dog-card p{font-size:13px;color:var(--muted);line-height:1.45}.fit{font-size:12px;font-weight:800;background:var(--lime);display:inline-block;padding:6px 8px;border-radius:6px}.compare{margin-top:43px}.table-shell{border-radius:20px;overflow:auto;background:var(--paper)}table{width:100%;min-width:700px;border-collapse:collapse;table-layout:fixed}th,td{padding:12px;text-align:left;border-bottom:1px solid #e4e0d5}th{background:var(--lime);font-size:13px}.meter{display:flex;gap:3px}.meter i{width:18px;height:6px;border-radius:4px;background:#ddd9ce}.meter i.on{background:var(--red)}.next{margin-top:32px}.checklist li{padding:9px 0;border-bottom:1px solid #e4e0d5}.checklist li:before{content:'□';font-size:19px;margin-right:9px}.small{font-size:13px;line-height:1.5;color:var(--muted)}.where{display:grid;gap:12px}.where div{display:grid;grid-template-columns:28px 1fr;gap:10px;line-height:1.45}.no{font-size:20px;color:var(--red)}.bree{margin-top:30px;display:grid;grid-template-columns:180px 1fr;gap:25px;align-items:center;background:#f7c8b0}.photo-placeholder{aspect-ratio:1;border-radius:18px;background:#e7a889;display:grid;place-items:center;text-align:center;font-weight:800;font-size:15px;position:relative;overflow:hidden}.photo-placeholder:after{content:'🐶';position:absolute;font-size:80px;opacity:.3;bottom:-19px;right:-9px}.donate-page{min-height:100vh}.donate-card{margin:60px auto;max-width:860px;display:grid;grid-template-columns:260px 1fr;gap:42px;align-items:center}.donate-card h1{font-size:46px}@media(max-width:720px){.shell{width:min(100% - 24px,600px)}.topbar{min-height:65px}.hero{grid-template-columns:1fr;gap:25px;padding:18px 0 44px}.hero-art{order:-1;height:360px}.hero h1{font-size:42px;letter-spacing:-2px}.lead{font-size:17px}.cta-row{display:grid;grid-template-columns:1fr auto}.cta-row .button{width:100%}.quick-preview{padding:19px;border-radius:20px;margin-bottom:47px}.quick-preview h2,.section-title{font-size:23px}.mini-dogs{gap:8px}.mini-dog{padding:8px}.mini-dog img{height:80px}.mini-dog b{font-size:11px}.mini-dog span{font-size:10px}.full-cta{min-height:290px;margin-bottom:45px}.full-cta h2{font-size:48px;letter-spacing:-3px}.question-card{margin-top:38px;min-height:calc(100vh - 185px);display:flex;flex-direction:column}.question-card h2{font-size:31px}.nav{margin-top:auto;padding-top:23px}.result-head{padding:28px 22px;min-height:430px}.result-head h1{font-size:38px;max-width:280px}.falling-dog{width:200px;height:200px;right:8%;bottom:0}.grid,.next,.dog-cards,.donate-card{grid-template-columns:1fr}.bree{grid-template-columns:1fr}.bree .photo-placeholder{max-height:210px}.footer{padding-top:22px}.donate-card{margin:35px auto;gap:25px}.donate-card .photo-placeholder{max-height:260px}.donate-card h1{font-size:37px}}