.network-main {
  max-width:1000px;
  margin:0 auto;
  padding:36px 24px 60px
}
.network-main h1,.network-main h2,.network-main h3 {
  font-family:"Barlow Condensed",sans-serif
}
.network-main h1 {
  font-size:38px;
  margin:10px 0 16px
}
.network-main h2 {
  font-size:25px;
  margin:16px 0 10px
}
.network-main p {
  line-height:1.6
}
.network-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin:24px 0
}
.network-card,.network-detail {
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--bg);
  padding:20px;
  min-width:0
}
.network-card>a {
  text-decoration:none
}
.network-card img:not(.network-avatar) {
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:8px
}
.network-author {
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  margin-bottom:16px;
  overflow-wrap:anywhere
}
.network-avatar {
  border-radius:50%;
  object-fit:cover;
  flex-shrink:0
}
.network-copy {
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  color:var(--body)
}
.network-meta {
  color:var(--sub);
  font-size:14px
}
.network-detail {
  max-width:720px;
  margin:0 auto 24px
}
.network-detail figure {
  margin:20px 0
}
.network-detail figure img,.network-detail video,.network-cover {
  width:100%;
  max-height:720px;
  object-fit:contain;
  border-radius:8px;
  background:var(--paper)
}
.network-detail figcaption {
  padding:10px 0;
  color:var(--body);
  white-space:pre-wrap
}
.network-actions,.network-pager,.network-filters {
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin:20px 0
}
.network-actions button,.network-filters button,.network-button {
  font:600 16px "Barlow Condensed",sans-serif;
  padding:10px 18px;
  border:1px solid var(--red);
  border-radius:6px;
  background:var(--bg);
  color:var(--red);
  cursor:pointer;
  text-decoration:none
}
.network-actions button[aria-pressed=true] {
  background:var(--red);
  color:var(--bg)
}
button:disabled {
  opacity:.55;
  cursor:wait
}
.network-filters label {
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:14px
}
.network-filters input,.network-filters select {
  font:inherit;
  max-width:100%;
  padding:10px;
  background:var(--paper);
  color:var(--ink);
  border:1px solid var(--line);
  border-radius:6px
}
.network-notice {
  padding:12px 16px;
  background:var(--paper);
  border-left:3px solid var(--red);
  white-space:pre-wrap
}
.network-cta {
  padding:16px 0;
  border-top:1px solid var(--line);
  color:var(--sub)
}
.network-comments article {
  padding:16px 0;
  border-top:1px solid var(--line)
}
.network-comments .reply {
  margin-left:20px
}
.network-pager {
  justify-content:space-between
}
.network-header-nav {
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  align-items:center
}
.network-header-nav a {
  font:600 15px "Barlow Condensed",sans-serif;
  text-decoration:none
}
.network-main a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible {
  outline:2px solid var(--red);
  outline-offset:4px
}
.network-counts {
  display:flex;
  gap:20px;
  flex-wrap:wrap
}
.network-footer {
  padding:28px 24px;
  display:flex;
  gap:24px;
  justify-content:center
}
.network-account-notice {
  margin:12px 24px;
  padding:12px;
  background:var(--paper);
  border-left:3px solid var(--red)
}
@media(max-width:760px) {
  .network-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .header {
    padding:16px 20px;
    flex-wrap:wrap
  }
  .network-main {
    padding:24px 16px 40px
  }
}
@media(max-width:480px) {
  .network-grid {
    grid-template-columns:1fr
  }
  .network-detail {
    padding:16px
  }
  .network-header-nav {
    gap:14px
  }
  .network-main h1 {
    font-size:32px
  }
}
.network-card h2,.network-detail h2 {
  border-bottom:0;
  padding-bottom:0;
  letter-spacing:.01em
}
.network-main h1 {
  overflow-wrap:anywhere
}
.network-card .network-author {
  margin-bottom:12px
}
.network-main .network-meta {
  font-size:14px
}
.network-card {
  background:var(--paper)
}

