:root {
   --app-accent: #4de2c1;
   --app-accent-2: #76a9ff;
   --app-topbar-offset: 7rem;
 }
 
 :root[data-theme="dark"] {
   --app-bg: #08111f;
   --app-bg-top: #0f1d35;
   --app-surface: rgba(9, 18, 32, 0.9);
   --app-surface-strong: #0d1728;
   --app-border: rgba(255, 255, 255, 0.08);
   --app-text: #f6f8fc;
   --app-muted: #98abc4;
   --app-shadow: 0 24px 70px rgba(0, 0, 0, 0.32);
   --app-navbar-bg: rgba(7, 15, 27, 0.92);
   --app-grid: rgba(255, 255, 255, 0.03);
   --app-panel-hi: rgba(255, 255, 255, 0.05);
   --app-panel-lo: rgba(255, 255, 255, 0.02);
   --app-glow-left: rgba(77, 226, 193, 0.14);
   --app-glow-right: rgba(118, 169, 255, 0.18);
   --app-list-bg: rgba(255, 255, 255, 0.03);
   --app-ghost-bg: rgba(255, 255, 255, 0.05);
   --app-ghost-border: rgba(255, 255, 255, 0.1);
   --app-ghost-hover: rgba(255, 255, 255, 0.08);
   --app-input-bg: rgba(255, 255, 255, 0.05);
   --app-input-border: rgba(255, 255, 255, 0.12);
   --app-placeholder: #8397b3;
   --app-flash-bg: rgba(77, 226, 193, 0.12);
   --app-flash-border: rgba(77, 226, 193, 0.18);
   --app-flash-text: #d9fff6;
   --app-soft-badge-bg: rgba(118, 169, 255, 0.14);
   --app-soft-badge-border: rgba(118, 169, 255, 0.18);
   --app-soft-badge-text: #dceaff;
   --app-live-badge-bg: rgba(77, 226, 193, 0.14);
   --app-live-badge-border: rgba(77, 226, 193, 0.2);
   --app-live-badge-text: #d8fff5;
   --app-draft-badge-bg: rgba(255, 155, 113, 0.14);
   --app-draft-badge-border: rgba(255, 155, 113, 0.2);
   --app-draft-badge-text: #ffd9c9;
 }
 
 :root[data-theme="light"] {
   --app-bg: #eef4fb;
   --app-bg-top: #f8fbff;
   --app-surface: rgba(255, 255, 255, 0.82);
   --app-surface-strong: #ffffff;
   --app-border: rgba(12, 35, 64, 0.1);
   --app-text: #0f1e33;
   --app-muted: #5f728d;
   --app-shadow: 0 24px 70px rgba(36, 59, 91, 0.12);
   --app-navbar-bg: rgba(245, 249, 255, 0.9);
   --app-grid: rgba(12, 35, 64, 0.05);
   --app-panel-hi: rgba(255, 255, 255, 0.88);
   --app-panel-lo: rgba(237, 244, 252, 0.72);
   --app-glow-left: rgba(77, 226, 193, 0.09);
   --app-glow-right: rgba(118, 169, 255, 0.14);
   --app-list-bg: rgba(240, 246, 255, 0.85);
   --app-ghost-bg: rgba(12, 35, 64, 0.04);
   --app-ghost-border: rgba(12, 35, 64, 0.1);
   --app-ghost-hover: rgba(12, 35, 64, 0.08);
   --app-input-bg: rgba(255, 255, 255, 0.88);
   --app-input-border: rgba(12, 35, 64, 0.14);
   --app-placeholder: #72839b;
   --app-flash-bg: rgba(77, 226, 193, 0.12);
   --app-flash-border: rgba(77, 226, 193, 0.2);
   --app-flash-text: #0f5e4c;
   --app-soft-badge-bg: rgba(118, 169, 255, 0.12);
   --app-soft-badge-border: rgba(118, 169, 255, 0.16);
   --app-soft-badge-text: #29538f;
   --app-live-badge-bg: rgba(77, 226, 193, 0.14);
   --app-live-badge-border: rgba(77, 226, 193, 0.2);
   --app-live-badge-text: #0f6b57;
   --app-draft-badge-bg: rgba(255, 155, 113, 0.14);
   --app-draft-badge-border: rgba(255, 155, 113, 0.18);
   --app-draft-badge-text: #9a4a28;
 }
 
 html {
   scroll-padding-top: 7rem;
 }
 
 body {
   min-height: 100vh;
   color: var(--app-text);
   background:
     radial-gradient(circle at top left, var(--app-glow-left), transparent 24%),
     radial-gradient(circle at top right, var(--app-glow-right), transparent 30%),
     linear-gradient(180deg, var(--app-bg-top), var(--app-bg) 50%);
   transition: background-color 180ms ease, color 180ms ease;
 }
 
 body::before {
   content: "";
   position: fixed;
   inset: 0;
   pointer-events: none;
   background-image:
     linear-gradient(var(--app-grid) 1px, transparent 1px),
     linear-gradient(90deg, var(--app-grid) 1px, transparent 1px);
   background-size: 72px 72px;
   mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), transparent 78%);
 }
 
 a {
   text-decoration: none;
   color: inherit;
 }
 
 .app-shell,
 .auth-shell {
   position: relative;
   z-index: 1;
 }
 
 .has-fixed-topbar {
   padding-top: var(--app-topbar-offset) !important;
 }
 
 .app-topbar {
   z-index: 1035;
 }
 
 .app-navbar {
   background: var(--app-navbar-bg);
   backdrop-filter: blur(14px);
   border-bottom: 1px solid var(--app-border);
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
 }
 
 .app-navbar .container {
   min-height: 5.5rem;
 }
 
 .app-navbar .navbar-brand {
   padding-top: 0;
   padding-bottom: 0;
 }
 
 .app-navbar .navbar-collapse {
   flex-grow: 0;
 }
 
 .app-navbar-toggler {
   border: 1px solid var(--app-ghost-border);
   border-radius: 999px;
   padding: 0.65rem 0.85rem;
   box-shadow: none !important;
 }
 
 .app-navbar-toggler .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2815,30,51,0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
 :root[data-theme="dark"] .app-navbar-toggler .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28246,248,252,0.95%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
 .container-narrow {
   max-width: 1220px;
 }
 
 .glass-panel {
   background: linear-gradient(180deg, var(--app-panel-hi), var(--app-panel-lo)), var(--app-surface);
   border: 1px solid var(--app-border);
   box-shadow: var(--app-shadow);
   backdrop-filter: blur(12px);
 }
 
 .brand-mark {
   width: 3rem;
   height: 3rem;
   display: grid;
   place-items: center;
   border-radius: 1rem;
   font-weight: 800;
   letter-spacing: 0.08em;
   color: #06111e;
   background: linear-gradient(135deg, var(--app-accent), #cbfff3);
   box-shadow: 0 16px 36px rgba(77, 226, 193, 0.28);
   flex: 0 0 auto;
 }
 
 .text-kicker {
   letter-spacing: 0.18em;
   text-transform: uppercase;
   font-size: 0.72rem;
   color: var(--app-muted);
 }
 
 .text-white {
   color: var(--app-text) !important;
 }
 
 .text-muted-app,
 .text-muted-app p,
 .text-muted-app span {
   color: var(--app-muted) !important;
 }
 
 .hero-card {
   position: relative;
   overflow: hidden;
   border-radius: 0.9rem;
 }
 
 .hero-card::after {
   content: "";
   position: absolute;
   width: 360px;
   height: 360px;
   right: -120px;
   top: -120px;
   border-radius: 50%;
   background: radial-gradient(circle, rgba(118, 169, 255, 0.3), transparent 68%);
 }
 
 .hero-display {
   font-size: clamp(2.8rem, 7vw, 5.4rem);
   line-height: 0.92;
   letter-spacing: -0.06em;
 }
 
 .metric-card,
 .project-card,
 .module-card,
 .detail-card,
 .login-card,
 .side-card {
   border-radius: 0.75rem;
 }
 
 .metric-value {
   font-size: clamp(2rem, 5vw, 3rem);
   letter-spacing: -0.05em;
   font-weight: 800;
 }
 
 .metric-card {
   min-height: 10.5rem;
 }
 
 .project-card,
 .module-card,
 .detail-card {
   min-height: 20rem;
 }
 
 .project-card,
 .module-card {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }
 
 .detail-card {
   display: flex;
   flex-direction: column;
 }
 .project-card {
   padding: 1.5rem !important;
 }
 
 .project-card-head {
   min-height: 3rem;
 }
 
 .project-type-badge,
 .project-status-badge {
   border-radius: 0.45rem;
   font-size: 0.72rem;
   font-weight: 600;
   letter-spacing: 0.05em;
   text-transform: uppercase;
 }
 
 .project-type-badge {
   color: var(--app-soft-badge-text);
   background: color-mix(in srgb, var(--app-soft-badge-bg) 88%, transparent);
   border: 1px solid var(--app-soft-badge-border);
 }
 
 .project-card-body {
   display: grid;
   align-content: start;
   min-height: 8.5rem;
 }
 
 .project-card-title {
   font-size: 1.45rem;
   line-height: 1.15;
   letter-spacing: -0.03em;
 }
 
 .project-card-copy {
   font-size: 0.96rem;
   line-height: 1.55;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
 
 .project-card-footer {
   border-top: 1px solid var(--app-border);
 }
 
 .project-card-metrics {
   --bs-gutter-x: 0.75rem;
 }
 
 .project-metric-box {
   min-height: 4.8rem;
   padding: 0.85rem 0.9rem;
   border: 1px solid var(--app-border);
   background: var(--app-list-bg);
   border-radius: 0.55rem;
 }
 
 .project-tag {
   border-radius: 0.45rem !important;
   font-size: 0.72rem;
   letter-spacing: 0.04em;
   text-transform: uppercase;
 }
 
 
 .list-row {
   border-radius: 0.55rem !important;
 }
 
 @media (min-width: 1200px) {
   .project-card,
   .module-card {
     aspect-ratio: 1 / 1;
   }
 }
 
 .project-card,
 .module-card,
 .detail-card {
   transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
 }
 
 .project-card:hover,
 .module-card:hover,
 .detail-card:hover {
   transform: translateY(-1px);
   border-color: rgba(118, 169, 255, 0.18);
   box-shadow: 0 14px 30px rgba(0, 0, 0, 0.10);
 }
 
 .badge-soft {
   color: var(--app-soft-badge-text);
   background: var(--app-soft-badge-bg);
   border: 1px solid var(--app-soft-badge-border);
 }
 
 .badge-live {
   color: var(--app-live-badge-text);
   background: var(--app-live-badge-bg);
   border: 1px solid var(--app-live-badge-border);
 }
 
 .badge-draft {
   color: var(--app-draft-badge-text);
   background: var(--app-draft-badge-bg);
   border: 1px solid var(--app-draft-badge-border);
 }
 
 .mini-stat {
   border-top: 1px solid var(--app-border);
 }
 
 .tag-pill {
   border: 1px solid var(--app-border);
   background: var(--app-ghost-bg);
   color: var(--app-muted);
 }
 
 .btn-app-primary {
   color: #04111e;
   background: linear-gradient(135deg, var(--app-accent), #c6fff4);
   border: 0;
   box-shadow: 0 14px 36px rgba(77, 226, 193, 0.28);
 }
 
 .btn-app-primary:hover {
   color: #04111e;
   background: linear-gradient(135deg, #64e8ca, #dcfff8);
 }
 
 .btn-app-ghost {
   color: var(--app-text);
   background: var(--app-ghost-bg);
   border: 1px solid var(--app-ghost-border);
 }
 
 .btn-app-ghost:hover {
   color: var(--app-text);
   background: var(--app-ghost-hover);
 }
 
 .form-control,
 .form-control:focus {
   color: var(--app-text);
   background: var(--app-input-bg);
   border-color: var(--app-input-border);
   box-shadow: none;
 }
 
 .form-control::placeholder {
   color: var(--app-placeholder);
 }
 
 .list-row {
   border: 1px solid var(--app-border);
   background: var(--app-list-bg);
 }
 
 .auth-shell {
   min-height: 100vh;
 }
 
 .auth-orb {
   position: absolute;
   border-radius: 50%;
   filter: blur(16px);
 }
 
 .auth-orb.one {
   width: 320px;
   height: 320px;
   top: 10%;
   left: 6%;
   background: rgba(77, 226, 193, 0.16);
 }
 
 .auth-orb.two {
   width: 360px;
   height: 360px;
   right: 6%;
   bottom: 6%;
   background: rgba(118, 169, 255, 0.16);
 }
 
 .icon-circle {
   width: 2.5rem;
   height: 2.5rem;
   display: inline-grid;
   place-items: center;
   border-radius: 0.6rem;
   background: var(--app-ghost-bg);
   border: 1px solid var(--app-border);
 }
 
 .flash-banner {
   color: var(--app-flash-text);
   background: var(--app-flash-bg);
   border: 1px solid var(--app-flash-border);
   border-radius: 0.75rem !important;
 }
 
 @media (max-width: 991.98px) {
   :root {
     --app-topbar-offset: 8.5rem;
   }
 
   html {
     scroll-padding-top: 8.5rem;
   }
 
   .app-navbar .container {
     min-height: 5rem;
   }
 
   .app-navbar .navbar-collapse {
     padding-bottom: 0.5rem;
   }
 
   .hero-display {
     max-width: none !important;
   }
 }
 
 .project-intro-shell {
   border-radius: 0.9rem;
 }
 
 .project-intro-visual {
   min-height: 18rem;
   border-radius: 0.75rem;
   background:
     linear-gradient(135deg, rgba(5, 10, 24, 0.7), rgba(16, 28, 48, 0.45)),
     radial-gradient(circle at 22% 28%, rgba(255, 184, 102, 0.55), transparent 26%),
     radial-gradient(circle at 80% 30%, rgba(118, 169, 255, 0.38), transparent 24%),
     linear-gradient(160deg, #14192a, #25324b 55%, #6f5433 100%);
 }
 
 .project-copy {
   max-width: 43rem;
 }
 
 .section-title {
   letter-spacing: 0.08em;
   font-size: 2rem;
   color: #ff5a1f;
 }
 
 .project-lead-copy {
   font-size: 1.1rem;
   line-height: 1.8;
 }
 
 .project-bullet-card,
 .project-summary-box,
 .project-section-row,
 .contents-total-box,
 .activity-icon-box,
 .feed-filter-bar,
 .feed-post-card,
 .feed-brief,
 .project-metric-box {
   border-radius: 0.75rem;
 }
 
 .project-bullets {
   padding-left: 1.2rem;
   line-height: 1.8;
 }
 
 .project-summary-box {
   padding: 0.9rem;
   border: 1px solid var(--app-border);
   background: var(--app-list-bg);
   text-align: center;
 }
 
 .summary-number {
   font-size: 1.8rem;
   font-weight: 700;
   color: var(--app-text);
 }
 
 .project-section-row {
   padding: 0.95rem 1rem;
   border: 1px solid var(--app-border);
   background: var(--app-list-bg);
 }
 
 .project-contents-wrap {
   border-radius: 0.9rem;
 }
 
 .project-contents-head {
   border-color: var(--app-border) !important;
 }
 
 .contents-total-box {
   min-width: 8rem;
   padding: 1rem 1.1rem;
   background: var(--app-list-bg);
   border: 1px solid var(--app-border);
   text-align: center;
 }
 
 .contents-total-box strong {
   display: block;
   font-size: 2rem;
   color: var(--app-text);
 }
 
 .contents-total-label {
   display: block;
   font-size: 0.72rem;
   text-transform: uppercase;
   letter-spacing: 0.08em;
   color: var(--app-muted);
   margin-bottom: 0.35rem;
 }
 
 .activity-section:last-child {
   border-bottom: 0 !important;
 }
 
 .activity-section-head,
 .activity-row {
   border-color: var(--app-border) !important;
 }
 
 .activity-row + .activity-row {
   border-top: 1px solid var(--app-border);
 }
 
 .activity-icon-box {
   width: 3.6rem;
   height: 3.6rem;
   display: grid;
   place-items: center;
   background: rgba(141, 192, 111, 0.22);
   border: 1px solid rgba(141, 192, 111, 0.35);
 }
 
 .section-response-pill,
 .activity-count-pill {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-width: 2rem;
   padding: 0.3rem 0.55rem;
   border-radius: 0.45rem;
   background: #2538ff;
   color: #fff;
   font-size: 0.8rem;
   font-weight: 700;
 }
 
 .activity-open-link {
   font-weight: 600;
   color: #2c85ff;
   letter-spacing: 0.04em;
 }
 
 .activity-tab-strip {
   overflow-x: auto;
   padding-bottom: 0.25rem;
 }
 
 .activity-tab-link {
   color: var(--app-muted);
   border-bottom: 2px solid transparent;
   padding: 0.35rem 0.15rem;
   white-space: nowrap;
   font-size: 0.95rem;
 }
 
 .activity-tab-link.is-active {
   color: var(--app-text);
   border-bottom-color: #ff5a1f;
 }
 
 .sticky-feed-brief {
   position: sticky;
   top: 8.2rem;
 }
 
 .feed-brief-media {
   min-height: 5rem;
   border-radius: 0.75rem;
   background:
     linear-gradient(135deg, rgba(255, 90, 31, 0.22), rgba(118, 169, 255, 0.22)),
     linear-gradient(145deg, #12243f, #31527f);
 }
 
 .feed-filter-links a {
   color: #2c85ff;
   font-size: 0.95rem;
 }
 
 .feed-post-card {
   overflow: hidden;
 }
 
 .feed-post-head {
   border-bottom: 1px solid var(--app-border);
 }
 
 .feed-avatar,
 .comment-avatar {
   width: 2.9rem;
   height: 2.9rem;
   display: grid;
   place-items: center;
   border-radius: 999px;
   border: 2px solid #6eb0ff;
   background: rgba(255, 240, 198, 0.9);
   color: #24344f;
   font-weight: 700;
 }
 
 .comment-avatar {
   width: 2rem;
   height: 2rem;
   font-size: 0.8rem;
   border-width: 1px;
   border-color: #ff9d63;
   background: rgba(255, 232, 214, 0.92);
 }
 
 .feed-post-media {
   min-height: 12.5rem;
   position: relative;
   background: linear-gradient(145deg, #9fb7d4, #d9e6f5);
 }
 
 .feed-post-media.media-kind-video {
   background: linear-gradient(145deg, #415a7a, #8092af 48%, #d9dfe7);
 }
 
 .feed-post-media.media-kind-image {
   background: linear-gradient(145deg, #7a8f66, #b8cda2 48%, #e8f1da);
 }
 
 .feed-post-media.media-kind-audio {
   background: linear-gradient(145deg, #6a567c, #b8a7c7 48%, #eee8f5);
 }
 
 .feed-post-media.media-kind-text {
   background: linear-gradient(145deg, #616c80, #a9b7cb 48%, #e5ebf5);
 }
 
 .media-play-button {
   width: 3.2rem;
   height: 3.2rem;
   display: grid;
   place-items: center;
   border-radius: 0.65rem;
   background: rgba(35, 48, 69, 0.78);
 }
 
 .feed-post-copy {
   line-height: 1.65;
   display: -webkit-box;
   -webkit-line-clamp: 5;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
 
 .feed-expand-link {
   color: #2c85ff;
   font-weight: 500;
 }
 
 .feed-comment-box .glass-panel {
   box-shadow: none;
 }
 
 @media (max-width: 1199.98px) {
   .sticky-feed-brief {
     position: static;
   }
 }
 
 .app-navbar-admin {
   background: color-mix(in srgb, var(--app-navbar-bg) 82%, #ffffff 6%);
 }
 
 .admin-shell {
   max-width: 1520px;
 }
 
 .admin-layout {
   border-radius: 0.95rem;
 }
 
 .admin-sidebar-col,
 .admin-main-col {
   min-height: 70vh;
 }
 
 .admin-sidebar {
   border-right: 1px solid var(--app-border);
   background: linear-gradient(180deg, color-mix(in srgb, var(--app-panel-hi) 86%, transparent), color-mix(in srgb, var(--app-panel-lo) 92%, transparent));
 }
 
 .admin-side-link {
   display: flex;
   align-items: center;
   gap: 0.8rem;
   padding: 0.8rem 0.95rem;
   border-radius: 0.8rem;
   color: var(--app-muted);
   margin-bottom: 0.35rem;
 }
 
 .admin-side-link:hover,
 .admin-side-link.is-active {
   color: var(--app-text);
   background: var(--app-ghost-bg);
 }
 
 .admin-count-badge {
   margin-left: auto;
   min-width: 1.8rem;
   height: 1.8rem;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 999px;
   padding: 0 0.45rem;
   background: #2196f3;
   color: #fff;
   font-size: 0.78rem;
   font-weight: 700;
 }
 
 .admin-count-warm {
   background: #f48a26;
 }
 
 .admin-person-tabs a {
   padding-bottom: 0.4rem;
   color: var(--app-muted);
   border-bottom: 2px solid transparent;
 }
 
 .admin-person-tabs a.is-active {
   color: var(--app-text);
   border-bottom-color: #4da0ff;
 }
 
 .admin-toolbar,
 .person-card,
 .moderator-card,
 .observer-card,
 .response-card {
   border-radius: 0.8rem;
   border: 1px solid var(--app-border);
   background: var(--app-list-bg);
 }
 
 .admin-tool-button {
   display: inline-flex;
   align-items: center;
   gap: 0.45rem;
   min-height: 2.75rem;
 }
 
 .admin-search-wrap {
   min-width: min(100%, 18rem);
   display: flex;
   align-items: center;
   gap: 0.65rem;
   padding: 0.35rem 0.75rem;
   border-radius: 0.7rem;
   border: 1px solid var(--app-input-border);
   background: var(--app-input-bg);
 }
 
 .admin-search-wide {
   min-width: min(100%, 22rem);
 }
 
 .admin-search-wrap .form-control {
   padding: 0;
   border: 0;
   background: transparent;
 }
 
 .admin-subfilter a {
   color: var(--app-muted);
 }
 
 .admin-subfilter a span {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-width: 1.2rem;
   padding: 0 0.3rem;
   border-radius: 0.3rem;
   margin-left: 0.25rem;
   background: var(--app-ghost-bg);
 }
 
 .admin-subfilter a.is-active {
   color: var(--app-text);
   text-decoration: underline;
   text-underline-offset: 0.22rem;
 }
 
 .admin-note {
   padding: 0.95rem 1rem;
   border-radius: 0.5rem;
   border: 1px solid rgba(255, 176, 83, 0.45);
   background: rgba(255, 193, 118, 0.16);
   color: color-mix(in srgb, var(--app-text) 76%, #6d4a00 24%);
 }
 
 .person-card,
 .moderator-card,
 .response-card {
   overflow: hidden;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
 }
 
 .person-card-head,
 .moderator-card-head,
 .response-card-head {
   background: color-mix(in srgb, var(--app-panel-hi) 84%, transparent);
   border-bottom: 1px solid var(--app-border);
 }
 
 .person-card-foot,
 .response-card-foot {
   border-top: 1px solid var(--app-border);
 }
 
 .person-avatar {
   width: 3.25rem;
   height: 3.25rem;
   display: grid;
   place-items: center;
   border-radius: 999px;
   border: 2px solid rgba(40, 53, 73, 0.65);
   color: #283549;
   font-weight: 800;
   font-size: 1.1rem;
 }
 
 .avatar-tone-mint { background: #a9ead2; }
 .avatar-tone-sand { background: #ffe2ba; }
 .avatar-tone-lavender { background: #d9cff8; }
 .avatar-tone-blue { background: #bfdbf4; }
 .avatar-tone-gold { background: #fff0a8; }
 .avatar-tone-peach { background: #ffd5bf; }
 .avatar-tone-cyan { background: #9debf6; }
 
 .tag-ruler {
   display: flex;
   flex-wrap: wrap;
   gap: 0.35rem;
 }
 
 .tag-ruler span {
   height: 0.23rem;
   border-radius: 999px;
   background: linear-gradient(90deg, #2e98ff, #ff5858);
   opacity: 0.95;
 }
 
 .people-tag {
   display: inline-flex;
   align-items: center;
   border-radius: 0.35rem;
   padding: 0.16rem 0.42rem;
   font-size: 0.74rem;
   line-height: 1.2;
   color: #fff;
   background: linear-gradient(135deg, #2cb34d, #85c441);
 }
 
 .people-tag:nth-child(2n) { background: linear-gradient(135deg, #1e7fd4, #5aa8ff); }
 .people-tag:nth-child(3n) { background: linear-gradient(135deg, #4b4b4b, #212121); }
 .people-tag:nth-child(4n) { background: linear-gradient(135deg, #7e68f6, #b3a8ff); }
 
 .mini-sparkline {
   display: flex;
   align-items: flex-end;
   gap: 0.28rem;
   min-height: 1.6rem;
 }
 
 .mini-sparkline span {
   width: 0.45rem;
   border-radius: 999px 999px 0 0;
   background: linear-gradient(180deg, #62b2ff, #2f80d7);
 }
 
 .admin-card-stats span,
 .person-time-spent {
   display: inline-flex;
   align-items: center;
   gap: 0.3rem;
   color: var(--app-text);
 }
 
 .person-time-spent {
   white-space: nowrap;
 }
 
 .moderator-card {
   position: relative;
 }
 
 .moderator-ribbon {
   position: absolute;
   top: 0.85rem;
   left: -2.3rem;
   transform: rotate(-45deg);
   background: #f2b27a;
   color: #fff;
   font-size: 0.72rem;
   font-weight: 700;
   padding: 0.18rem 2.5rem;
 }
 
 .moderator-empty-state {
   min-height: 5.5rem;
 }
 
 .observer-card {
   background: color-mix(in srgb, var(--app-list-bg) 90%, transparent);
 }
 
 .response-grid {
   columns: 1;
   column-gap: 1rem;
 }
 
 .response-card {
   display: inline-block;
   width: 100%;
   margin: 0 0 1rem;
   break-inside: avoid;
 }
 
 .response-card.is-highlighted {
   border-color: rgba(255, 176, 83, 0.45);
 }
 
 .response-copy {
   line-height: 1.58;
 }
 
 .response-media-grid {
   display: grid;
   grid-template-columns: 1.15fr 0.85fr;
   gap: 0.3rem;
   min-height: 11rem;
 }
 
 .media-tile {
   min-height: 5.25rem;
   border-radius: 0.4rem;
   background: linear-gradient(145deg, #b9c9db, #eef4fb);
 }
 
 .media-tile-lg {
   grid-row: span 2;
 }
 
 .media-kind-video .media-tile {
   background: linear-gradient(145deg, #3e5068, #9dafc9 54%, #eef2f8);
 }
 
 .media-kind-image .media-tile {
   background: linear-gradient(145deg, #708958, #c7d9a3 54%, #f0f5e4);
 }
 
 .media-kind-audio .media-tile {
   background: linear-gradient(145deg, #71567d, #b9a8cc 54%, #f3edf8);
 }
 
 .media-kind-text .media-tile {
   background: linear-gradient(145deg, #5c6679, #c1cede 54%, #eff4fb);
 }
 
 .reply-badge {
   display: inline-grid;
   place-items: center;
   width: 1.7rem;
   height: 1.7rem;
   border-radius: 999px;
   margin-right: 0.35rem;
   background: #ffe3bc;
   color: #2e3c53;
   font-weight: 700;
 }
 
 @media (min-width: 992px) {
   .response-grid {
     columns: 2;
   }
 }
 
 @media (min-width: 1400px) {
   .response-grid {
     columns: 3;
   }
 }
 
 @media (max-width: 1199.98px) {
   .admin-sidebar {
     border-right: 0;
     border-bottom: 1px solid var(--app-border);
   }
 }
 
 .form-select,
 .form-select:focus,
 textarea.form-control,
 textarea.form-control:focus {
   color: var(--app-text);
   background-color: var(--app-input-bg);
   border-color: var(--app-input-border);
   box-shadow: none;
 }
 
 .form-label {
   color: var(--app-text);
   font-weight: 500;
 }
 
 .collapse .glass-panel {
   border-radius: 0.9rem;
 }
 
 .feed-comments,
 .response-comments {
   border-top: 1px solid var(--app-border);
 }
 
 .feed-comment-item,
 .response-comment-item {
   padding: 0.65rem 0.8rem;
   border-radius: 0.65rem;
   background: color-mix(in srgb, var(--app-list-bg) 86%, transparent);
   border: 1px solid var(--app-border);
 }
 
 .feed-comment-item .comment-avatar {
   flex: 0 0 auto;
 }
 
 .response-inline-reply form {
   padding-top: 0.5rem;
   border-top: 1px solid var(--app-border);
 }
 
 .btn-outline-danger {
   color: #ff9d9d;
   border-color: rgba(255, 120, 120, 0.45);
 }
 
 .btn-outline-danger:hover {
   color: #fff;
   background: rgba(255, 88, 88, 0.9);
   border-color: rgba(255, 88, 88, 0.95);
 }
 
 .feed-post-card.is-pinned {
   border-color: rgba(255, 176, 83, 0.5);
   box-shadow: 0 16px 34px rgba(255, 176, 83, 0.14);
 }
 
 .feed-pin-badge {
   display: inline-flex;
   align-items: center;
   padding: 0.16rem 0.45rem;
   border-radius: 999px;
   background: rgba(255, 176, 83, 0.18);
   color: #f0b35d;
   font-size: 0.72rem;
   font-weight: 700;
   letter-spacing: 0.03em;
   text-transform: uppercase;
 }
 
 .btn-inline-action {
   color: #86b6ff;
   font-size: 0.82rem;
   text-decoration: none;
 }
 
 .btn-inline-action:hover {
   color: #bdd6ff;
 }
 
 .btn-inline-action.text-danger {
   color: #ff8d8d !important;
 }
 
 .btn-inline-action.text-danger:hover {
   color: #ffb0b0 !important;
 }
 