*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#273a32;background:#fbfaf6;font-family:Arial,Helvetica,sans-serif}.shell{text-align:center;flex-direction:column;align-items:center;width:min(100%,720px);min-height:100svh;margin:auto;padding:64px 28px 28px;display:flex}.mark{background:#e9eee5;border-radius:24px;place-items:center;width:84px;height:84px;margin-bottom:36px;font-size:42px;display:grid}.eyebrow{letter-spacing:.26em;color:#7c9184;margin:0 0 12px;font-size:12px;font-weight:700}h1{letter-spacing:-.085em;margin:0;font-size:clamp(52px,10vw,96px);font-weight:800;line-height:1.1}.dot{color:#e49a91}.tagline{margin:14px 0 0;font-size:clamp(19px,4vw,28px);font-weight:600}.rule{background:#e6b3a8;border-radius:10px;width:60px;height:3px;margin:56px 0 34px}.story{letter-spacing:-.04em;margin:0 0 16px;font-size:clamp(26px,5vw,40px);font-weight:700;line-height:1.2}.detail{color:#687970;max-width:465px;margin:0;font-size:17px;line-height:1.7}.status{background:#f0f5ed;border:1px solid #d8e3d9;border-radius:50px;margin:44px 0 64px;padding:13px 20px;font-size:14px;font-weight:700}.status span{color:#cc736c}footer{color:#7c9184;letter-spacing:.08em;margin-top:auto;font-size:12px}@media (max-width:460px){.shell{padding-top:44px}.mark{margin-bottom:26px}.rule{margin-top:45px}}.friends-page{color:#273a32;background:#fbfaf6;flex-direction:column;align-items:center;min-height:100svh;padding:26px 22px 34px;display:flex}.friends-header{justify-content:space-between;align-items:center;width:min(100%,720px);padding:8px 0 28px;display:flex}.brand-link{color:inherit;letter-spacing:-.06em;font-size:22px;font-weight:800;text-decoration:none}.friends-caption{color:#7c9184;letter-spacing:.17em;font-size:10px;font-weight:700}.friends-panel{background:#fff;border:1px solid #e6eae1;border-radius:24px;width:min(100%,600px);padding:clamp(22px,5vw,44px);box-shadow:0 12px 44px #233c290b}.friends-title{letter-spacing:-.055em;margin:12px 0;font-size:clamp(28px,5vw,42px);line-height:1.18}.friends-intro{color:#687970;margin:0 0 22px;font-size:15px;line-height:1.6}.friends-form{flex-direction:column;gap:10px;margin-top:24px;display:flex}.friends-form label{margin-top:6px;font-size:13px;font-weight:700}.friends-form input,.friends-form textarea{color:#273a32;width:100%;font:inherit;background:#f9faf7;border:1px solid #dce6da;border-radius:12px;padding:13px 14px;font-size:16px}.friends-form input:focus,.friends-form textarea:focus{outline-offset:1px;outline:2px solid #91af95}.friends-form button{color:#fff;cursor:pointer;background:#284638;border:none;border-radius:13px;margin-top:12px;padding:16px 18px;font-size:15px;font-weight:700}.friends-form button:disabled{opacity:.55;cursor:wait}.dog-avatar{background:#eaf0e6;border-radius:24px;place-items:center;width:76px;height:76px;font-size:35px;display:grid}.privacy-note{color:#819187;margin:14px 0 0;font-size:12px;line-height:1.65}.profile-hero{border-bottom:1px solid #e9ede6;align-items:center;gap:18px;padding:14px 0 22px;display:flex}.profile-hero h2{letter-spacing:-.05em;margin:0 0 5px;font-size:28px}.profile-hero p{color:#687970;margin:0}.dog-profile h3{letter-spacing:-.04em;margin:28px 0 16px;font-size:20px}.territory-card{background:#f0f5ed;border:1px solid #dfe9dc;border-radius:14px;flex-direction:column;gap:4px;margin:14px 0;padding:16px;display:flex}.territory-card strong{font-size:17px}.territory-card span{color:#7d8e80;font-size:13px}.territory-card p{margin:8px 0 0;font-size:14px;line-height:1.5}.form-message{border-radius:12px;margin:20px 0;padding:13px 16px;font-size:13px;line-height:1.5}.form-message.error{color:#a04436;background:#fef0ed}.form-message.success{color:#335c3e;background:#edf7e9}.friends-page footer{padding-top:35px}.cta-link{color:#fff;background:#284638;border-radius:50px;margin:30px 0 8px;padding:15px 25px;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}.cta-link:hover{background:#355945}@media (max-width:480px){.friends-caption{font-size:9px}.friends-page{padding:14px 14px 25px}.friends-header{padding-bottom:18px}.friends-panel{border-radius:18px}}