/* Participation uses the existing ShiftClub tokens and compact cards. */
.participation-form { display:grid; gap:14px; max-width:520px; margin:20px 0 28px; }
.participation-form label { display:grid; gap:7px; font-weight:500; }
.participation-form input,.participation-form select,.participation-form textarea { box-sizing:border-box; width:100%; min-width:0; font:inherit; padding:12px; color:var(--ink); background:var(--paper); border:1px solid var(--line); border-radius:6px; }
.participation-form .check { display:flex; align-items:flex-start; flex-wrap:wrap; font-weight:400; }
.participation-form input[type=checkbox] { width:18px; height:18px; flex-shrink:0; accent-color:var(--red); }
.participation-form small { color:var(--sub); line-height:1.5; }
.participation-screen button { font:600 16px "Barlow Condensed",sans-serif; border:1px solid var(--red); border-radius:6px; padding:10px 18px; background:var(--bg); color:var(--red); cursor:pointer; }
.participation-form button[type=submit] { background:var(--red); color:var(--bg); justify-self:start; }
.participation-screen [role=status] { overflow-wrap:anywhere; scroll-margin-top:20px; }
.participation-list { margin:20px 0; }
.participation-row { border-bottom:1px solid var(--line); padding:16px; overflow-wrap:anywhere; }
.participation-row.unread { border-left:3px solid var(--red); background:var(--paper); }
.participation-row time { color:var(--sub); font-size:14px; }
.participation-avatar { width:90px; height:90px; object-fit:cover; border-radius:50%; }
.network-report { display:inline-block; font-size:14px; margin:10px 0; }
:root[data-theme=light] { color-scheme:light; --bg:#ffffff; --paper:#f6f4f2; --ink:#161314; --body:rgba(22,19,20,.85); --sub:rgba(22,19,20,.5); --line:rgba(0,0,0,.09); --red:#b3261e; --nav-muted:rgba(22,19,20,.55); --footer-bg:#161314; --footer-text:rgba(255,255,255,.62); --footer-muted:rgba(255,255,255,.35); --logo-plate:block; --logo-track:#e9e5df; }
:root[data-theme=dark] { color-scheme:dark; --bg:#0e1116; --paper:#171b22; --ink:#eaedf2; --body:#c2c8d2; --sub:#7c8595; --line:rgba(255,255,255,.08); --red:#ff453a; --nav-muted:rgba(234,237,242,.55); --footer-bg:#171b22; --footer-text:rgba(234,237,242,.62); --footer-muted:rgba(234,237,242,.35); --logo-plate:none; --logo-track:rgba(255,255,255,.16); }
.participation-screen :focus-visible { outline:2px solid var(--red); outline-offset:3px; }
.participation-screen [aria-current=page] { font-weight:700; text-decoration:underline; }


.creation-previews { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.creation-previews figure { margin:0; min-width:0; }
.network-detail .creation-previews img { width:100%; max-height:220px; object-fit:contain; border-radius:8px; }
.creation-previews textarea { width:100%; }
@media(max-width:480px) { .creation-previews { grid-template-columns:1fr; } }

.community-avatar img{width:36px!important;height:36px!important;object-fit:cover;border-radius:50%}.participation-row> a>img{max-height:280px;width:100%;object-fit:contain}.participation-row time{display:block;font-size:.85rem;opacity:.75}[data-community-mode] .network-copy{white-space:pre-wrap;overflow-wrap:anywhere}[data-community-mode] input,[data-community-mode] textarea{max-width:100%}#owner-invite-link{overflow-wrap:anywhere}

.dm-history{height:55vh;min-height:240px;max-height:650px;overflow-y:auto;overscroll-behavior:contain;padding:12px;border:1px solid var(--line,#777);border-radius:8px;margin:16px 0}.dm-bubble{max-width:85%;padding:12px;margin:10px 0;border:1px solid var(--line,#777);border-radius:8px;overflow-wrap:anywhere}.dm-bubble p{white-space:pre-wrap;margin:6px 0}.dm-mine{margin-left:auto;border-color:var(--red,#ef4438)}.dm-bubble time{font-size:.75rem;opacity:.75}
.dm-unread-badge{display:inline-flex;min-width:1.35em;height:1.35em;margin-left:.35em;padding:0 .3em;align-items:center;justify-content:center;border-radius:999px;background:var(--red,#ef4438);color:#fff;font-size:.75em;font-weight:700;line-height:1}.dm-unread-badge[hidden]{display:none}

.phase7-nav{margin-bottom:24px}.phase7-status{display:flex;justify-content:space-between;gap:18px;padding:12px 16px;background:var(--red);color:#fff;text-transform:uppercase;font:700 14px "Barlow Condensed",sans-serif;letter-spacing:.06em}.phase7-hero{margin-top:22px;padding:24px}.phase7-award{display:inline-block;padding:5px 9px;border-radius:999px;background:var(--red);color:#fff;font:700 12px "Barlow Condensed",sans-serif;letter-spacing:.06em;text-transform:uppercase}.phase7-wheel{display:grid;place-items:center;width:180px;height:180px;margin:24px auto;border:18px solid var(--ink);border-radius:50%;box-shadow:inset 0 0 0 7px var(--red);font:700 42px "Barlow Condensed",sans-serif;color:var(--red);transition:transform .65s cubic-bezier(.2,.8,.2,1)}.phase7-wheel.spinning{transform:rotate(1080deg)}.phase7-photo-name{display:block;padding:8px;border:1px solid var(--line);border-radius:6px;overflow-wrap:anywhere}.phase7-screen .network-card>img,.phase7-winner img{aspect-ratio:4/3;object-fit:cover}@media(max-width:520px){.phase7-status{align-items:flex-start;flex-direction:column}.phase7-wheel{width:140px;height:140px}}