/* VoidRoom community: warm charcoal, familiar orange and room for real moments. */
:root {
  color-scheme: dark;
  --bg: #1b1918;
  --panel: #252220;
  --line: #ead7c224;
  --muted: #b5aaa1;
  --orange: #ff803d;
  --ink: #fff7ef;
  --focus: #ffbd85;
}
html { scroll-padding-top: 24px; }
body { background: radial-gradient(ellipse at 80% 0, #7b391810, transparent 650px), var(--bg); color: var(--ink); font: 16px/1.65 system-ui, sans-serif; }
main, .header-inner, footer { width: min(1380px, calc(100% - 80px)); margin-inline: auto; }
main { padding-bottom: 52px; }
h1, h2, h3 { color: var(--ink); letter-spacing: -.035em; }
a:hover { color: #ffb782; }
button, .button, input, select, textarea { border-color: #bca0844a; background: #302a26; color: var(--ink); border-radius: 9px; }
button, .button { min-height: 44px; box-shadow: none; }
button:hover, .button:hover { background: #40342b; border-color: #d8b28d80; }
.primary, nav .compact { background: #ff803d; color: #24150e; border-color: #ff995e; box-shadow: none; }
.primary:hover, nav .compact:hover { background: #ffa266; color: #24150e; }
button:disabled { opacity: .55; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 4px; }
.eyebrow { color: #ecaa7d; font-size: 10px; letter-spacing: .15em; }
.site-header { background: #1b1918f5; border-bottom: 1px solid var(--line); }
.header-inner { min-height: 86px; gap: 32px; padding-block: 14px; }
.brand { font-size: 21px; letter-spacing: .035em; }
.brand small { color: #b7a89b; font-size: 8px; letter-spacing: .18em; }
.header-inner nav { gap: 24px; }
.header-inner nav a { color: #c9beb5; font-size: 13px; font-weight: 650; min-height: 44px; white-space: nowrap; }
.header-inner nav a:hover, .header-inner nav a[aria-current] { color: #ffab72; }
.header-inner nav .compact { color: #24150e; font-size: 12px; padding: 10px 16px; }
.hero { display: flex; align-items: center; justify-content: space-between; gap: 36px; padding: 34px 0 28px; }
.hero-copy { min-width: 0; }
.hero .eyebrow { margin-bottom: 7px; font-size: 9px; }
.hero h1 { font-size: clamp(29px, 2.8vw, 42px); line-height: 1.2; letter-spacing: -.04em; }
.hero h1 em { color: #ff9a5c; font-style: normal; }
.hero .lead { max-width: 62ch; color: #baada2; font-size: 14px; line-height: 1.7; margin-top: 10px; }
.hero-room-link { display: flex; align-items: center; gap: 16px; flex-shrink: 0; max-width: 330px; border: 1px solid var(--line); border-radius: 10px; background: #25211e; overflow: hidden; }
.hero-room-link img { width: 96px; height: 82px; object-fit: cover; }
.hero-room-link>span { padding-right: 20px; }
.hero-room-link small { display: block; font-size: 8px; letter-spacing: .1em; color: #bfa58f; margin-bottom: 5px; }
.hero-room-link strong { font-size: 13px; }
.hero-room-link:hover { border-color: #ff9a5c70; }
.community-bar { padding: 13px 18px; background: #28211b; border-color: #c47c493b; border-radius: 9px; margin-bottom: 28px; gap: 20px; }
.community-bar>div { gap: 12px; }
.community-bar .bar-icon { width: 31px; height: 31px; background: #ff803d12; border-color: #ff803d30; color: #ffb078; }
.community-bar p { display: flex; gap: 10px; color: #bcae9f; font-size: 11px; }
.community-bar strong { color: #eadacc; }
.community-bar>a { color: #efb287; font-size: 11px; }
.layout { display: grid; grid-template-columns: minmax(0, 1fr) 315px; align-items: start; gap: 32px; }
.sidebar { display: grid; gap: 20px; }
.section-heading { align-items: center; gap: 18px; margin-bottom: 19px; }
.section-heading .eyebrow { margin-bottom: 4px; color: #bda28c; font-size: 9px; }
.section-heading h2, .profile-page .section-heading h2 { font-size: 27px; }
.entry-count { font-size: 11px; padding: 5px 10px; color: #b8aa9d; background: #302820; border: 1px solid var(--line); border-radius: 20px; }
.toolbar { gap: 10px; border-bottom: 1px solid var(--line); padding-bottom: 13px; margin-top: 0; }
.toolbar>div { gap: 7px; }
.toolbar button { min-height: 44px; font-size: 12px; background: #292421; border-color: var(--line); color: #c2b5aa; padding: 9px 14px; }
.toolbar button.active { background: #ff803d16; color: #ffb786; border-color: #ff9b5a66; }
.toolbar button:hover { background: #3c2e25; }
.toolbar .refresh { color: #c7b7a8; font-size: 11px; }
.toolbar .refresh svg { color: #eea975; }
#notice { color: #f0bd99; font-size: 12px; }
#notice:empty { margin-bottom: 18px; }
.posts { display: grid; grid-template-columns: 1fr; gap: 20px; }
.post { border-color: #ead7c227; border-radius: 12px; background: #252220; box-shadow: 0 7px 24px #00000012; animation: moment-arrives .25s ease both; }
.post:hover { border-color: #e9b18a55; }
.post-content { padding: 26px 28px; }
.identity { gap: 12px; align-items: center; }
.avatar { width: 48px; height: 48px; border-radius: 13px; background: #372e27; border: 1px solid #b6937340; }
.avatar>svg { color: #bd9e83; }
.name { color: #f6eadf; font-size: 16px; }
.meta { color: #aa9c90; font-size: 11px; margin-top: 3px; }
.post-photo { max-height: 560px; object-fit: contain; background: #171514; border-color: var(--line); border-radius: 7px; margin-top: 22px; }
.type-label { color: #d4a17b; font-size: 9px; margin-top: 20px; letter-spacing: .1em; }
.body, .post-kind-status .body { font-size: 16px; line-height: 1.8; color: #e5d9cf; margin: 11px 0 0; }
.post-kind-status .body { font-size: 18px; }
.post-actions { margin-top: 20px; padding-top: 15px; gap: 8px; border-color: var(--line); }
.post-actions:empty, .tag-list:empty { display: none; }
.post-actions button, .post-actions select { font-size: 12px; min-height: 44px; padding: 9px 13px; background: #302923; border-color: #ba967540; }
.post-actions select { flex-basis: auto; width: auto; }
.tag-list { margin-top: 15px; }
.tag-list a.name, .tag-list button { min-height: 40px; font-size: 12px; color: #dfb796; background: #34291f; }
.official-guide-badge { color: #f3b67f; background: #ff803d10; border-color: #ff9d4f36; font-size: 9px; }
.account-kind { display: inline-flex; align-items: center; width: fit-content; padding: 3px 8px; margin-top: 7px; border: 1px solid #b8aa9845; border-radius: 5px; font-size: 10px; line-height: 1.5; font-weight: 700; color: #d5c5b7; background: #b8aa980c; }
.viewer-card { display: block; padding: 23px; background: #2a221c; border-color: #ed9c5d45; border-radius: 12px; }
.viewer-card>div { min-width: 0; }
.viewer-heading { margin-bottom: 20px; }
.viewer-card .eyebrow { color: #ce9e78; font-size: 8px; margin-bottom: 0; }
.session-pill { color: #b9c7a0; border-color: #b5c79038; background: #a1b47e0a; font-size: 9px; }
.viewer-avatar { width: 62px; height: 62px; background: #3a2b21; border-color: #dc9b6550; border-radius: 15px; }
.viewer-card strong { font-size: 21px; }
.viewer-role { color: #c6b39f; font-size: 11px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.viewer-staff-role { font-size: 10px; color: #c4b39f; }
.viewer-role .account-kind { margin-top: 4px; }
.viewer-actions { margin-top: 19px; gap: 9px; }
.viewer-card .viewer-actions button { display: flex; font-size: 12px; min-height: 44px; background: #3b2d22; border-color: #c58b5b50; }
.viewer-card .viewer-actions .primary { background: #ff803d; color: #24150e; }
.viewer-note { color: #ac9987; font-size: 10px; margin-top: 16px; }
.meta-upgrade { display: block; margin-top: 18px; padding: 14px; border: 1px solid #cc996445; background: #ff803d09; border-radius: 8px; }
.viewer-card .meta-upgrade strong { font-size: 12px; line-height: 1.6; color: #ffd0a9; }
.meta-upgrade>span { display: block; margin-top: 5px; font-size: 11px; line-height: 1.8; color: #c6b29f; }
.featured-guide { display: block; padding: 23px; border-color: #dc92574a; border-radius: 12px; background: #30231b; box-shadow: none; }
.guide-topline { color: #eeb887; font-size: 8px; }
.guide-seal { color: #ffc18b; }
.featured-guide-identity { gap: 14px; margin-top: 18px; }
.guide-portrait { width: 74px; height: 74px; border-color: #dca16d70; background: #1c1a18; box-shadow: none; }
.featured-guide .eyebrow { font-size: 8px; color: #c4a68b; }
.featured-guide h2 { font-size: 28px; }
.featured-guide>p { color: #cbb5a3; font-size: 13px; line-height: 1.8; margin: 18px 0; }
.guide-profile-link { max-width: none; min-height: 44px; font-size: 12px; border-color: #db9b6760; background: #ff803d0b; color: #ffbd88; }
.guide-profile-link:hover { background: #ff803d18; }
.join-card, .safety-card, .community-links { padding: 23px; background: #24211e; border-color: var(--line); border-radius: 12px; }
.card h2 { color: #f7ecdf; font-size: 22px; }
.card p:not(.eyebrow) { color: #bcae9f; font-size: 13px; line-height: 1.8; }
.join-card .button { font-size: 12px; margin-top: 18px; }
.join-card .small { font-size: 11px !important; }
.community-links h2 { font-size: 20px; }
.community-links>a { padding: 14px 0; border-color: var(--line); }
.community-links strong { color: #eee0d2; font-size: 13px; }
.community-links small { color: #ab9b8b; font-size: 11px; }
.link-icon { color: #eeb184; background: #392b21; }
.safety-heading h2 { font-size: 17px; }
.safety-heading svg, .card-icon { color: #dfaa7e; }
.safety-card .privacy-button, .safety-card .subtle-link { font-size: 12px; }
.composer { margin-bottom: 22px; border-color: #b9957740; border-radius: 10px; background: #2a2521; }
.composer>summary { padding: 18px 21px; gap: 14px; }
.composer>summary strong { color: #f0e4d8; font-size: 15px; }
.composer>summary small { color: #b3a08e; font-size: 11px; }
.compose-symbol { color: #ffb47d; background: #ff803d0e; border-color: #d9976350; }
.compose-action { font-size: 11px; color: #ffc18e; }
.composer-body { padding: 23px; }
.composer label { color: #dfcbb9; font-size: 12px; }
.composer select, .composer textarea { background: #1e1b18; border-color: #b99a7d50; font-size: 14px; }
.composer .field-help, .character-count { color: #b09e8d; font-size: 11px; }
.composer-footer>span { color: #b6a18e; font-size: 10px; }
.composer #publish { min-height: 44px; font-size: 12px; }
.bio-help { background: #3b2c20; border-color: #c49b713d; color: #e0c4aa; }
.player-profile { padding: 24px 0 26px; }
.profile-back { color: #baa593; font-size: 12px; margin-bottom: 14px; min-height: 44px; }
.profile-surface, .profile-page.is-patch .profile-surface { border-color: #ce97664a; border-radius: 14px; background: #27221e; box-shadow: none; }
.profile-surface:before { width: 4px; background: #ff803d; }
.profile-summary { display: flex; align-items: center; gap: 28px; padding: 32px 36px; }
.profile-portrait { width: 132px; height: 132px; margin: 0; border-color: #d19e7670; background: #1d1b18; box-shadow: 0 0 0 6px #ff803d06; }
.profile-portrait>svg { color: #ac8f78; }
.profile-identity .eyebrow { font-size: 9px; margin-bottom: 7px; }
.profile-identity h1 { font-size: clamp(32px, 3.2vw, 48px); line-height: 1.15; }
.profile-badges { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 11px; }
.profile-badges .profile-role, .profile-badges .account-kind { margin: 0; font-size: 10px; }
.profile-role { color: #f2bd92; border-color: #cf9a6740; background: #ff803d0a; }
.profile-bio { color: #dac9b9; font-size: 15px; line-height: 1.8; margin-top: 15px; max-width: 70ch; }
.profile-audience { color: #aa9683; font-size: 11px; margin-top: 9px; }
.profile-links { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 19px; }
.profile-links .button { min-height: 44px; font-size: 12px; padding: 9px 15px; }
.profile-status { color: #c2aa94; font-size: 14px; padding: 28px 36px; }
.profile-rooms { margin: 0 36px; padding: 25px 0 28px; border-color: var(--line); scroll-margin-top: 20px; }
.profile-rooms h2 { font-size: 17px; }
.profile-room { min-height: 58px; padding: 15px; font-size: 13px; border-color: #d6b18b25; background: #1d1a17; border-radius: 8px; }
.profile-room>svg, .room-arrow { color: #eeb187; }
.patch-welcome { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 25px; min-height: 180px; margin: 0 36px 25px; padding: 26px 30px; border: 1px solid #e9a56f3b; border-radius: 10px; background: radial-gradient(ellipse at 100% 100%, #9a481a45, transparent 75%), #34251b; overflow: hidden; }
.patch-welcome>div { position: relative; z-index: 1; max-width: 660px; }
.patch-welcome .eyebrow { font-size: 8px; color: #e1a878; margin-bottom: 7px; }
.patch-welcome h2 { font-size: 26px; }
.patch-welcome p:not(.eyebrow) { color: #cdb49d; font-size: 13px; line-height: 1.8; margin-top: 10px; }
.patch-welcome img { flex-shrink: 0; width: 170px; height: 170px; object-fit: contain; align-self: end; margin-block: -16px -26px; filter: drop-shadow(0 8px 12px #0003); }
.profile-page.is-patch .profile-surface:after { opacity: .025; }
.profile-page .community-bar { margin-bottom: 28px; }
.empty { padding: 34px; border-color: var(--line); background: #27221e; text-align: left; border-radius: 12px; }
.empty-icon { margin: 0 0 18px; color: #eab58a; background: #ff803d0b; border-color: #c38b5a44; }
.empty h3 { font-size: 27px; }
.empty p { margin-inline: 0; color: #b9a693; font-size: 14px; }
.empty button, .empty .button { font-size: 12px; }
.feed-loading { min-height: 300px; }
.feed-loading span { background: #27221e; border-color: var(--line); }
.camera-guide { padding-top: 34px; margin-top: 42px; gap: 50px; border-color: var(--line); }
.guide-heading h2 { font-size: 32px; }
.guide-heading>p:not(.eyebrow) { font-size: 14px; color: #b9a591; line-height: 1.8; }
.guide-heading .text-link { color: #efb78a; font-size: 12px; }
.guide-steps>li>span { color: #e7a875; border-color: #c8996a40; background: #3b2b1e; }
.guide-steps h3 { font-size: 18px; }
.guide-steps p { color: #b3a08e; font-size: 13px; line-height: 1.8; }
.guide-note { color: #a28f7d; font-size: 11px; }
dialog { background: #29231f; border-color: #c9996a60; color: #efe0d2; border-radius: 14px; }
dialog p { color: #bba38c; }
dialog input, dialog textarea, dialog select { background: #1d1916; border-color: #b9957350; }
footer { max-width: 1380px; border-color: var(--line); padding-block: 28px 36px; }
footer p { color: #a49180; font-size: 12px; }
footer nav { flex-wrap: wrap; gap: 17px; }
footer nav a { font-size: 12px; min-height: 44px; display: inline-flex; align-items: center; }
@keyframes moment-arrives { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@media (min-width: 2000px) {
  body { font-size: 20px; }
  main, .header-inner, footer { width: min(2240px, 88%); }
  .header-inner { min-height: 112px; }
  .brand { font-size: 29px; }.brand small { font-size: 11px; }
  .header-inner nav { gap: 32px; }.header-inner nav a { font-size: 18px; }.header-inner nav .compact { font-size: 17px; min-height: 54px; padding: 13px 23px; }
  .hero { padding: 44px 0 34px; gap: 50px; }.hero h1 { font-size: 58px; }.hero .eyebrow { font-size: 13px; }.hero .lead { font-size: 20px; }
  .hero-room-link { max-width: 460px; gap: 22px; }.hero-room-link img { width: 130px; height: 115px; }.hero-room-link small { font-size: 11px; }.hero-room-link strong { font-size: 18px; }
  .community-bar { padding: 20px 26px; margin-bottom: 38px; }.community-bar p, .community-bar>a { font-size: 16px; }
  .layout { grid-template-columns: minmax(0, 1fr) 430px; gap: 40px; }.sidebar { gap: 26px; }
  .posts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }.post-content { padding: 30px; }.post-photo { max-height: 600px; }
  .section-heading h2, .profile-page .section-heading h2 { font-size: 38px; }.section-heading .eyebrow { font-size: 12px; }.entry-count { font-size: 15px; }
  .toolbar button, .toolbar .refresh { font-size: 16px; min-height: 54px; }.name { font-size: 21px; }.avatar { width: 62px; height: 62px; }.meta { font-size: 14px; }.body, .post-kind-status .body { font-size: 21px; }.type-label { font-size: 12px; }.post-actions button, .post-actions select { font-size: 15px; min-height: 50px; }.account-kind { font-size: 13px; }.official-guide-badge { font-size: 12px; }
  .viewer-card, .featured-guide, .join-card, .community-links, .safety-card { padding: 30px; }.viewer-card strong { font-size: 28px; }.viewer-role { font-size: 15px; }.viewer-card .eyebrow { font-size: 11px; }.session-pill { font-size: 12px; }.viewer-card .viewer-actions button { font-size: 16px; min-height: 52px; }.viewer-note { font-size: 13px; }.viewer-avatar { width: 82px; height: 82px; }.viewer-card .meta-upgrade strong { font-size: 16px; }.meta-upgrade>span { font-size: 14px; }
  .guide-topline { font-size: 11px; }.featured-guide h2 { font-size: 37px; }.featured-guide .eyebrow { font-size: 11px; }.guide-portrait { width: 98px; height: 98px; }.featured-guide>p { font-size: 18px; }.guide-profile-link { font-size: 16px; min-height: 54px; }
  .card h2 { font-size: 29px; }.card p:not(.eyebrow) { font-size: 17px; }.card .eyebrow { font-size: 12px; }.community-links strong { font-size: 17px; }.community-links small { font-size: 14px; }.join-card .small { font-size: 14px !important; }.join-card .button, .safety-card .subtle-link, .safety-card .privacy-button { font-size: 16px; }.safety-heading h2 { font-size: 23px; }
  .composer>summary { padding: 24px 29px; }.composer>summary strong { font-size: 21px; }.composer>summary small, .compose-action { font-size: 15px; }.composer-body { padding: 30px; }.composer label { font-size: 16px; }.composer select, .composer textarea { font-size: 19px; }.composer .field-help, .character-count { font-size: 14px; }.composer-footer>span { font-size: 13px; }.composer #publish { font-size: 16px; min-height: 54px; }
  .profile-summary { padding: 42px 48px; gap: 38px; }.profile-portrait { width: 180px; height: 180px; }.profile-identity h1 { font-size: 65px; }.profile-identity .eyebrow { font-size: 12px; }.profile-bio { font-size: 21px; }.profile-audience { font-size: 15px; }.profile-badges .profile-role, .profile-badges .account-kind { font-size: 14px; }.profile-links .button, .profile-back { font-size: 16px; }.profile-rooms { margin-inline: 48px; }.profile-rooms h2 { font-size: 24px; }.profile-room { min-height: 78px; font-size: 18px; }.patch-welcome { margin-inline: 48px; padding: 34px 40px; }.patch-welcome h2 { font-size: 36px; }.patch-welcome p:not(.eyebrow) { font-size: 18px; }.patch-welcome .eyebrow { font-size: 11px; }.patch-welcome img { width: 225px; height: 225px; }
  .guide-heading h2 { font-size: 44px; }.guide-heading>p:not(.eyebrow) { font-size: 19px; }.guide-heading .text-link { font-size: 16px; }.guide-steps h3 { font-size: 25px; }.guide-steps p { font-size: 18px; }.guide-note, footer p, footer nav a { font-size: 15px; }
}
@media (max-width: 1120px) {
  main, .header-inner, footer { width: calc(100% - 48px); }
  .header-inner { gap: 20px; }.header-inner nav { gap: 16px; }.header-inner nav a { font-size: 12px; }.brand { font-size: 19px; }
  .hero { gap: 25px; }.hero-room-link { max-width: 260px; }.hero-room-link img { width: 75px; }.hero-room-link>span { padding-right: 14px; }.hero-room-link strong { font-size: 12px; }.hero-room-link small { font-size: 7px; }
  .layout { grid-template-columns: minmax(0, 1fr) 290px; gap: 24px; }.community-bar p { display: block; }.community-bar strong { margin-bottom: 2px; }
  .viewer-card, .featured-guide, .join-card, .community-links, .safety-card { padding: 21px; }.profile-summary { padding: 28px; }.profile-rooms { margin-inline: 28px; }.patch-welcome { margin-inline: 28px; }.patch-welcome img { width: 135px; height: 135px; }
}
@media (max-width: 860px) {
  .header-inner { flex-wrap: wrap; gap: 13px; padding: 17px 0 10px; }.header-inner nav { width: 100%; justify-content: flex-start; gap: 23px; overflow-x: auto; padding: 0 3px 4px; scrollbar-width: thin; }.header-inner nav a, .header-inner nav a[href='/voidroom#rooms'] { display: inline-flex; font-size: 12px; }.header-inner nav .compact { min-height: 44px; margin-left: auto; }
  .hero { display: block; padding: 27px 0 23px; }.hero h1 { font-size: 36px; }.hero .lead { font-size: 14px; }.hero-room-link { display: none; }
  .layout { display: flex; flex-direction: column; gap: 26px; }.feed-column, .profile-page .feed-column { order: 0; width: 100%; }.sidebar { order: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; width: 100%; }.sidebar>* { order: initial !important; margin: 0 !important; width: 100%; }.sidebar .viewer-card { display: block; }.sidebar .featured-guide { display: block; }.sidebar .safety-card { grid-column: 1/-1; }.profile-page.is-patch .featured-guide { display: none; }
  .section-heading h2, .profile-page .section-heading h2 { font-size: 29px; }.featured-guide>p { display: block; }.guide-profile-link { max-width: none; font-size: 12px; }.guide-topline { grid-column: auto; }.viewer-card .viewer-actions button { display: flex; }
  .composer>summary small { display: block; }.compose-action { font-size: 11px; max-width: none; }.post-content { padding: 25px; }.name { font-size: 16px; }.body, .post-kind-status .body { font-size: 16px; }.meta { font-size: 11px; }.avatar { width: 47px; height: 47px; }
  .profile-summary { display: flex; align-items: start; gap: 23px; }.profile-portrait { width: 115px; height: 115px; }.profile-identity h1 { font-size: 39px; }.profile-room-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }.profile-bio { font-size: 14px; }.patch-welcome>div { max-width: 470px; }.patch-welcome h2 { font-size: 25px; }
  .camera-guide { grid-template-columns: 1fr 1fr; gap: 30px; }.guide-heading h2 { font-size: 29px; }footer { padding-inline: 0; }
}
@media (max-width: 520px) {
  main, .header-inner, footer { width: calc(100% - 32px); }
  .header-inner { align-items: flex-start; }.brand { font-size: 20px; }.brand img { width: 30px; height: 35px; }.header-inner nav { gap: 22px; }.header-inner nav a { font-size: 12px; }.header-inner nav .compact { font-size: 11px; padding: 9px 13px; }
  .hero { padding: 25px 0 21px; }.hero .eyebrow { font-size: 8px; }.hero h1 { font-size: 32px; line-height: 1.2; }.hero h1 em { display: block; }.hero .lead { font-size: 13px; line-height: 1.8; margin-top: 10px; }
  .community-bar { margin-bottom: 25px; padding: 12px 14px; }.community-bar p { font-size: 10px; line-height: 1.7; }.community-bar>a { display: none; }.community-bar .bar-icon { width: 29px; height: 31px; }
  .section-heading { gap: 12px; align-items: end; margin-bottom: 18px; }.section-heading h2, .profile-page .section-heading h2 { font-size: 26px; }.section-heading .eyebrow { font-size: 8px; }.entry-count { font-size: 9px; padding: 4px 8px; }
  .toolbar { align-items: center; flex-wrap: nowrap; }.toolbar button { font-size: 11px; padding: 9px 10px; min-height: 44px; }.toolbar .refresh { min-width: 37px; min-height: 44px; font-size: 0; padding: 8px; }.toolbar .refresh svg { width: 18px; height: 18px; }.toolbar .refresh>span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .post-content { padding: 21px 19px; }.identity { gap: 11px; }.avatar { width: 43px; height: 43px; }.name { font-size: 15px; }.meta { font-size: 10px; }.body, .post-kind-status .body { font-size: 15px; line-height: 1.8; }.post-photo { margin-top: 18px; border-radius: 5px; }.post-actions button, .post-actions select { min-height: 44px; font-size: 11px; padding: 9px 10px; }.post-actions select { width: 100%; flex-basis: 100%; }.official-guide-badge { font-size: 8px; }.type-label { font-size: 8px; }
  .sidebar { grid-template-columns: 1fr; gap: 18px; }.sidebar .safety-card { grid-column: auto; }.featured-guide-identity { margin-top: 16px; }.guide-portrait { width: 72px; height: 72px; }.guide-topline { font-size: 8px; }.featured-guide h2 { font-size: 28px; }.featured-guide>p { font-size: 13px; }.guide-profile-link { max-width: none; font-size: 13px; }.viewer-card strong { font-size: 23px; }.viewer-note { display: block; }.viewer-actions { grid-template-columns: 1fr 1fr; }
  .composer { margin-bottom: 22px; }.composer>summary { padding: 16px; gap: 12px; }.composer>summary strong { font-size: 14px; }.composer>summary small { font-size: 10px; }.compose-symbol { width: 36px; height: 36px; }.compose-action { font-size: 0; }.compose-action>span { font-size: 25px; }.composer-body { padding: 18px; }.composer-fields { grid-template-columns: 1fr; gap: 17px; }.composer-footer { align-items: start; gap: 12px; }.composer-footer>span { max-width: 140px; font-size: 10px; }.composer #publish { min-width: 128px; font-size: 11px; }
  .player-profile { padding: 15px 0 24px; }.profile-back { font-size: 11px; margin-bottom: 8px; }.profile-summary { display: block; padding: 25px 23px; }.profile-portrait { width: 98px; height: 98px; margin-bottom: 21px; }.profile-identity .eyebrow { font-size: 8px; }.profile-identity h1 { font-size: 38px; }.profile-bio { font-size: 14px; }.profile-audience { font-size: 10px; }.profile-links { gap: 8px; margin-top: 17px; }.profile-links .button { font-size: 11px; padding: 9px 12px; }.profile-rooms { margin-inline: 23px; padding-block: 22px; }.profile-room-list { grid-template-columns: 1fr; }.profile-room { min-height: 56px; font-size: 13px; }.profile-status { padding: 25px 23px; }.profile-page .community-bar { margin-bottom: 25px; }
  .patch-welcome { margin: 0 23px 22px; padding: 22px; display: block; }.patch-welcome .eyebrow { max-width: 210px; font-size: 7px; }.patch-welcome h2 { font-size: 25px; max-width: 170px; }.patch-welcome p:not(.eyebrow) { font-size: 12px; line-height: 1.8; }.patch-welcome img { display: none; }
  .empty { padding: 29px 23px; }.empty h3 { font-size: 25px; }.empty p { font-size: 13px; }.camera-guide { grid-template-columns: 1fr; gap: 28px; padding-top: 30px; margin-top: 34px; }.guide-heading h2 { font-size: 29px; }.guide-heading>p:not(.eyebrow) { font-size: 13px; }.guide-steps h3 { font-size: 17px; }.guide-steps p { font-size: 12px; }.guide-note { font-size: 10px; }
  footer { gap: 18px; padding-block: 25px; }footer p { display: block; font-size: 11px; }footer nav { width: 100%; justify-content: flex-start; gap: 6px 19px; }footer nav a { font-size: 11px; }
}
.composer>summary .composer-player{display:block;color:#c9b09a;font-size:11px;margin-top:4px;line-height:1.5}
@media(max-width:580px){.site-header .header-inner nav{overflow:visible;gap:8px;justify-content:space-between}.site-header .header-inner nav .compact{display:none}.site-header .header-inner nav a{min-height:44px;display:inline-flex;align-items:center;font-size:11px;padding-inline:0}.composer>summary .composer-player{display:block;font-size:10px}}
@media (prefers-reduced-motion: reduce) { *, *:before, *:after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }