/* Lantern & Spine Circles premium member layer. Surgical additive surface. */
body[data-society-page="circles"] .house-compass [data-house-compass]{color:#f7f1df!important;background:#183d32!important;border:1px solid rgba(247,241,223,.45)!important;border-radius:999px;padding:.72rem 1rem;text-decoration:none;font-weight:700;line-height:1.25}
body[data-society-page="circles"] .house-compass [data-house-compass]:visited,
body[data-society-page="circles"] .house-compass [data-house-compass]:hover,
body[data-society-page="circles"] .house-compass [data-house-compass]:focus,
body[data-society-page="circles"] .house-compass [data-house-compass]:focus-visible,
body[data-society-page="circles"] .house-compass [data-house-compass]:active{color:#fffdf6!important;background:#12352b!important}
body[data-society-page="circles"] .house-compass [data-house-compass]:focus-visible{outline:3px solid #f4d58d!important;outline-offset:3px}
body[data-society-page="circles"] .house-compass [data-house-compass]:disabled{color:#f7f1df!important;background:#31554c!important;opacity:.82}
.circle-room-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 0 1rem;border-bottom:1px solid rgba(184,146,78,.22)}
.circle-room-meta p{margin:.2rem 0}.circle-book-chip{display:grid;grid-template-columns:42px minmax(0,1fr);gap:.7rem;align-items:center;max-width:300px;padding:.55rem .7rem;border:1px solid rgba(184,146,78,.35);border-radius:14px;text-decoration:none;background:rgba(184,146,78,.08)}
.circle-book-chip img{width:42px;height:62px;object-fit:cover;border-radius:5px}.circle-book-chip span{min-width:0}.circle-book-chip small,.circle-book-chip strong,.circle-book-chip em{display:block}.circle-book-chip strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.circle-book-chip em{font-size:.78rem;opacity:.72;font-style:normal}
.circle-thread-tools{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.circle-sort{display:flex;gap:.4rem;flex-wrap:wrap}.mini-btn.is-active,.reaction-control.is-mine,[data-follow].is-active,[data-save].is-active{background:#183d32;color:#fff;border-color:#315e50}.circle-return{font-size:.82rem;opacity:.78}
.premium-discussions{display:grid;gap:.85rem}.circle-thread{border:1px solid rgba(33,45,38,.13);border-radius:18px;background:#fff;padding:1rem;box-shadow:0 8px 28px rgba(20,28,23,.05)}.circle-thread.is-new{border-color:#9b742f;box-shadow:0 0 0 2px rgba(184,146,78,.13)}.circle-thread>header{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:start}.thread-badges{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.35rem}.thread-badges span{font-size:.7rem;border:1px solid rgba(33,45,38,.16);border-radius:999px;padding:.16rem .45rem;text-transform:capitalize}.message-body{white-space:pre-wrap;line-height:1.55;margin:.8rem 0}.message-body.spoiler:not(.revealed){color:transparent;background:#1b2621;border-radius:8px;cursor:pointer;user-select:none}.message-body.spoiler:not(.revealed)::selection{background:transparent}.message-body.spoiler:focus-visible{outline:3px solid #d5b46a;outline-offset:2px}
.reaction-row{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.reaction-row button,.reaction-control{min-height:36px;border:1px solid rgba(33,45,38,.14);border-radius:999px;background:#faf8f1;color:#172019;padding:.38rem .62rem;display:inline-flex;align-items:center;gap:.28rem;font:inherit;font-size:.79rem;cursor:pointer}.reaction-row.compact .reaction-control span:nth-child(2){display:none}.reaction-control strong{font-size:.72rem}.circle-replies{display:grid;gap:.55rem;margin:.8rem 0 0 1.1rem;padding-left:.8rem;border-left:2px solid rgba(184,146,78,.24)}.circle-reply{display:grid;grid-template-columns:auto 1fr;gap:.55rem;padding:.65rem .7rem;border-radius:12px;background:#f7f4eb}.circle-reply.is-new{background:#fff8df}.circle-composer-types{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.75rem}.circle-load-more{display:block;margin:1rem auto}.circle-composer-card{position:sticky;top:1rem;align-self:start}.circle-composer-card textarea{min-height:150px}.circle-conversation-card{min-width:0}
@media(max-width:760px){.circle-room-meta{align-items:flex-start;flex-direction:column}.circle-book-chip{width:100%;max-width:none}.circle-thread{padding:.82rem;border-radius:15px}.circle-replies{margin-left:.35rem;padding-left:.55rem}.reaction-row{gap:.28rem}.reaction-row button,.reaction-control{min-height:44px;padding:.48rem .65rem}.reaction-row>.reaction-control span:nth-child(2){display:none}.circle-thread-tools{align-items:flex-start}.circle-composer-card{position:static}.circle-sort{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.2rem}.circle-sort .mini-btn{white-space:nowrap}.circle-composer-types{overflow-x:auto;flex-wrap:nowrap}.circle-composer-types .mini-btn{white-space:nowrap}}
@media(max-width:430px){.circle-thread>header{grid-template-columns:36px 1fr}.circle-thread .avatar,.circle-reply .avatar{max-width:36px}.message-head{gap:.35rem;flex-wrap:wrap}.circle-replies{border-left-width:1px}.reaction-row button{font-size:.76rem}}
@media(prefers-reduced-motion:reduce){.circle-thread,.reaction-control{transition:none!important}}
.circle-librarian{margin:0 0 1rem;padding:1rem;border:1px solid rgba(184,146,78,.28);border-radius:16px;background:rgba(255,252,241,.75)}.circle-librarian-actions{display:flex;gap:.4rem;flex-wrap:wrap;margin:.65rem 0}.circle-librarian [data-circle-librarian-output]{margin-top:.55rem}
@media(max-width:430px){.circle-librarian-actions{display:grid;grid-template-columns:1fr}.circle-librarian-actions .mini-btn{width:100%;text-align:left;min-height:44px}}


/* 2026-08-31 final mobile contrast + living-Circle surface */
body[data-society-page="reading-room"] .circle-librarian{background:linear-gradient(145deg,#11251f,#1f2a20)!important;color:#f7f0df!important;border-color:rgba(216,184,120,.52)!important}
body[data-society-page="reading-room"] .circle-librarian :is(h2,h3,strong,p,[data-circle-librarian-output]){color:#f7f0df!important}
body[data-society-page="reading-room"] .circle-librarian .society-kicker{color:#d8b878!important}
body[data-society-page="reading-room"] .circle-librarian .mini-btn{background:#fffaf0!important;color:#17352f!important;border-color:#d8c49a!important;opacity:1!important}
body[data-society-page="circles"] .society-hero .house-compass,body[data-society-page="circles"] .house-compass{color:#f7f0df!important;background:rgba(255,255,255,.055)!important}
body[data-society-page="circles"] .house-compass :is(p,strong,span,[data-house-compass-output]){color:#f7f0df!important}
.circle-social-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin:0 0 1rem;padding:.85rem 1rem;border:1px solid rgba(33,45,38,.12);border-radius:16px;background:#fffdf7}
.circle-social-toolbar .circle-sort{margin:0}.circle-social-summary{font-size:.88rem;color:#4d554f}
.circle-item.is-live{box-shadow:0 0 0 2px rgba(29,91,70,.12)}
.circle-activity-strip{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;margin:.7rem 0}.circle-signal{display:inline-flex;align-items:center;gap:.3rem;border:1px solid rgba(33,45,38,.13);border-radius:999px;padding:.3rem .55rem;font-size:.76rem;background:#f8f5eb;color:#274238}.circle-signal.live{background:#173d33;color:#fff;border-color:#173d33}.circle-signal.new{background:#fff3c7;color:#5f4515;border-color:#d4b05a}
.circle-latest{margin:.75rem 0;padding:.72rem .8rem;border-left:3px solid #b8924e;background:#faf7ee;border-radius:0 12px 12px 0}.circle-latest small{display:block;color:#6a6e68;margin-bottom:.25rem}.circle-latest p{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.circle-people{display:flex;align-items:center;gap:.35rem}.circle-people .avatar{width:30px;height:30px;min-width:30px}.circle-people-more{font-size:.75rem;color:#5c655e}
@media(max-width:620px){.circle-social-toolbar{align-items:flex-start}.circle-social-toolbar .circle-sort{width:100%;overflow:auto;flex-wrap:nowrap}.circle-social-toolbar .mini-btn{white-space:nowrap;min-height:44px}.circle-latest{font-size:.95rem}}


/* Living Circle composer + media + realtime presence polish */
.circle-composer-quick{display:flex;gap:8px;flex-wrap:wrap;margin:.8rem 0}
.circle-composer-quick button{min-height:42px}
.circle-media-picker{margin:.9rem 0;padding:14px;border:1px dashed #a98b5a;border-radius:16px;background:#fffaf1}
.circle-media-picker label{display:flex;align-items:center;gap:10px;font-family:var(--ui);font-weight:800;color:#18332d;cursor:pointer}
.circle-media-picker input[type=file]{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.circle-media-help{display:block;margin-top:6px;color:#5d5b52;font-size:.76rem}
.circle-media-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.circle-media-preview figure,.message-media figure{margin:0;position:relative}
.circle-media-preview img,.message-media img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:14px;border:1px solid #ccb78e;background:#eee7db}
.circle-media-preview button{position:absolute;top:8px;right:8px;border:0;border-radius:999px;background:#101512;color:#fff;padding:7px 10px;font-weight:800}
.message-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:.75rem 0}
.message-media.one{grid-template-columns:1fr}
.circle-presence-line{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:.5rem 0 1rem;font-family:var(--ui);font-size:.78rem;color:#4f554f}
.circle-presence-dot{width:9px;height:9px;border-radius:50%;background:#2d795d;box-shadow:0 0 0 4px rgba(45,121,93,.12)}
.circle-thread.is-new{box-shadow:0 0 0 2px rgba(176,138,75,.28)}
@media(max-width:620px){.circle-media-preview,.message-media{grid-template-columns:1fr}.circle-thread-tools{position:relative;top:auto}.circle-sort{overflow-x:auto;display:flex;flex-wrap:nowrap;padding-bottom:5px}.circle-sort .mini-btn{flex:0 0 auto}.reaction-row{gap:7px}.reaction-control{min-height:40px}.circle-composer-card{padding:20px!important}}
