.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:22px}.social-list{display:grid;gap:18px;margin-top:24px}.social-form{max-width:760px;margin:24px 0}.social-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.social-form input[type=checkbox]{width:auto;accent-color:#dcc89b}.social-scene{height:clamp(260px,50vw,520px);position:relative;overflow:hidden;border:12px solid #25313b;border-bottom-width:25px;background:#142331 var(--scene) center/cover;box-shadow:inset 0 0 90px #0009,0 20px 70px #0004;transition:background-image 1s ease;border-radius:5px}.social-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.5%,#273440 49.5%,#273440 50.5%,transparent 50.5%);pointer-events:none}.social-rain{position:absolute;inset:-40% 0;background:repeating-linear-gradient(101deg,transparent 0 37px,#c4e4f03b 38px,#c4e4f000 39px 83px);background-size:100% 130px;filter:blur(.3px);opacity:.45;animation:social-rainfall 1.8s linear infinite}.social-sill{position:absolute;bottom:0;left:0;right:0;height:12px;background:linear-gradient(#657481,#202b36);z-index:2}.social-sill svg{position:absolute;width:110px;height:110px;bottom:6px;right:10%;filter:drop-shadow(3px 7px 8px #0009)}.scene-label{position:absolute;bottom:27px;left:22px;z-index:3;text-shadow:0 2px 5px #000;background:#071521b0;padding:4px 12px;font-size:12px}.collection-row{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #ffffff20}.collection-row span{flex:1;overflow-wrap:anywhere}.social-chapters{padding:0;list-style:none}.social-chapters li{padding:18px;border-bottom:1px solid #ffffff20}.letter-paper{max-width:780px;margin:auto;background:linear-gradient(135deg,#283442,#131e29);padding:clamp(24px,5vw,64px)}.listen-chat{max-height:320px;overflow:auto;overflow-wrap:anywhere}.listen-chat p{border-bottom:1px solid #ffffff12;padding:8px}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:16px}.achievement{--metal:#b28a66;display:flex;gap:16px;padding:22px;border:1px solid #ffffff20;background:#17232b;border-radius:4px}.achievement.silver{--metal:#becedb}.achievement.gold{--metal:#e0c17b}.achievement.locked{opacity:.64}.achievement h2{font-size:19px;margin:3px 0}.achievement p{font-size:13px;color:#b5c2cb}.achievement small{font-size:11px;color:#adbbc8}.achievement-medal{display:grid;place-items:center;width:48px;height:58px;flex-shrink:0;color:#fff2d8;font-size:26px;background:linear-gradient(130deg,#fff8,var(--metal) 35%,#0008);clip-path:polygon(50% 0,100% 20%,100% 75%,50% 100%,0 75%,0 20%)}.achievement.locked .achievement-medal{filter:grayscale(1)}progress{accent-color:#b9a67c;height:6px;width:100%;max-width:320px}.form-card.unread{border-left:3px solid #d9c399}.hub-toast{position:fixed;bottom:26px;right:24px;z-index:105;background:linear-gradient(135deg,#213443,#101a24);border:1px solid #ac9360;border-radius:6px;padding:18px;max-width:min(360px,calc(100vw - 32px));box-shadow:0 20px 60px #0008;display:flex;gap:14px;animation:achievement-enter 1s ease;pointer-events:auto}.hub-toast[hidden]{display:none}.hub-toast strong{display:block;margin:4px 0}.hub-toast p{margin:3px 0;font-size:12px}.hub-toast button{background:transparent;color:#eee;border:0;align-self:start}.hub-toast a{color:#dec996}.hub-entry{position:fixed;right:25px;top:72px;z-index:9;font-size:12px;background:#10202de0;padding:8px 12px;border:1px solid #ffffff25;color:#ddd;text-decoration:none}.room-personal-ornament{position:absolute;left:44%;top:66%;z-index:3;width:75px;height:95px;pointer-events:none;filter:drop-shadow(3px 5px 4px #0008)}.social-tools{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.reading-resume{padding:12px 18px;background:#263342;border:1px solid #bca876;display:flex;gap:15px;align-items:center;margin-bottom:20px}.language-switch{position:fixed;top:16px;right:24px;z-index:110;display:flex;align-items:center;gap:7px;padding:5px 9px;background:#0c1822ed;border:1px solid #adbbc440;border-radius:5px;color:#e0e7eb;font:12px/1.5 Arial,sans-serif}.language-switch select{font:inherit;background:#132431;color:inherit;border:0;padding:3px;width:auto}.site-header{padding-top:54px}.hub-muted #dm-alert,.hub-muted #activity-notifier{display:none!important}
@keyframes social-rainfall{to{transform:translateY(130px)}}@keyframes achievement-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.social-rain{animation:none}.hub-toast{animation:achievement-still 1s ease}.social-scene{transition:none}}@keyframes achievement-still{from{opacity:0}to{opacity:1}}@media(max-width:600px){.language-switch{top:12px;right:12px}.signature{top:64px}.hub-entry{top:54px;right:12px}.social-scene{border-width:7px}.collection-row{flex-wrap:wrap}.collection-row span{flex-basis:100%}.hub-toast{bottom:15px;right:16px}.site-header nav{flex-wrap:wrap}.achievement-grid{grid-template-columns:1fr}.site-header{padding-top:54px}}
.language-switch{margin:0;min-height:0}.language-switch select{margin:0;min-height:30px;padding:3px 5px}.site-header{height:auto;min-height:130px;padding-top:55px;padding-bottom:20px;gap:25px;flex-wrap:wrap}.site-header nav{gap:18px;flex-wrap:wrap}@media(max-width:850px){.site-header nav{order:3;width:100%;justify-content:center}.site-header{padding-top:58px}.site-header .brand{max-width:55%}}

/* Homepage utility controls occupy separate rows. */
body:has(#room)>#dm-notifier{top:74px;right:24px;z-index:18}body:has(#room)>.hub-entry{top:126px;right:24px;z-index:18}body:has(#room)>.language-switch{top:16px;right:24px}body:has(#room):has(dialog[open])>.hub-entry{visibility:hidden}
@media(max-width:700px){body:has(#room)>#dm-notifier{top:68px;right:12px}body:has(#room)>.hub-entry{top:118px;right:12px}body:has(#room)>.language-switch{top:12px;right:12px}.signature{max-width:calc(100vw - 160px)}}