body{background:#173f6b;color:#173959}.header{background:#174a82;color:white;border-bottom:3px solid #efb443}.header .brand{color:white}.header nav a:hover,.header nav a[aria-current]{border-color:#ffbd38}main{max-width:1536px;margin:auto}.friends-scene{margin:0}.friends-scene img{display:block;width:100%;height:auto}.friends-actions{display:flex;justify-content:center;padding:23px 20px 28px;background:#173f6b}.read-button{display:inline-block;text-decoration:none;text-align:center;background:#ffc343;color:#132f57;padding:15px 34px;border-radius:9px;font-size:20px;font-weight:800;box-shadow:0 3px 0 #d79523}.read-button:hover{background:#ffda79}.read-button:focus-visible{outline:3px solid white;outline-offset:5px}footer{background:#173f6b;color:white;padding:18px 4vw;border-top:1px solid #ffffff25}footer a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.read-button{font-size:18px}.friends-actions{padding:20px}}
body{background:#bcdced;position:relative;isolation:isolate}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#c5e3efcf,#c5e3efcf),url('books-town-backdrop.png') center/cover;filter:blur(3px)}main{max-width:1240px;padding:28px 44px 30px}.friends-scene{overflow:hidden;border-radius:14px}.friends-actions{background:transparent;gap:20px;flex-wrap:wrap;padding:24px 0 6px}.read-button,.join-button{font:700 18px 'Trebuchet MS',sans-serif;min-width:215px;padding:15px 25px;line-height:1.3;border:0;border-radius:9px;cursor:pointer;text-align:center;text-decoration:none}.join-button{background:#174a82;color:white;box-shadow:0 3px 0 #10365f}.join-button:hover{background:#2261a3}.join-button:focus-visible{outline:3px solid #173959;outline-offset:4px}#club-dialog{max-width:480px}#club-dialog h2{font-size:30px}#club-form label{display:block;font-weight:700;margin:15px 0 7px}#club-form input{width:100%;padding:12px;border:1px solid #6b8ca9;border-radius:7px;font:inherit}.club-note,#club-status{font-size:14px;line-height:1.5}@media(max-width:600px){main{padding:20px 18px 26px}.friends-actions{gap:14px}.read-button,.join-button{width:100%;min-width:0}}