/* Garden glass header: quiet light, a champagne edge, and a few floating blooms. */
.top{
 position:sticky;top:0;z-index:30;isolation:isolate;overflow:hidden;margin:0;
 border:1px solid #fff6e93d;border-top:0;border-radius:0 0 24px 24px;
 color:#fff9f0;
 background:radial-gradient(ellipse at 8% -50%,#ead0ef55,transparent 65%),linear-gradient(110deg,#825b9d 0%,#704b8d 48%,#62417e 100%);
 box-shadow:0 8px 22px #58346f20,inset 0 1px 0 #fff6ea44;
 backdrop-filter:blur(18px) saturate(1.1);
}
.top::before{content:'';position:absolute;z-index:1;left:25px;right:25px;bottom:5px;height:1px;background:linear-gradient(90deg,transparent,#f5d7a385 18%,#fff0cc99 50%,#f5d7a385 82%,transparent);pointer-events:none}
.top::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 26% 2%,#fff7df26,transparent 14%),radial-gradient(circle at 77% 130%,#d8a8e124,transparent 31%)}
.header-blooms{position:absolute;z-index:1;right:20%;top:-9px;width:112px;height:70px;opacity:.3;pointer-events:none;transform:rotate(-9deg)}
.header-bloom{position:absolute;width:12px;height:12px;fill:#f8dfea;stroke:#fff6e8;stroke-width:.65}
.header-bloom:nth-child(1){left:6px;top:17px;width:18px;height:18px;transform:rotate(18deg)}
.header-bloom:nth-child(2){left:39px;top:7px;width:10px;height:10px;opacity:.65}
.header-bloom:nth-child(3){left:69px;top:28px;width:14px;height:14px;transform:rotate(-12deg)}
.header-blooms::before,.header-blooms::after{content:'';position:absolute;width:3px;height:3px;border-radius:50%;background:#ffe8b8;box-shadow:0 0 7px #f8d99c88}
.header-blooms::before{left:33px;top:33px}.header-blooms::after{left:99px;top:14px;width:2px;height:2px}
.top-inner{position:relative;z-index:2;display:flex;align-items:center;gap:24px;min-height:82px;max-width:none;margin:0;padding:13px 26px 17px}
.top .brand{display:inline-flex;align-items:center;flex:none;gap:11px;color:#fff8ef;line-height:1;text-decoration:none;letter-spacing:0;text-shadow:none;font:400 30px/1 'Pacifico','Fredoka',sans-serif}
.brand>span:last-child{display:flex;align-items:baseline;gap:8px}
.top .brand small{display:inline;margin:0;color:inherit;font:inherit;text-transform:none;letter-spacing:0}
.brand-paw{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #fff2d749;border-radius:14px;background:linear-gradient(145deg,#f7e2ef24,#ffffff09);box-shadow:inset 0 1px 0 #fff8ed33;transform:none}
.brand-paw .sign-icon{width:25px;height:25px;flex:none;color:#fff0d5;stroke-width:1.7}
.top-whisper{display:flex;justify-content:center;align-items:center;gap:13px;flex:1;min-width:0;margin:0;color:#f7e9f4;font:600 12px/1.3 'Nunito',sans-serif;letter-spacing:.5px;white-space:nowrap}
.top-whisper::before,.top-whisper::after{content:'';width:24px;height:1px;background:linear-gradient(90deg,transparent,#efd5ae80)}
.top-whisper::after{transform:rotate(180deg)}
.account{display:flex;align-items:center;flex:none;gap:9px;margin-left:auto;white-space:nowrap}
.account-link,.account-admin,.pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 16px;border:1px solid #f6e7ef3d;border-radius:12px;font:800 12px/1.25 'Nunito',sans-serif;text-decoration:none;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}
.account-link,.account-admin{background:#fff7ef0a;color:#fff7f1;box-shadow:inset 0 1px 0 #ffffff0d}
.account-link:hover,.account-admin:hover{background:#fff6ed1c;border-color:#fff2dd80}
.account-admin{font-size:11px;padding:9px 12px}
.top .pill.small{min-height:38px;padding:9px 17px;background:linear-gradient(150deg,#fff6e7,#f2ddcb);border-color:#fff1dbb3;color:#5b376f;box-shadow:0 3px 9px #35204320,inset 0 1px 0 #fffdf8;font-size:12px}
.top .pill.small:hover{background:#fff5e6;transform:translateY(-1px);box-shadow:0 5px 13px #35204329}
.avatar-sm{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#fff0dd24;color:#fff5e8;font:800 12px 'Nunito',sans-serif;text-transform:uppercase}
.top a:focus-visible,.top button:focus-visible{outline:2px solid #ffe4ad;outline-offset:4px}
.top .menu-toggle{min-height:38px;padding:9px 12px;border-radius:12px;border:1px solid #f6e7ef50;background:#fff7ef10;color:#fff7ef;box-shadow:none}
@media(max-width:1280px){.top-whisper{display:none}.top-inner{gap:16px;padding-inline:22px}.header-blooms{right:34%;opacity:.24}}
@media(max-width:1040px){.top-inner{min-height:74px;padding:12px 18px 16px;gap:14px}.top .brand{font-size:27px}.brand-paw{width:36px;height:36px;border-radius:12px}.brand-paw .sign-icon{width:22px;height:22px}.top{border-radius:0 0 20px 20px}}
@media(max-width:650px){.top .brand{display:none}.top-inner{min-height:70px;gap:10px;padding:10px 14px 15px}.header-blooms{left:42%;right:auto;width:76px;opacity:.2}.account{gap:7px;flex:0 1 auto;min-width:0}.account-link,.account-admin,.top .pill.small{min-height:36px;padding:8px 12px;font-size:11px}.top .menu-toggle{flex:none;min-height:36px;font-size:12px;padding:8px 11px}.top::before{left:16px;right:16px}.account-link{flex:0 1 auto;min-width:0;max-width:160px;overflow:hidden;text-overflow:ellipsis}.account-admin,.top .pill.small{flex:none}}
@media(prefers-reduced-motion:reduce){.account-link,.account-admin,.pill{transition:none}.top .pill.small:hover{transform:none}}

.animal-avatar{display:block;width:100%;height:100%;object-fit:contain}.avatar-sm:has(.animal-avatar){background:transparent;border-radius:50%;overflow:hidden;width:28px;height:28px;flex:none}

.top .account-link{justify-content:flex-start}.account-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}