/* Shared header/footer continued from Claude's shell plan, matched to the supplied pink reference. */
:root{--ref-unit:clamp(.95px,calc(100vw / 941),1.53px)}
.topbar{background:#fff7fbf5;border-bottom:0;box-shadow:0 3px 14px #e479a51a}.topbar-in{max-width:calc(var(--ref-unit)*893);padding:12px 0;gap:12px}.search button{border-radius:50%;margin:4px;width:34px}.search input{font-size:13px}.tool{color:#75355d}.mainnav{background:transparent;padding:0 0 5px}.mainnav-in{border-radius:28px;background:linear-gradient(90deg,#ffc4d8,#ff8cb8);border:2px solid #fff;box-shadow:0 0 0 2px #ffe0ec;padding:3px 4px;gap:2px}.mainnav a{color:#b33c74;font-size:12px;padding:7px 11px;border-radius:20px}.mainnav a.on,.mainnav a:hover{background:#ffffff4f;color:#9e2e65}.mainnav .cat-btn{background:linear-gradient(#c26a92,#a84673);color:white;border:2px solid white;box-shadow:0 0 0 1px #f6adcc;border-radius:23px;padding:7px 18px;gap:8px}.nav-live{background:transparent!important;color:#ac356d!important;box-shadow:none!important;animation:none!important}.nav-live b{font-size:9px;padding:3px 5px;background:#f54a90;animation:blink 1.4s steps(2,start) infinite}.nav-live .pulse{display:none}.nav-promise{display:none!important}.mainnav .nav-member{margin-left:auto;background:linear-gradient(#b74e81,#913f69);color:#ffe67c;font-weight:600;gap:6px;padding:6px 13px;font-size:11px;border:2px solid #ffe5f0}.nav-member>svg{fill:#ffdd6e;stroke:#ffdf76;width:18px;height:18px}.f-ref-mascot{position:relative;isolation:isolate;min-height:160px}.f-ref-bubble{position:absolute;left:0;top:3px;width:135px;min-height:105px;background:#fff8fa;border:3px solid #ffd8aa;color:#ff6ba2;display:grid;place-content:center;text-align:center;border-radius:46% 48% 42% 47%;font:500 17px/1.35 var(--head);transform:rotate(-9deg);padding:15px}.f-ref-bunny{position:absolute;right:0;bottom:0;width:115px;height:145px;background-image:url('/assets/ref/home-art-v1.webp');background-size:941px 1672px;background-position:-825px -1506px;clip-path:polygon(22% 3%,52% 0,68% 9%,84% 2%,96% 20%,94% 96%,0 100%,0 51%,13% 42%)}.footer{background:linear-gradient(#fff0f6,#ffe6ef);margin-top:0;border-color:#ffdfeb}.footer-in{max-width:calc(var(--ref-unit)*893);padding:24px 0 16px;gap:20px}.footer-in>div{font-size:12px;gap:7px}.footer-in strong{color:#f74791;font-size:13px}.f-brand p{font-size:11px;line-height:1.6}.footer-bottom{max-width:calc(var(--ref-unit)*893);font-size:10px;padding:12px 0 15px;color:#a28ba0}.footer-in .f-ref-mascot{display:block}.f-brand img{height:38px}.rf-favorites-link .badge{background:#fa4c94;color:white}.footer-in .f-social{display:flex;flex-direction:row;flex-wrap:wrap;gap:7px}
@media(min-width:900px){.topbar-in{height:calc(var(--ref-unit)*62);padding:calc(var(--ref-unit)*8) 0;gap:calc(var(--ref-unit)*14);grid-template-columns:auto minmax(0,1fr) auto}.brand{gap:calc(var(--ref-unit)*12)}.brand img{height:calc(var(--ref-unit)*40)}.brand small{display:block;font-size:calc(var(--ref-unit)*10.7);max-width:calc(var(--ref-unit)*185);line-height:1.5;color:#9c7890}.search{grid-column:auto;grid-row:auto;justify-self:end;width:calc(var(--ref-unit)*310);height:calc(var(--ref-unit)*40)}.search input{font-size:calc(var(--ref-unit)*11);padding-left:calc(var(--ref-unit)*15)}.search button{width:calc(var(--ref-unit)*32);height:calc(var(--ref-unit)*32);margin:calc(var(--ref-unit)*4)}.search button svg{width:calc(var(--ref-unit)*18);height:calc(var(--ref-unit)*18)}.tools{gap:calc(var(--ref-unit)*7)}.tool{font-size:calc(var(--ref-unit)*9);padding:3px calc(var(--ref-unit)*5);gap:2px}.tool>svg{height:calc(var(--ref-unit)*22);width:calc(var(--ref-unit)*22)}.tool span:not(.avatar){display:block}.tool .avatar{width:calc(var(--ref-unit)*22);height:calc(var(--ref-unit)*22)}#tool-orders{display:none}.mainnav{display:block;height:calc(var(--ref-unit)*43);padding:0 0 calc(var(--ref-unit)*4)}.mainnav-in{max-width:calc(var(--ref-unit)*870);height:calc(var(--ref-unit)*39);overflow:hidden;gap:calc(var(--ref-unit)*1);padding:calc(var(--ref-unit)*2) calc(var(--ref-unit)*3)}.mainnav a{font-size:calc(var(--ref-unit)*11);padding:calc(var(--ref-unit)*6) calc(var(--ref-unit)*10)}.mainnav .cat-btn{font-size:calc(var(--ref-unit)*14);padding:calc(var(--ref-unit)*5) calc(var(--ref-unit)*16);margin-right:calc(var(--ref-unit)*4)}.cat-btn>svg{height:calc(var(--ref-unit)*17);width:calc(var(--ref-unit)*17)}.mainnav .nav-member{font-size:calc(var(--ref-unit)*10);padding:calc(var(--ref-unit)*5) calc(var(--ref-unit)*10)}.nav-member>svg{width:calc(var(--ref-unit)*17);height:calc(var(--ref-unit)*17)}.nav-live b{font-size:calc(var(--ref-unit)*8)}.footer-in{grid-template-columns:1.55fr .9fr 1fr 1fr 1.15fr;gap:calc(var(--ref-unit)*20);min-height:calc(var(--ref-unit)*140);padding-top:calc(var(--ref-unit)*22);padding-bottom:calc(var(--ref-unit)*12)}.footer-in>div{font-size:calc(var(--ref-unit)*10.5);gap:calc(var(--ref-unit)*6)}.footer-in strong{font-size:calc(var(--ref-unit)*12)}.f-brand{grid-column:auto}.f-brand img{height:calc(var(--ref-unit)*34)}.f-brand p{font-size:calc(var(--ref-unit)*10)}.f-ref-mascot{min-height:calc(var(--ref-unit)*145)}.f-ref-bubble{width:calc(var(--ref-unit)*130);min-height:calc(var(--ref-unit)*100);font-size:calc(var(--ref-unit)*15);border-width:calc(var(--ref-unit)*3);padding:calc(var(--ref-unit)*12)}.f-ref-bunny{width:calc(var(--ref-unit)*115);height:calc(var(--ref-unit)*145);background-size:calc(var(--ref-unit)*941) calc(var(--ref-unit)*1672);background-position:calc(var(--ref-unit)*-825) calc(var(--ref-unit)*-1506)}.footer-bottom{font-size:calc(var(--ref-unit)*9);padding-top:calc(var(--ref-unit)*10);padding-bottom:calc(var(--ref-unit)*10)}}
@media(max-width:899px){.topbar-in{margin:0 16px;padding-top:10px;padding-bottom:10px;max-width:none;grid-template-columns:auto 1fr auto;gap:8px}.brand img{height:36px}.tools{grid-column:3;gap:0}.tool{padding:5px 6px}.tool>svg{width:22px;height:22px}.search{height:40px}.search button{height:32px;width:32px}.footer-in{max-width:none;margin:0 18px;padding-top:24px;grid-template-columns:1fr 1fr;gap:22px}.f-brand{grid-column:1/-1}.f-ref-mascot{grid-column:2;grid-row:3;min-height:160px}.footer-bottom{margin:0 16px;max-width:none;font-size:9px}.mainnav{display:none}.footer-in>div{font-size:11px}.f-ref-bubble{width:120px;min-height:96px;font-size:14px}.f-ref-bunny{width:105px;height:140px;right:-10px}.site-stats{font-size:9px}.bottomnav{background:#fffcfe}.brand small{display:none}}
@media(max-width:350px){.brand img{height:32px}.tool{padding:5px 4px}.tool>svg{width:20px;height:20px}.topbar-in{margin:0 12px}.f-ref-mascot{grid-column:auto;grid-row:auto;min-height:150px}}
@media(prefers-reduced-motion:reduce){.nav-live b{animation:none!important}}
.f-ref-bunny{background-image:url('/assets/ref/bunny-v1.webp');background-size:contain;background-position:center bottom;background-repeat:no-repeat;clip-path:none;width:calc(var(--ref-unit)*100);height:calc(var(--ref-unit)*135);right:calc(var(--ref-unit)*-8)}
@media(min-width:900px){body{padding-bottom:0}.bottomnav{display:none}}
@media(max-width:899px){.f-ref-bunny{width:100px;height:135px;right:-8px}}
.f-ref-bubble{width:calc(var(--ref-unit)*145);font-size:calc(var(--ref-unit)*14);padding:calc(var(--ref-unit)*10)}
@media(max-width:899px){.f-ref-bubble{width:140px;font-size:14px;padding:10px}}