:root {
  --platform-rail: 216px;
  --platform-context: 258px;
  --platform-gap: 20px;
  --platform-header: 64px;
  --platform-border: color-mix(in srgb, currentColor 13%, transparent);
  --platform-surface: color-mix(in srgb, var(--panel, #17101c) 92%, transparent);
}

.platform-frame,.platform-frame *,.platform-mobile-nav,.platform-mobile-nav *,.platform-create-sheet,.platform-create-sheet * { box-sizing:border-box; }
body:has(.platform-frame) { overflow-x:clip; }

.header-nav--app > .nav-toplink > i + span:not(.sr-only) {
  margin-left: .42rem;
}

.platform-stats-page {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: 44px 0 64px;
}

.platform-stats-header { margin-bottom: 28px; border-bottom: 1px solid var(--platform-border); padding-bottom: 22px; }
.platform-stats-header p { margin: 0 0 6px; color: #d65f71; font-size: .75rem; font-weight: 700; text-transform: uppercase; }
.platform-stats-header h1 { margin: 0 0 6px; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 2.7rem; letter-spacing: 0; }
.platform-stats-header span { color: color-mix(in srgb, currentColor 68%, transparent); }
.platform-stats-section-title { margin: 30px 0 12px; font-size: 1rem; }
.platform-stats-summary { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border: 1px solid var(--platform-border); border-radius: 4px; overflow: hidden; }
.platform-stat { min-width: 0; padding: 18px 16px; border-right: 1px solid var(--platform-border); background: var(--platform-surface); }
.platform-stat:last-child { border-right: 0; }
.platform-stat strong { display: block; margin-bottom: 5px; font-size: 1.7rem; font-variant-numeric: tabular-nums; }
.platform-stat span { display: block; color: color-mix(in srgb, currentColor 65%, transparent); font-size: .76rem; line-height: 1.35; }
.platform-leaderboards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 22px; }
.platform-leaderboard { border-top: 3px solid #d65f71; background: var(--platform-surface); }
.platform-leaderboard:nth-child(2) { border-top-color: #318c78; }
.platform-leaderboard:nth-child(3) { border-top-color: #c99536; }
.platform-leaderboard header { display: flex; align-items: center; gap: 9px; padding: 15px 16px 10px; }
.platform-leaderboard h2 { margin: 0; font-size: 1rem; }
.platform-leaderboard ol { margin: 0; padding: 0 16px 12px; list-style: none; counter-reset: leaderboard-rank; }
.platform-leaderboard li { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; gap: 8px; padding: 8px 0; border-top: 1px solid var(--platform-border); font-size: .86rem; counter-increment: leaderboard-rank; }
.platform-leaderboard li::before { content: counter(leaderboard-rank); color: color-mix(in srgb, currentColor 48%, transparent); font-variant-numeric: tabular-nums; }
.platform-leaderboard li strong { font-variant-numeric: tabular-nums; }
.platform-stats-empty { display: block !important; color: color-mix(in srgb, currentColor 58%, transparent); }
.platform-stats-empty::before { content: none !important; }
.platform-stats-privacy { display: flex; align-items: center; gap: 8px; margin: 20px 0 0; color: color-mix(in srgb, currentColor 62%, transparent); font-size: .78rem; }
.staff-stats-page .staff-console-wrap { max-width: 1180px; }

@media (max-width: 920px) {
  .platform-stats-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .platform-stat:nth-child(3) { border-right: 0; }
  .platform-stat:nth-child(-n+3) { border-bottom: 1px solid var(--platform-border); }
  .platform-leaderboards { grid-template-columns: 1fr; }
}

@media (max-width: 540px) {
  .platform-stats-header h1 { font-size: 2.1rem; }
  .platform-stats-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .platform-stat:nth-child(3) { border-right: 1px solid var(--platform-border); }
  .platform-stat:nth-child(even) { border-right: 0; }
  .platform-stat:nth-child(-n+4) { border-bottom: 1px solid var(--platform-border); }
}

.platform-frame {
  width: min(1560px, 100%);
  margin: 0 auto;
  padding: calc(var(--platform-header) + 18px) 20px 36px;
  display: grid;
  grid-template-columns: var(--platform-rail) minmax(0, 1fr) var(--platform-context);
  gap: var(--platform-gap);
  align-items: start;
  overflow:clip;
}

.platform-frame .site-main {
  width: 100%;
  min-width: 0;
  max-width: none;
  min-height: 70vh;
  margin: 0;
  padding: 0;
}

.platform-nav,
.platform-context {
  position: sticky;
  top: calc(var(--platform-header) + 18px);
  max-height: calc(100vh - var(--platform-header) - 36px);
  overflow: auto;
  scrollbar-width: thin;
}

.platform-nav-group { margin-bottom: 22px; }
.platform-nav-group h2 {
  margin: 0 0 7px;
  padding: 0 10px;
  color: var(--muted, #a99dab);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.platform-nav-group a {
  min-height: 38px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-left: 2px solid transparent;
  color: inherit;
  text-decoration: none;
  font-size: .88rem;
}
.platform-nav-group a:hover,
.platform-nav-group a[aria-current="page"] {
  border-left-color: var(--accent, #e8609a);
  background: color-mix(in srgb, var(--accent, #e8609a) 10%, transparent);
}
.platform-nav-group i { color: var(--muted, #a99dab); text-align: center; }

.platform-context { display: grid; gap: 14px; }
.platform-widget {
  padding: 15px;
  border: 1px solid var(--platform-border);
  border-radius: 6px;
  background: var(--platform-surface);
}
.platform-widget-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
  font-size: .78rem;
  font-weight: 800;
  text-transform: uppercase;
}
.platform-widget-heading a { font-size: .68rem; text-transform: none; }
.platform-stat-grid { margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.platform-stat-grid div { min-width: 0; }
.platform-stat-grid dt { color: var(--muted, #a99dab); font-size: .62rem; }
.platform-stat-grid dd { margin: 2px 0 0; font: 700 .92rem/1 ui-monospace, Consolas, monospace; }
.platform-activity-list { display: grid; }
.platform-activity-list a { padding: 9px 0; border-top: 1px solid var(--platform-border); color: inherit; text-decoration: none; }
.platform-activity-list a:first-child { border-top: 0; padding-top: 0; }
.platform-activity-list strong,.platform-activity-list span { display: block; }
.platform-activity-list strong { font-size: .82rem; line-height: 1.3; }
.platform-activity-list span,.platform-activity-list p { margin: 4px 0 0; color: var(--muted, #a99dab); font-size: .69rem; }
.platform-widget--irc p { margin: 8px 0; color: var(--muted, #a99dab); font-size: .76rem; line-height: 1.45; }
.platform-live-dot { display: inline-block; width: 8px; height: 8px; margin-right: 7px; border-radius: 50%; background: #35c97a; box-shadow: 0 0 0 4px rgba(53,201,122,.12); }

.platform-mobile-nav,.platform-create-sheet,.platform-scrim { display: none; }
.platform-frame:has(.conversation-layout) > .platform-context { display:none; }
.platform-frame:has(.conversation-layout) { grid-template-columns:var(--platform-rail) minmax(0,1fr); }
.platform-frame:has(.admin-workspace-layout) > .platform-context { display:none; }
.platform-frame:has(.admin-workspace-layout) { grid-template-columns:var(--platform-rail) minmax(0,1fr); }
.platform-frame:has(.authoring-workspace) > .platform-context { display:none; }
.platform-frame:has(.authoring-workspace) { grid-template-columns:var(--platform-rail) minmax(0,1fr); }
.platform-frame:has(.gallery-index-wrap) > .platform-context { display:none; }
.platform-frame:has(.gallery-index-wrap) { grid-template-columns:var(--platform-rail) minmax(0,1fr); }
.platform-frame .gallery-layout { grid-template-columns:minmax(0,1fr) 240px;gap:24px; }
.platform-frame .gallery-sidebar--left { display:none; }
.platform-frame:has(.blog-layout) > .platform-context,
.platform-frame:has(.post-layout) > .platform-context,
.platform-frame:has(.library-layout) > .platform-context { display:none; }
.platform-frame:has(.blog-layout),
.platform-frame:has(.post-layout),
.platform-frame:has(.library-layout) { grid-template-columns:var(--platform-rail) minmax(0,1fr); }
.platform-frame .blog-layout { grid-template-columns:minmax(0,1fr) 230px;gap:20px; }
.platform-frame .post-layout { grid-template-columns:minmax(0,1fr) 230px;gap:20px; }
.platform-frame .library-layout { grid-template-columns:minmax(0,1fr) 230px;gap:20px; }
.platform-frame .blog-sidebar--left,.platform-frame .post-sidebar--left,.platform-frame .library-sidebar--left { display:none; }
.platform-frame .blog-hero { padding:28px 32px;margin-bottom:22px;border-radius:6px; }
.platform-frame .blog-hero-title { font-size:clamp(2rem,4vw,2.75rem); }

@media (max-width: 1180px) {
  .platform-frame {
    --platform-rail: 176px;
    --platform-context: 210px;
    grid-template-columns: var(--platform-rail) minmax(0, 1fr) var(--platform-context);
  }
}

@media (max-width: 920px) {
  .platform-frame { grid-template-columns: minmax(0, 1fr); padding-inline: 14px; padding-bottom: 88px; }
  .platform-frame:has(.conversation-layout),
  .platform-frame:has(.admin-workspace-layout),
  .platform-frame:has(.authoring-workspace),
  .platform-frame:has(.gallery-index-wrap),
  .platform-frame:has(.blog-layout),
  .platform-frame:has(.post-layout),
  .platform-frame:has(.library-layout) { grid-template-columns:minmax(0,1fr); }
  .platform-nav {
    position: fixed;
    z-index: 1100;
    inset: var(--platform-header) auto 0 0;
    width: min(310px, 86vw);
    max-height: none;
    padding: 20px 14px;
    background: var(--forum-surface, #17101c);
    box-shadow: 18px 0 42px rgba(0,0,0,.45);
    transform: translateX(-105%);
    transition: transform .2s ease;
  }
  .platform-nav.is-open { transform: translateX(0); }
  .platform-nav-group h2,.platform-nav-group a span { display: block; }
  .platform-nav-group a { grid-template-columns: 22px minmax(0,1fr); justify-items: initial; padding-inline: 10px; }
  .platform-context { position: static; max-height: none; grid-template-columns: repeat(3,minmax(0,1fr)); }
  .platform-mobile-nav {
    position: fixed;
    z-index: 1050;
    inset: auto 0 0;
    height: 68px;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    border-top: 1px solid var(--platform-border);
    background: color-mix(in srgb, var(--panel, #17101c) 96%, transparent);
    backdrop-filter: blur(16px);
  }
  .platform-mobile-nav a,.platform-mobile-nav button { display: grid; place-items: center; align-content: center; gap: 4px; border: 0; color: inherit; background: transparent; text-decoration: none; font-size: .62rem; }
  .platform-mobile-nav i { font-size: 1.05rem; }
  .platform-mobile-nav [data-platform-create] i { width: 38px; height: 38px; display: grid; place-items: center; margin-top: -18px; border-radius: 50%; color: #180c13; background: var(--accent, #e8609a); }
  .platform-scrim { position: fixed; z-index: 1090; inset: 0; background: rgba(0,0,0,.58); }
  .platform-scrim.is-open { display: block; }
  .platform-create-sheet { position: fixed; z-index: 1200; inset: auto 10px 78px; padding: 20px; border: 1px solid var(--platform-border); border-radius: 8px; background: var(--panel, #17101c); }
  .platform-create-sheet.is-open { display: grid; gap: 10px; }
  .platform-create-sheet h2 { margin: 0 0 6px; font-size: 1.1rem; }
  .platform-create-sheet > button { position: absolute; top: 12px; right: 12px; border: 0; color: inherit; background: transparent; }
  .platform-create-sheet a { display: flex; align-items: center; gap: 12px; padding: 12px; color: inherit; text-decoration: none; background: color-mix(in srgb, currentColor 6%, transparent); }
  .platform-frame .blog-layout,.platform-frame .post-layout,.platform-frame .library-layout { grid-template-columns:1fr; }
  .platform-frame .gallery-layout { grid-template-columns:1fr; }
  .platform-frame .gallery-sidebar--right { position:static;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,78vw);gap:10px;overflow-x:auto;scroll-snap-type:x proximity; }
  .platform-frame .gallery-sidebar--right>* { scroll-snap-align:start; }
  .platform-frame .blog-sidebar--right,.platform-frame .post-sidebar--right,.platform-frame .library-sidebar--right { position:static;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,78vw);gap:10px;overflow-x:auto;scroll-snap-type:x proximity; }
  .platform-frame .blog-sidebar--right>*,.platform-frame .post-sidebar--right>*,.platform-frame .library-sidebar--right>* { scroll-snap-align:start; }
}

@media (max-width: 680px) {
  .platform-frame { padding-top: calc(var(--platform-header) + 10px); }
  .platform-context { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) { .platform-nav { transition: none; } }

.dashboard-widget-controls { display:flex;align-items:center;justify-content:space-between;margin:20px 0 8px;color:var(--muted,#a99dab);font-size:.75rem;text-transform:uppercase; }
.dashboard-widget-controls button { border:1px solid var(--platform-border);border-radius:5px;padding:7px 10px;color:inherit;background:transparent;cursor:pointer; }
.dashboard-widget-picker { display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;padding:12px;border:1px solid var(--platform-border);font-size:.78rem; }
.dashboard-widget-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:26px; }
.dashboard-widget { min-width:0;padding:15px;border:1px solid var(--platform-border);border-radius:6px;background:var(--platform-surface); }
.dashboard-widget h2 { margin:0 0 10px;font-size:.92rem; }
.dashboard-widget a,.dashboard-widget > div { display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--platform-border);color:inherit;text-decoration:none;font-size:.76rem; }
.dashboard-widget a:first-of-type,.dashboard-widget > div:first-of-type { border-top:0; }
.dashboard-widget span,.dashboard-widget p { color:var(--muted,#a99dab);font-size:.68rem; }
.profile-achievements { display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px; }
.profile-achievements > div { display:grid;grid-template-columns:28px 1fr;gap:4px 9px;padding:14px;border:1px solid var(--platform-border);border-radius:6px; }
.profile-achievements i { grid-row:1/3;color:var(--accent,#e8609a);font-size:1.15rem; }
.profile-achievements span { color:var(--muted,#a99dab);font-size:.72rem; }
.profile-media-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px; }
.profile-media-grid a { color:inherit;text-decoration:none; }
.profile-media-grid img { width:100%;aspect-ratio:1;display:block;object-fit:cover;border-radius:5px; }
.profile-media-grid span { display:block;padding:6px 2px;font-size:.76rem; }
.profile-bookmarks { display:grid;gap:8px; }
.profile-bookmarks a { display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;padding:11px;border:1px solid var(--platform-border);color:inherit;text-decoration:none; }
.profile-bookmarks strong,.profile-bookmarks small { display:block; }.profile-bookmarks small { margin-top:3px;color:var(--muted,#a99dab);font-size:.68rem; }
@media (max-width:680px) { .dashboard-widget-grid { grid-template-columns:1fr; } }
:root.site-light .platform-nav { background:#f7f4f8;box-shadow:18px 0 42px rgba(35,20,40,.2); }

.global-search header span { color:var(--muted,#a99dab);font-size:.7rem;font-weight:800;text-transform:uppercase; }
.global-search header h1 { margin:5px 0 18px;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:0; }
.global-search > form { display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 8px 8px 15px;border:1px solid var(--platform-border);background:var(--platform-surface); }
.global-search input { min-width:0;padding:10px;border:0;color:inherit;background:transparent;font-size:1rem;outline:0; }
.global-search button { padding:10px 18px;border:0;border-radius:4px;color:#180c13;background:var(--accent,#e8609a);font-weight:800; }
.global-search-filters { display:flex;gap:14px;margin:16px 0 22px;border-bottom:1px solid var(--platform-border); }
.global-search-filters a { padding:9px 2px;color:inherit;text-decoration:none;font-size:.78rem; }
.global-search-filters strong { margin-left:4px;color:var(--muted,#a99dab); }
.global-search-results { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
.global-search-results section { min-width:0; }
.global-search-results h2 { margin:0 0 10px;font-size:.88rem;text-transform:uppercase; }
.global-search-results a { display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:10px 0;border-top:1px solid var(--platform-border);color:inherit;text-decoration:none; }
.global-search-results a:first-of-type { border-top:0; }
.global-search-results img { width:28px;height:28px;object-fit:cover; }
.global-search-results strong,.global-search-results small { display:block;overflow:hidden;text-overflow:ellipsis; }
.global-search-results strong { font-size:.8rem;white-space:nowrap; }.global-search-results small { margin-top:3px;color:var(--muted,#a99dab);font-size:.67rem; }

.content-tag-selector { position:relative;display:grid;gap:8px;min-width:0;width:100%; }
.content-tag-search { width:100%;min-height:42px;box-sizing:border-box;padding:9px 11px;border:1px solid var(--border,rgba(255,255,255,.12));border-radius:6px;color:inherit;background:var(--panel-raised,rgba(0,0,0,.18));font:inherit; }
.content-tag-results { position:static;z-index:auto;display:grid;width:100%;max-height:min(280px,45dvh);box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid var(--border,rgba(255,255,255,.12));border-radius:6px;background:var(--panel,#17111d);box-shadow:0 10px 24px rgba(0,0,0,.24);scrollbar-width:thin; }
.content-tag-results[hidden] { display:none; }
.content-tag-result { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:9px 10px;border:0;border-radius:4px;color:inherit;background:transparent;text-align:left;cursor:pointer;font:inherit; }
.content-tag-result:hover,.content-tag-result:focus-visible,.content-tag-result.is-active { color:var(--accent,#d96bff);background:rgba(217,107,255,.12);outline:none; }
.content-tag-result-name { min-width:0;font-weight:700;overflow-wrap:anywhere; }
.content-tag-result-group { color:var(--muted,#a99caf);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em; }
.content-tag-result small { grid-column:1/-1;color:var(--muted,#a99caf);font-size:.75rem;line-height:1.35; }
.content-tag-result.is-warning .content-tag-result-group { color:var(--warning,#f2b84b); }
.content-tag-result.is-recommended { border-color:color-mix(in srgb,var(--accent,#d96bff) 65%,transparent);background:color-mix(in srgb,var(--accent,#d96bff) 9%,transparent); }
.content-tag-result.is-unavailable { cursor:default;color:var(--muted,#a99caf);font-size:.82rem; }
.content-tag-result.is-create { border-top:1px solid var(--border,rgba(255,255,255,.1));color:var(--accent,#d96bff);font-weight:700; }
.content-tag-selected { display:flex;flex-wrap:wrap;gap:6px;min-height:24px; }
.content-tag-pill { display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 8px;border:1px solid rgba(217,107,255,.28);border-radius:999px;color:var(--accent,#d96bff);background:rgba(217,107,255,.09);font-size:.76rem;font-weight:700; }
.content-tag-pill > span { min-width:0;overflow-wrap:anywhere; }
.content-tag-pill.is-warning { border-style:dashed;border-color:var(--warning,#f2b84b);color:var(--warning,#f2b84b);background:rgba(242,184,75,.1); }
.content-tag-pill button { width:18px;height:18px;padding:0;border:0;border-radius:50%;color:inherit;background:rgba(255,255,255,.08);cursor:pointer;line-height:1; }
.content-tag-pill button:focus-visible { outline:2px solid currentColor;outline-offset:2px; }
.form-group--flush { margin-bottom:0!important; }
.initial-avatar { box-sizing:border-box;display:inline-grid!important;place-items:center;padding:0!important;line-height:1!important;text-align:center;text-indent:0;overflow:hidden;flex-shrink:0; }
.taxonomy-help { display:block;margin-top:7px;font-size:.72rem;line-height:1.45; }
.global-search-empty { padding:50px 0;color:var(--muted,#a99dab);text-align:center; }
@media (max-width:800px) { .global-search-results { grid-template-columns:1fr; }.global-search-filters{overflow:auto}.global-search > form{grid-template-columns:auto minmax(0,1fr)}.global-search button{grid-column:1/-1} }

@media (max-width:600px) {
  .authoring-workspace,.authoring-workspace form,.authoring-workspace .form-group { min-width:0;max-width:100%; }
  .content-tag-search { min-height:46px;font-size:16px; }
  .content-tag-results { max-height:min(250px,42dvh);padding:5px; }
  .content-tag-result { grid-template-columns:minmax(0,1fr);gap:3px;min-height:48px;padding:10px; }
  .content-tag-result-group { white-space:normal; }
  .content-tag-result small { grid-column:1; }
  .content-tag-pill { min-height:34px; }
  .content-tag-pill button { width:24px;height:24px;flex:0 0 24px; }
}