@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Space+Grotesk:wght@400;600;700&display=swap');
:root{--bg:#090b12;--panel:#111522;--panel2:#171c2b;--text:#edf1ff;--muted:#9aa4bf;--accent:#f5e642;--cyan:#43e6e0;--pink:#ff4f9a;--border:#2b3348}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Space Grotesk',sans-serif;line-height:1.6}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.topbar{border-bottom:1px solid var(--border);background:#080a10cc;backdrop-filter:blur(10px);position:sticky;top:0;z-index:5}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.nav nav{display:flex;gap:22px;align-items:center}.brand{font-family:'Share Tech Mono',monospace;font-size:20px;color:var(--text)}.brand span{color:var(--accent)}h1,h2,h3{line-height:1.1}h1{font-size:clamp(38px,7vw,78px);margin:10px 0 20px}h2{font-size:32px}.hero{min-height:610px;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.hero h1 span{color:var(--accent);text-shadow:5px 5px 0 #493f00}.hero p{font-size:19px;color:var(--muted);max-width:620px}.eyebrow,.tag{font-family:'Share Tech Mono',monospace;text-transform:uppercase;letter-spacing:2px;color:var(--cyan)}.hero-art{height:400px;border:2px solid var(--cyan);position:relative;display:grid;place-items:center;background:linear-gradient(135deg,#141a29,#0c0e16);box-shadow:12px 12px 0 var(--pink)}.pixel{font-family:'Share Tech Mono';font-size:220px;color:var(--accent);text-shadow:10px 10px 0 var(--pink);transform:skew(-5deg)}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 4px,#fff1 5px)}.button{display:inline-block;border:0;background:var(--accent);color:#111;padding:11px 20px;font-weight:700;cursor:pointer;margin:8px 8px 8px 0}.button:hover{text-decoration:none;transform:translateY(-1px)}.button.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.button.small{padding:5px 12px;margin:0}.button.danger{background:var(--pink);color:#fff}.section{padding:40px 0 80px}.section-head,.page-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:30px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.site-card,.card{background:var(--panel);border:1px solid var(--border);padding:25px}.site-card{min-height:220px}.site-card h3{font-size:25px}.site-card p{color:var(--muted)}.tag{font-size:12px}.card{margin:50px auto;max-width:900px}.narrow{max-width:560px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;margin:15px 0;font-weight:600}input,select,textarea{display:block;width:100%;margin-top:7px;padding:12px;background:#0b0e17;color:var(--text);border:1px solid var(--border);font:inherit}textarea{resize:vertical}.alert{padding:13px 16px;margin:20px 0;border:1px solid}.success{border-color:var(--cyan);color:var(--cyan)}.error{border-color:var(--pink);color:#ff9fc8}.filters{display:grid;grid-template-columns:1fr 220px auto;gap:10px;margin:25px 0}.stats{display:flex;gap:15px;margin:25px 0}.stat{background:var(--panel);border:1px solid var(--border);padding:20px 30px}.stat strong,.stat span{display:block}.stat strong{font-size:32px;color:var(--accent)}.admin-row{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid var(--border)}small{display:block;color:var(--muted)}pre{background:#080a10;padding:20px;overflow:auto;border:1px solid var(--border)}footer{border-top:1px solid var(--border);padding:30px 0;color:var(--muted);margin-top:60px}.zxnext-webring{font:14px 'Share Tech Mono',monospace;display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 14px;background:#111522;border:1px solid #2b3348}.zxnext-webring a{color:#43e6e0}.zxnext-webring strong{color:#f5e642}@media(max-width:800px){.hero{grid-template-columns:1fr}.hero-art{height:260px}.pixel{font-size:150px}.grid{grid-template-columns:1fr}.form-grid,.filters{grid-template-columns:1fr}.nav{height:auto;padding:15px 0;align-items:flex-start}.nav nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.admin-row{flex-direction:column}}

:root{--rr-red:#e53b3b;--rr-yellow:#f3d33b;--rr-green:#58b957;--rr-blue:#3d78d8}.brand{display:flex;align-items:center;gap:12px}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-family:'Share Tech Mono',monospace;letter-spacing:.08em}.brand-copy small{font-size:9px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-top:4px}.brand-mark{height:32px;display:grid;grid-template-columns:repeat(4,6px);gap:2px;transform:skew(-18deg)}.brand-mark i:nth-child(1),.spectrum-bands i:nth-child(1),.case-bands i:nth-child(1){background:var(--rr-red)}.brand-mark i:nth-child(2),.spectrum-bands i:nth-child(2),.case-bands i:nth-child(2){background:var(--rr-yellow)}.brand-mark i:nth-child(3),.spectrum-bands i:nth-child(3),.case-bands i:nth-child(3){background:var(--rr-green)}.brand-mark i:nth-child(4),.spectrum-bands i:nth-child(4),.case-bands i:nth-child(4){background:var(--rr-blue)}.spectrum-bands{display:grid;grid-template-columns:repeat(4,1fr);height:9px;width:180px;transform:skew(-18deg)}.spectrum-bands.large{width:260px;height:11px;margin-bottom:12px}.hero h1 span{color:var(--rr-yellow)}.hero-tagline{font-size:24px!important;color:var(--text)!important;font-weight:700}.spectrum-case{width:290px;height:205px;border-radius:10px;background:linear-gradient(145deg,#353535,#111);border:2px solid #444;box-shadow:inset 0 0 0 8px #181818,0 20px 40px #0008;position:relative}.case-label{position:absolute;left:28px;top:28px;font:22px/1 'Share Tech Mono',monospace;color:#ddd}.case-label strong{font-size:42px;color:#fff}.case-bands{position:absolute;right:30px;bottom:30px;display:grid;grid-template-columns:repeat(4,18px);gap:4px;height:95px;transform:skew(-16deg)}.site-card{position:relative;overflow:hidden}.site-card:before{content:'';position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--rr-red) 0 25%,var(--rr-yellow) 25% 50%,var(--rr-green) 50% 75%,var(--rr-blue) 75% 100%)}

.review-list{display:grid;gap:24px}
.review-card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--border);padding:28px;position:relative;overflow:hidden}
.review-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--rr-red) 0 25%,var(--rr-yellow) 25% 50%,var(--rr-green) 50% 75%,var(--rr-blue) 75% 100%)}
.review-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.review-card__header h2{margin:8px 0;font-size:34px}
.submitted-by{color:var(--muted);margin:0}
.submitted-url{background:#090909;border:1px solid var(--border);padding:13px 15px;margin:20px 0;display:flex;flex-direction:column;overflow-wrap:anywhere}
.submitted-url span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.review-description{font-size:17px}
.health-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px 18px;border:1px solid var(--border);padding:16px;margin:20px 0;background:#0b0b0b}
.health-healthy{border-left:5px solid var(--rr-green)}
.health-failed,.health-blocked{border-left:5px solid var(--rr-red)}
.health-unchecked{border-left:5px solid var(--rr-yellow)}
.review-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.review-form textarea{min-height:95px}
.button.approve{background:var(--rr-green);box-shadow:4px 4px 0 #245824}
.stat{color:var(--text);text-decoration:none}
.stat:hover,.stat.active{border-color:var(--rr-yellow);text-decoration:none}
.member-feedback{border-left:4px solid var(--rr-red);background:#0b0b0b;padding:12px;margin:15px 0;color:#ffd0d0}
.status-approved{color:#8bea89}.status-rejected{color:#ff8e8e}.status-pending{color:#ffe86a}.status-suspended{color:#aaa}
@media(max-width:800px){.review-card__header{flex-direction:column}.test-link{width:100%;text-align:center}}

.button.delete-site{
  background:transparent;
  color:#ff8e8e;
  border:1px solid var(--rr-red);
  box-shadow:none;
  margin-left:auto;
}
.button.delete-site:hover{
  background:var(--rr-red);
  color:#fff;
}

.widget-verification{
  border:1px solid var(--border);
  border-left:5px solid var(--rr-yellow);
  background:#0b0b0b;
  padding:16px;
  margin:20px 0;
}
.checkbox-label{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin:0;
  cursor:pointer;
}
.checkbox-label input{
  width:20px;
  height:20px;
  margin:3px 0 0;
  flex:0 0 auto;
}
.checkbox-label span{display:block}
.checkbox-label small{margin-top:4px}
.verification-date{margin-top:10px;color:var(--rr-green);font-size:13px}
.partial-status{color:var(--rr-yellow)}
.widget-ok{color:var(--rr-green)}
.member-feedback.widget-pending{
  border-left-color:var(--rr-yellow);
  color:#fff3a3;
}
.integrity-panel{display:grid;grid-template-columns:145px 1fr;gap:20px;border:1px solid var(--border);background:#0a0a0a;padding:18px;margin:20px 0}.integrity-score{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--border)}.integrity-score strong{font-size:42px;color:var(--rr-yellow)}.integrity-score span{color:var(--muted);text-transform:uppercase;font-size:12px}.integrity-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.integrity-items div:before{display:inline-block;width:20px;font-weight:bold}.integrity-items .ok:before{content:"✓";color:var(--rr-green)}.integrity-items .warn:before{content:"!";color:var(--rr-yellow)}.integrity-items .bad:before{content:"✕";color:var(--rr-red)}@media(max-width:650px){.integrity-panel{grid-template-columns:1fr}.integrity-score{border-right:0;border-bottom:1px solid var(--border);padding-bottom:12px}}
.widget-options{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:14px;
  align-items:end;
  margin:24px 0;
}
.widget-options label{margin:0}
.widget-options .button{margin:0}
.widget-guidance{
  margin-top:28px;
  border-left:5px solid var(--rr-yellow);
  background:#0b0b0b;
  padding:18px 22px;
}
.widget-guidance h2{margin-top:0}
.widget-guidance code{color:var(--rr-yellow)}
@media(max-width:700px){
  .widget-options{grid-template-columns:1fr}
}

.admin-widget-link{margin:-6px 0 20px}
.admin-widget-link .button{margin:0}
.admin-context{
  border-left:4px solid var(--rr-blue);
  background:#0b0b0b;
  padding:10px 14px;
  color:var(--muted);
}

.health-table-wrap{overflow-x:auto;border:1px solid var(--border);background:var(--panel)}
.health-table{width:100%;border-collapse:collapse}
.health-table th,.health-table td{padding:13px 15px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.health-table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.health-filters{margin:20px 0}
.public-profile{margin:45px 0}
.profile-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}
.profile-shot{aspect-ratio:16/9;background:#0b0b0b;border:1px solid var(--border);overflow:hidden}
.profile-shot img{width:100%;height:100%;object-fit:cover;display:block}
.screenshot-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:180px;background:linear-gradient(135deg,#1b1b1b,#0b0b0b);color:var(--muted);font-family:'Share Tech Mono',monospace}
.profile-stats{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0}
.ring-profile-nav{display:flex;gap:18px;justify-content:center;border-top:1px solid var(--border);padding-top:24px}
@media(max-width:800px){.profile-hero{grid-template-columns:1fr}}

.visual-directory{align-items:stretch}
.visual-card{padding:0;display:flex;flex-direction:column}
.visual-card__shot{display:block;aspect-ratio:16/9;background:#0a0a0a;overflow:hidden}
.visual-card__shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}
.visual-card__shot:hover img{transform:scale(1.02)}
.visual-card__body{padding:22px 24px 25px;display:flex;flex-direction:column;flex:1}
.visual-card__title,.health-site-title,.profile-name-row{display:flex;align-items:center;gap:12px}
.visual-card__title h3,.health-site-title h2,.profile-name-row h1{margin:0}
.site-favicon{width:32px;height:32px;object-fit:contain;background:#fff;border-radius:5px;flex:0 0 auto}
.profile-favicon{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:7px}
.health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.health-site-card{background:var(--panel);border:1px solid var(--border);overflow:hidden}
.health-shot{display:block;aspect-ratio:16/9;background:#090909}
.health-shot img{display:block;width:100%;height:100%;object-fit:cover}
.health-site-card__body{padding:20px}
.health-site-title h2{font-size:24px;margin-bottom:4px}
.health-badges{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.health-badges span{border:1px solid var(--border);padding:5px 9px;font-size:12px}
.health-badges .good{border-color:var(--rr-green);color:#9ee79b}
.health-badges .warn{border-color:var(--rr-yellow);color:#fff3a3}
.health-badges .bad{border-color:var(--rr-red);color:#ff9d9d}
.health-details{display:grid;gap:8px;margin:0}
.health-details div{display:grid;grid-template-columns:110px 1fr;gap:12px}
.health-details dt{color:var(--muted)}
.health-details dd{margin:0;overflow-wrap:anywhere}
.review-screenshot{display:block;margin:-28px -28px 24px;position:relative;aspect-ratio:16/5;overflow:hidden;background:#090909}
.review-screenshot img{width:100%;height:100%;object-fit:cover;display:block}
.review-screenshot span{position:absolute;right:12px;bottom:10px;background:#090909dd;color:#fff;padding:5px 9px;font-size:12px}
@media(max-width:800px){.health-grid{grid-template-columns:1fr}}

.media-actions{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.media-actions .button{margin:0}
.v82-hero{grid-template-columns:1.1fr .9fr}.hero-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hero-stat{background:var(--panel);border:1px solid var(--border);padding:25px;position:relative;overflow:hidden}.hero-stat:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--rr-red) 0 25%,var(--rr-yellow) 25% 50%,var(--rr-green) 50% 75%,var(--rr-blue) 75% 100%)}.hero-stat strong{display:block;font-size:42px;color:var(--rr-yellow)}.hero-stat span{color:var(--muted)}
.featured-card{display:grid;grid-template-columns:1.35fr .65fr;background:var(--panel);border:1px solid var(--border)}.featured-image{display:block;aspect-ratio:16/9;background:#090909;overflow:hidden}.featured-image img{width:100%;height:100%;object-fit:cover;display:block}.featured-copy{padding:32px;display:flex;flex-direction:column;justify-content:center}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category-tile{background:var(--panel);border:1px solid var(--border);padding:22px;color:var(--text);display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}.category-tile:hover{border-color:var(--rr-yellow);text-decoration:none;transform:translateY(-2px)}.category-icon{font-size:30px;grid-row:1/3}.category-tile strong{font-size:18px}.category-tile small{color:var(--muted)}
@media(max-width:850px){.v82-hero,.featured-card{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.hero-stat-grid,.category-grid{grid-template-columns:1fr}}

.diagnostics-table .diagnostic-ready{color:#9ee79b}
.diagnostics-table .diagnostic-missing{color:#ffb2b2}
.diagnostic-summary{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;padding:15px;background:#090909;border:1px solid var(--border)}
.diagnostic-summary span{color:var(--muted)}

.member-dashboard-grid{
  align-items:start;
}
.member-dashboard-card{
  padding:0;
  overflow:hidden;
}
.member-dashboard-shot{
  display:block;
  aspect-ratio:16/9;
  background:#090909;
  overflow:hidden;
}
.member-dashboard-shot img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .2s ease;
}
.member-dashboard-shot:hover img{
  transform:scale(1.02);
}
.member-dashboard-body{
  padding:22px 24px 25px;
}
.member-dashboard-heading{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}
.member-dashboard-heading h2{
  margin:0 0 6px;
}
.member-status-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:20px 0;
}
.member-status-grid>div{
  background:#090909;
  border:1px solid var(--border);
  padding:11px 12px;
  min-width:0;
}
.member-status-grid span{
  display:block;
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:4px;
}
.member-status-grid strong{
  display:block;
  overflow-wrap:anywhere;
  font-size:13px;
}
.status-good{
  color:#9ee79b;
}
.status-warn{
  color:#fff3a3;
}
.member-dashboard-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px;
}
.member-dashboard-actions .button{
  margin:0;
}
@media(max-width:560px){
  .member-status-grid{
    grid-template-columns:1fr;
  }
}

/* v8.2.7 final media-layout polish */
.compact-page-title{
  margin:38px 0 32px;
  align-items:center;
}
.compact-page-title h1{
  font-size:clamp(48px,6vw,70px);
  margin-bottom:0;
}
.compact-page-title .button{
  margin:0;
}

/* Directory: consistent catalogue tiles that do not stretch awkwardly
   when the ring currently contains only one or two sites. */
.directory-card-grid{
  grid-template-columns:repeat(auto-fill,minmax(300px,350px));
  justify-content:start;
  gap:24px;
}
.directory-card-grid .visual-card{
  width:100%;
  min-height:0;
  border-color:#323b53;
  box-shadow:0 14px 32px #0003;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.directory-card-grid .visual-card:hover{
  transform:translateY(-4px);
  border-color:var(--rr-blue);
  box-shadow:0 18px 38px #0006;
}
.directory-card-grid .visual-card__body{
  padding:19px 21px 22px;
}
.directory-card-grid .visual-card__title h3{
  font-size:23px;
}
.directory-card-grid .visual-card__body p{
  font-size:14px;
  line-height:1.55;
  margin:13px 0;
}
.directory-card-grid .card-health{
  margin-top:auto;
}

/* Dashboard: one substantial horizontal site panel rather than a narrow,
   very tall catalogue tile surrounded by empty space. */
.dashboard-card-grid{
  grid-template-columns:1fr;
  gap:24px;
}
.member-dashboard-card{
  display:grid;
  grid-template-columns:minmax(320px,410px) minmax(0,1fr);
  min-height:0;
  border-color:#323b53;
  box-shadow:0 16px 38px #0004;
}
.member-dashboard-shot{
  aspect-ratio:auto;
  min-height:100%;
  border-right:1px solid var(--border);
}
.member-dashboard-shot img{
  object-fit:cover;
  object-position:top center;
}
.member-dashboard-body{
  padding:28px 30px;
}
.member-dashboard-heading{
  align-items:flex-start;
  margin-bottom:14px;
}
.member-dashboard-heading h2{
  font-size:30px;
}
.member-dashboard-body>p{
  max-width:680px;
  margin:14px 0 18px;
}
.member-status-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:18px 0;
}
.member-status-grid>div{
  padding:12px 14px;
}
.member-dashboard-actions{
  padding-top:3px;
}

/* System Health: a full-width monitoring row with media and diagnostics
   given equal visual importance. */
.health-card-grid{
  grid-template-columns:1fr;
  gap:24px;
}
.health-site-card{
  display:grid;
  grid-template-columns:minmax(360px,52%) minmax(0,1fr);
  border-color:#323b53;
  box-shadow:0 16px 38px #0004;
}
.health-shot{
  aspect-ratio:auto;
  min-height:360px;
  border-right:1px solid var(--border);
}
.health-shot img{
  object-fit:cover;
  object-position:top center;
}
.health-site-card__body{
  padding:27px 28px;
  display:flex;
  flex-direction:column;
}
.health-site-title h2{
  font-size:30px;
}
.health-badges{
  margin:19px 0 16px;
}
.health-badges span{
  padding:6px 10px;
}
.health-details{
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid var(--border);
}
.health-details div{
  grid-template-columns:105px minmax(0,1fr);
}
.health-filters{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:18px 0 28px;
}
.health-filters .button{
  margin:0;
}

/* Keep media crisp and stop page content from visually touching images. */
.visual-card__shot,
.member-dashboard-shot,
.health-shot{
  isolation:isolate;
}
.visual-card__shot:after,
.member-dashboard-shot:after,
.health-shot:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:#ffffff12;
  pointer-events:none;
}
.visual-card__shot,
.member-dashboard-shot,
.health-shot{
  position:relative;
}

@media(max-width:900px){
  .member-dashboard-card,
  .health-site-card{
    grid-template-columns:1fr;
  }
  .member-dashboard-shot,
  .health-shot{
    aspect-ratio:16/9;
    min-height:0;
    border-right:0;
    border-bottom:1px solid var(--border);
  }
  .member-status-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:600px){
  .compact-page-title{
    align-items:flex-start;
    flex-direction:column;
  }
  .directory-card-grid{
    grid-template-columns:1fr;
  }
  .member-dashboard-body,
  .health-site-card__body{
    padding:21px;
  }
  .member-status-grid{
    grid-template-columns:1fr;
  }
}

/* v8.2.10 image fidelity */
.profile-shot img{
  image-rendering:auto;
  max-width:100%;
}
.member-dashboard-shot img,
.health-shot img,
.visual-card__shot img,
.featured-image img{
  image-rendering:auto;
}
.member-dashboard-shot{
  background:#111;
}
.member-dashboard-shot img{
  object-fit:cover;
  object-position:top center;
}

/* RainbowRing v8.2.11 — final Dashboard media composition */
.member-dashboard-card{
  grid-template-columns:minmax(360px,520px) minmax(0,1fr);
  align-items:start;
  overflow:visible;
  border-radius:10px;
  background:transparent;
  box-shadow:none;
}

.member-dashboard-preview{
  width:100%;
  align-self:start;
  overflow:hidden;
  border:1px solid var(--border);
  border-right:0;
  border-radius:10px 0 0 10px;
  background:#090909;
  box-shadow:0 16px 38px #0004;
}

.member-dashboard-spectrum-stripe{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  height:5px;
  width:100%;
}

.member-dashboard-spectrum-stripe i:nth-child(1){background:var(--rr-red)}
.member-dashboard-spectrum-stripe i:nth-child(2){background:var(--rr-yellow)}
.member-dashboard-spectrum-stripe i:nth-child(3){background:var(--rr-green)}
.member-dashboard-spectrum-stripe i:nth-child(4){background:var(--rr-blue)}

.member-dashboard-shot{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  min-height:0;
  overflow:hidden;
  border:0;
  border-radius:0 0 0 9px;
  background:#090909;
}

.member-dashboard-shot img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  border-radius:0 0 0 9px;
}

.member-dashboard-shot .screenshot-placeholder{
  min-height:0;
  height:100%;
  border-radius:0 0 0 9px;
}

.member-dashboard-body{
  min-height:100%;
  border:1px solid var(--border);
  border-left:0;
  border-radius:0 10px 10px 0;
  background:var(--panel);
  box-shadow:0 16px 38px #0004;
}

.member-dashboard-card:before{
  display:none;
}

@media(max-width:900px){
  .member-dashboard-card{
    grid-template-columns:1fr;
  }

  .member-dashboard-preview{
    border-right:1px solid var(--border);
    border-bottom:0;
    border-radius:10px 10px 0 0;
  }

  .member-dashboard-shot,
  .member-dashboard-shot img,
  .member-dashboard-shot .screenshot-placeholder{
    border-radius:0;
  }

  .member-dashboard-body{
    border-left:1px solid var(--border);
    border-radius:0 0 10px 10px;
  }
}

.manual-upload{align-items:center;gap:.65rem;flex-wrap:wrap}.manual-upload input[type=file]{max-width:280px;font-size:.85rem}

/* v8.3.0.5 usability polish */
.field-meta{
  display:inline;
  margin-left:.35rem;
  font-weight:400;
  color:var(--muted);
}
.password-control{
  position:relative;
  display:block;
}
.password-control input{
  padding-right:3.25rem;
}
.password-toggle{
  position:absolute;
  right:.55rem;
  top:50%;
  transform:translateY(-50%);
  width:2.25rem;
  height:2.25rem;
  display:grid;
  place-items:center;
  border:0;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
  font-size:1.15rem;
  line-height:1;
}
.password-toggle:hover,
.password-toggle:focus-visible{
  color:var(--cyan);
}
.password-toggle:focus-visible{
  outline:1px solid var(--cyan);
  outline-offset:2px;
}

/* v8.3.0.6 */
.admin-menu{position:relative;display:inline-block}.admin-menu>summary{list-style:none;cursor:pointer;user-select:none}.admin-menu>summary::-webkit-details-marker{display:none}.admin-menu>summary span{font-size:.72em;margin-left:.2rem}.admin-menu-panel{position:absolute;z-index:100;top:calc(100% + .65rem);right:0;min-width:210px;padding:.45rem;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 18px 50px rgba(0,0,0,.35)}.admin-menu-panel a{display:block;padding:.65rem .8rem;border-radius:9px;white-space:nowrap}.admin-menu-panel a:hover,.admin-menu-panel a:focus-visible{background:rgba(255,255,255,.06)}.demo-seed-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.demo-seed-card p{margin:.25rem 0 0;color:var(--muted)}@media(max-width:760px){.admin-menu{display:block;width:100%}.admin-menu-panel{position:static;margin-top:.4rem;box-shadow:none;min-width:0}}@media(max-width:650px){.demo-seed-card{align-items:flex-start;flex-direction:column}}

/* v8.3.0.8 Site Moderation alignment */
.moderation-status-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:15px;
  max-width:900px;
  width:100%;
  margin:25px auto 50px;
}
.moderation-status-grid .stat{
  width:100%;
  min-width:0;
  min-height:148px;
  box-sizing:border-box;
  padding:20px 12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.moderation-status-grid .stat strong,
.moderation-status-grid .stat span{
  display:block;
}
@media(max-width:820px){
  .moderation-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:560px){
  .moderation-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:380px){
  .moderation-status-grid{grid-template-columns:1fr}
}

/* v8.3.0.9 — usability-led rounded interface polish */
:root{
  --rr-radius-panel:16px;
  --rr-radius-control:10px;
  --rr-radius-small:8px;
}

.card,
.review-card,
.visual-card,
.member-dashboard-card,
.health-site-card,
.diagnostics-card,
.integrity-panel,
.health-panel,
.submitted-url,
.admin-widget-link{
  border-radius:var(--rr-radius-panel);
}

input,
select,
textarea{
  border-radius:var(--rr-radius-control);
}

.button,
button.button,
input[type="submit"],
input[type="button"]{
  border-radius:var(--rr-radius-control);
}

.stat{
  border-radius:var(--rr-radius-panel);
  overflow:hidden;
}

.review-list{
  display:grid;
  gap:36px;
}

.moderation-site-card{
  margin:0;
  overflow:hidden;
  border-radius:var(--rr-radius-panel);
  box-shadow:0 14px 34px rgba(0,0,0,.26);
}

.moderation-site-card .review-screenshot{
  overflow:hidden;
  border-radius:var(--rr-radius-panel) var(--rr-radius-panel) 0 0;
}

.moderation-site-card .review-screenshot img{
  display:block;
}

.moderation-site-card .submitted-url,
.moderation-site-card .health-panel,
.moderation-site-card .integrity-panel,
.moderation-site-card .admin-widget-link{
  margin-top:16px;
}

.moderation-site-card form{
  margin-top:18px;
}

.member-dashboard-list{
  gap:34px;
}

.member-dashboard-card{
  margin:0;
  border-radius:var(--rr-radius-panel);
}

.member-dashboard-preview{
  border-radius:var(--rr-radius-panel) 0 0 var(--rr-radius-panel);
}

.member-dashboard-shot,
.member-dashboard-shot img,
.member-dashboard-shot .screenshot-placeholder{
  border-radius:0 0 0 calc(var(--rr-radius-panel) - 1px);
}

.member-dashboard-body{
  border-radius:0 var(--rr-radius-panel) var(--rr-radius-panel) 0;
}

.visual-card{
  overflow:hidden;
}

.visual-card__shot{
  border-radius:var(--rr-radius-panel) var(--rr-radius-panel) 0 0;
  overflow:hidden;
}

.admin-menu-panel{
  border-radius:var(--rr-radius-panel);
}

.admin-menu-panel a{
  border-radius:var(--rr-radius-small);
}

@media(max-width:900px){
  .member-dashboard-preview{
    border-radius:var(--rr-radius-panel) var(--rr-radius-panel) 0 0;
  }

  .member-dashboard-shot,
  .member-dashboard-shot img,
  .member-dashboard-shot .screenshot-placeholder{
    border-radius:0;
  }

  .member-dashboard-body{
    border-radius:0 0 var(--rr-radius-panel) var(--rr-radius-panel);
  }
}

@media(max-width:600px){
  .review-list{gap:24px}
  .member-dashboard-list{gap:24px}
}

/* v8.3.0.10 — stronger card separation */
.review-list{
  gap:68px;
}

.moderation-site-card{
  position:relative;
  box-shadow:0 18px 42px rgba(0,0,0,.34);
}

.moderation-site-card::after{
  content:"";
  position:absolute;
  left:4%;
  right:4%;
  bottom:-35px;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(120,150,200,.28),
    transparent
  );
  pointer-events:none;
}

.moderation-site-card:last-child::after{
  display:none;
}

/* Dashboard cards need the same strong visual breathing room */
.member-dashboard-list{
  gap:54px;
}

/* The entire preview column should read as part of the same card */
.member-dashboard-preview{
  background:var(--panel);
  overflow:hidden;
}

.member-dashboard-shot{
  background:var(--panel);
}

.member-dashboard-shot .screenshot-placeholder{
  background:var(--panel);
}

/* If the screenshot is shorter than the full left column, the remaining area
   now matches the right-hand information panel. */
.member-dashboard-preview,
.member-dashboard-body{
  background-color:var(--panel);
}

@media(max-width:600px){
  .review-list{gap:42px}
  .member-dashboard-list{gap:34px}
  .moderation-site-card::after{bottom:-22px}
}

/* v8.3.0.11 — targeted spacing/background/featured polish */

/* 1) More VERTICAL separation only. Horizontal layout is preserved. */
.review-list{
  row-gap:96px;
  column-gap:inherit;
}
.member-dashboard-list{
  row-gap:76px;
  column-gap:inherit;
}

/* Keep the separator subtle but give it more breathing room. */
.moderation-site-card::after{
  bottom:-49px;
}

/* 2) Dashboard left preview column must be panel-coloured from top to bottom. */
.member-dashboard-card{
  background:var(--panel);
}
.member-dashboard-preview{
  background:var(--panel) !important;
  min-height:100%;
  align-self:stretch;
}
.member-dashboard-preview::after{
  content:"";
  display:block;
  min-height:1px;
  background:var(--panel);
}
.member-dashboard-shot{
  background:var(--panel) !important;
}
.member-dashboard-shot img{
  display:block;
}
.member-dashboard-body{
  background:var(--panel) !important;
}

/* If existing CSS paints the lower preview area black, this overrides it. */
.member-dashboard-preview,
.member-dashboard-preview > *,
.member-dashboard-shot,
.member-dashboard-shot + *{
  background-color:var(--panel);
}

/* 3) Featured Discovery should match the rounded v8.3 card language. */
.featured-card,
.featured-site,
.featured-card-rounded,
.featured-rounded .featured-card,
.featured-rounded .featured-site{
  border-radius:var(--rr-radius-panel);
  overflow:hidden;
}
.featured-card img,
.featured-site img,
.featured-card-rounded img{
  display:block;
  border-radius:var(--rr-radius-panel) 0 0 var(--rr-radius-panel);
}
.featured-card > :last-child,
.featured-site > :last-child,
.featured-card-rounded > :last-child{
  border-radius:0 var(--rr-radius-panel) var(--rr-radius-panel) 0;
}

/* Also soften the public summary/stat boxes so the home page is coherent. */
.home-stat,
.hero-stat,
.discovery-stat,
.featured-stat{
  border-radius:var(--rr-radius-panel);
}

@media(max-width:900px){
  .featured-card img,
  .featured-site img,
  .featured-card-rounded img{
    border-radius:var(--rr-radius-panel) var(--rr-radius-panel) 0 0;
  }
  .featured-card > :last-child,
  .featured-site > :last-child,
  .featured-card-rounded > :last-child{
    border-radius:0 0 var(--rr-radius-panel) var(--rr-radius-panel);
  }
}

@media(max-width:600px){
  .review-list{row-gap:56px}
  .member-dashboard-list{row-gap:44px}
  .moderation-site-card::after{bottom:-29px}
}

/* v8.3.0.12 — final core visual consistency pass */

/* Member Sites: horizontal spacing unchanged; rows get deliberate breathing room. */
.directory-card-grid{
  column-gap:24px;
  row-gap:64px;
}

/* Dashboard: both halves use the exact same panel fill.
   The 16:9 screenshot remains at the top; the remainder of the left column is panel colour. */
.member-dashboard-card{
  align-items:stretch;
  background:transparent;
}
.member-dashboard-preview{
  align-self:stretch;
  height:100%;
  background:var(--panel) !important;
}
.member-dashboard-shot{
  min-height:0 !important;
  aspect-ratio:16/9 !important;
  background:var(--panel) !important;
}
.member-dashboard-body{
  height:100%;
  box-sizing:border-box;
  background:var(--panel) !important;
}

/* Categories now use the established rounded card language. */
.category-tile{
  border-radius:var(--rr-radius-panel);
  overflow:hidden;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.category-tile:hover{
  box-shadow:0 14px 30px #0004;
}

/* System Health: clearer separation between administrable records. */
.health-card-grid{
  row-gap:52px;
  column-gap:24px;
}
.health-site-card{
  border-radius:var(--rr-radius-panel);
  overflow:hidden;
  box-shadow:0 14px 32px #0003;
}

/* Shared actions stay tidy when About swaps CTAs by authentication state. */
.actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}

@media(max-width:700px){
  .directory-card-grid{row-gap:38px}
  .health-card-grid{row-gap:34px}
}

/* v8.3.0.13 — manual screenshot upload */
.manual-screenshot-upload{
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(220px,auto) auto;
  gap:14px;
  align-items:center;
  margin-top:14px !important;
  padding:16px 18px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-panel);
  background:rgba(255,255,255,.025);
}
.manual-upload-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.manual-upload-copy small{
  color:var(--muted);
}
.manual-file-picker{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.manual-file-picker>span{
  white-space:nowrap;
  font-weight:700;
}
.manual-file-picker input[type="file"]{
  width:100%;
  min-width:0;
  padding:7px;
}
@media(max-width:900px){
  .manual-screenshot-upload{
    grid-template-columns:1fr;
    align-items:stretch;
  }
  .manual-file-picker{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* v8.3.0.15 — site/account management */
.primary-site-badge{
  display:inline-block;
  margin-left:8px;
  padding:3px 8px;
  border:1px solid var(--rr-yellow);
  border-radius:var(--rr-radius-small);
  color:var(--rr-yellow);
  font-family:'Share Tech Mono',monospace;
  font-size:11px;
  line-height:1.2;
  vertical-align:middle;
}
.inline-action-form{display:inline-flex;margin:0}
.limit-replacement-box{
  margin:20px 0;
  padding:18px;
  border:1px solid var(--rr-yellow);
  border-radius:var(--rr-radius-panel);
  background:rgba(243,211,59,.06);
}
.limit-replacement-box p{margin:6px 0 14px;color:var(--muted)}
.footer-copyright{
  margin-top:3px;
  font-size:12px;
  color:var(--muted);
}
.review-card .review-screenshot{
  margin-top:18px;
  margin-bottom:20px;
}
button:disabled{
  opacity:.5;
  cursor:not-allowed;
}

/* v8.3.0.16 — homepage visual impact / recruitment pass */
.daily-feature-hero{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);
  min-height:470px;
  margin:34px 0 54px;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-panel);
  background:var(--panel);
  box-shadow:0 24px 60px #0006;
}
.daily-feature-image{
  position:relative;
  display:block;
  min-height:100%;
  overflow:hidden;
  background:#090909;
}
.daily-feature-image:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 65%,rgba(10,12,18,.3));
  pointer-events:none;
}
.daily-feature-image img{
  width:100%;
  height:100%;
  min-height:470px;
  object-fit:cover;
  object-position:top center;
  display:block;
  transition:transform .3s ease;
}
.daily-feature-image:hover img{transform:scale(1.015)}
.daily-feature-image-label{
  position:absolute;
  left:18px;
  bottom:18px;
  z-index:2;
  padding:7px 10px;
  border:1px solid #ffffff30;
  border-radius:var(--rr-radius-small);
  background:rgba(5,7,11,.82);
  color:#fff;
  font-family:'Share Tech Mono',monospace;
  font-size:12px;
  letter-spacing:.04em;
}
.daily-feature-copy{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:42px 38px;
  overflow:hidden;
}
.daily-feature-copy:before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:5px;
  background:linear-gradient(90deg,var(--rr-red) 0 25%,var(--rr-yellow) 25% 50%,var(--rr-green) 50% 75%,var(--rr-blue) 75%);
}
.daily-feature-copy h1{
  margin:10px 0 10px;
  font-family:'Share Tech Mono',monospace;
  font-size:clamp(36px,4vw,58px);
  line-height:1;
  letter-spacing:-.035em;
}
.daily-feature-bands{width:110px;margin:13px 0 7px}
.daily-feature-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:2px 0 8px;
}
.daily-feature-meta span{
  padding:4px 8px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-small);
  color:var(--muted);
  font-size:12px;
}
.daily-feature-copy>p{
  margin:12px 0 22px;
  color:#d7dbea;
  font-size:16px;
  line-height:1.7;
}
.daily-feature-actions{display:flex;flex-wrap:wrap;gap:10px}
.daily-feature-note{
  display:block;
  margin-top:17px;
  color:var(--muted);
  line-height:1.45;
}
.daily-feature-fallback{margin-top:34px}

.join-loop-section{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);
  gap:42px;
  align-items:center;
}
.join-loop-copy h2,
.why-join-section h2,
.homepage-final-cta h2{
  margin:5px 0 12px;
  font-size:clamp(30px,4vw,44px);
}
.join-loop-copy>p{
  max-width:700px;
  color:#d7dbea;
  font-size:17px;
  line-height:1.75;
}
.join-loop-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.homepage-stat-grid{align-self:stretch}

.homepage-category-grid{gap:18px}
.homepage-category-tile{
  grid-template-columns:auto 1fr auto;
  grid-template-rows:auto auto;
  column-gap:14px;
  row-gap:3px;
  min-height:118px;
  padding:22px 24px;
}
.homepage-category-tile .category-icon{grid-row:1/3}
.homepage-category-tile .category-count{
  align-self:center;
  white-space:nowrap;
}
.category-description{
  grid-column:2/4;
  color:var(--muted);
  font-size:13px;
  line-height:1.4;
}
.homepage-newest-grid{row-gap:46px}

.why-join-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.why-join-card{
  position:relative;
  min-height:230px;
  padding:28px;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-panel);
  background:var(--panel);
  box-shadow:0 14px 30px #0003;
}
.why-join-card:before{
  content:"";
  position:absolute;
  left:0;top:0;width:100%;height:4px;
  background:linear-gradient(90deg,var(--rr-red) 0 25%,var(--rr-yellow) 25% 50%,var(--rr-green) 50% 75%,var(--rr-blue) 75%);
}
.why-join-icon{
  display:inline-grid;
  place-items:center;
  width:42px;height:42px;
  margin-bottom:14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#0b0e15;
  color:var(--rr-yellow);
  font-family:'Share Tech Mono',monospace;
  font-size:22px;
}
.why-join-card h3{margin:0 0 9px;font-size:21px}
.why-join-card p{margin:0;color:var(--muted);line-height:1.65}

.homepage-final-cta{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:34px 38px;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-panel);
  background:var(--panel);
}
.homepage-final-cta:after{
  content:"";
  position:absolute;
  right:-80px;bottom:-110px;
  width:260px;height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(61,120,216,.18),transparent 68%);
  pointer-events:none;
}
.homepage-final-cta h2{margin-bottom:5px}
.homepage-final-cta p{margin:0;color:var(--muted)}
.homepage-final-cta .button{position:relative;z-index:1;white-space:nowrap}

@media(max-width:900px){
  .daily-feature-hero,
  .join-loop-section{grid-template-columns:1fr}
  .daily-feature-image img{min-height:0;aspect-ratio:16/9}
  .daily-feature-copy{padding:32px 28px}
  .why-join-grid{grid-template-columns:1fr}
  .homepage-final-cta{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  .daily-feature-hero{margin-top:22px}
  .daily-feature-copy{padding:28px 22px}
  .homepage-category-tile{grid-template-columns:auto 1fr}
  .homepage-category-tile .category-count{grid-column:2}
  .category-description{grid-column:2}
  .homepage-final-cta{padding:28px 24px}
}

/* v8.3.0.17 — About page confidence / conversion pass */
.about-hero{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);
  gap:38px;
  align-items:stretch;
  margin:34px 0 62px;
}
.about-hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:38px 0;
}
.about-spectrum-bands{width:120px;margin:14px 0 12px}
.about-hero-copy h1{
  margin:0 0 16px;
  max-width:620px;
  font-family:'Share Tech Mono',monospace;
  font-size:clamp(46px,6vw,76px);
  line-height:.98;
  letter-spacing:-.045em;
}
.about-hero-copy p{max-width:680px;color:var(--muted);font-size:16px;line-height:1.75}
.about-hero-copy .about-hero-lead{color:#e2e5ef;font-size:19px}
.about-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}

.about-mosaic{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  grid-template-rows:1fr 1fr;
  gap:12px;
  min-height:490px;
}
.about-mosaic-tile{
  position:relative;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-panel);
  background:#090909;
  box-shadow:0 18px 38px #0004;
}
.about-mosaic-tile:first-child{grid-row:1/3}
.about-mosaic-tile:nth-child(4){display:none}
.about-mosaic-tile img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .28s ease}
.about-mosaic-tile:hover img{transform:scale(1.025)}
.about-mosaic-tile:after{
  content:"";
  position:absolute;inset:40% 0 0;
  background:linear-gradient(transparent,rgba(5,7,11,.92));
  pointer-events:none;
}
.about-mosaic-tile>span{
  position:absolute;z-index:2;left:18px;right:18px;bottom:15px;
  display:flex;flex-direction:column;gap:2px;color:#fff;
}
.about-mosaic-tile>span strong{font-size:16px}
.about-mosaic-tile>span small{color:#c3c8d6}
.about-mosaic-placeholder{
  grid-column:1/3;grid-row:1/3;
  display:grid;place-items:center;text-align:center;
  border:1px solid var(--border);border-radius:var(--rr-radius-panel);
  background:var(--panel);
}
.about-mosaic-placeholder span{font-size:64px}

.about-section-intro{max-width:850px;margin:0 0 28px;color:#d7dbea;font-size:18px;line-height:1.8}
.about-principles-grid,
.about-benefits-grid{display:grid;gap:20px}
.about-principles-grid{grid-template-columns:repeat(3,1fr)}
.about-principle-card,
.about-benefit-card{
  position:relative;
  padding:27px;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-panel);
  background:var(--panel);
}
.about-principle-card:before,
.about-benefit-card:before{
  content:"";position:absolute;left:0;top:0;width:100%;height:4px;
  background:linear-gradient(90deg,var(--rr-red) 0 25%,var(--rr-yellow) 25% 50%,var(--rr-green) 50% 75%,var(--rr-blue) 75%);
}
.about-principle-icon{
  display:inline-grid;place-items:center;width:44px;height:44px;margin-bottom:12px;
  border:1px solid var(--border);border-radius:12px;background:#0a0c12;color:var(--rr-yellow);
  font-family:'Share Tech Mono',monospace;font-size:22px;
}
.about-principle-card h3,.about-benefit-card h3{margin:0 0 8px}
.about-principle-card p,.about-benefit-card p{margin:0;color:var(--muted);line-height:1.65}

.about-benefits-grid{grid-template-columns:repeat(2,1fr)}
.about-benefit-card>span{
  display:block;margin-bottom:12px;color:var(--rr-yellow);
  font-family:'Share Tech Mono',monospace;font-size:14px;letter-spacing:.08em;
}

.about-steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  position:relative;
}
.about-steps:before{
  content:"";position:absolute;left:12%;right:12%;top:26px;height:1px;background:var(--border);
}
.about-step{position:relative;text-align:center;padding:0 18px}
.about-step>span{
  position:relative;z-index:1;display:grid;place-items:center;width:52px;height:52px;margin:0 auto 16px;
  border:1px solid var(--rr-blue);border-radius:50%;background:var(--bg);
  color:#fff;font-family:'Share Tech Mono',monospace;font-size:19px;
}
.about-step h3{margin:0 0 7px}
.about-step p{margin:0;color:var(--muted);line-height:1.55}

.about-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.about-category-card{
  display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;
  padding:20px 22px;border:1px solid var(--border);border-radius:var(--rr-radius-panel);background:var(--panel);
}
.about-category-card .category-icon{font-size:30px}
.about-category-card h3{margin:0 0 3px}
.about-category-card p{margin:0;color:var(--muted);line-height:1.45}

.about-fair-section{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.8fr);gap:32px;align-items:center;
  padding:34px;border:1px solid var(--border);border-radius:var(--rr-radius-panel);background:var(--panel);
}
.about-fair-copy h2{margin:6px 0 12px;font-size:clamp(32px,4vw,46px)}
.about-fair-copy>p{color:#d7dbea;line-height:1.75}
.about-fair-points{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.about-fair-points span{padding:6px 9px;border:1px solid var(--border);border-radius:var(--rr-radius-small);color:var(--rr-yellow);font-size:12px}
.about-fair-note{color:var(--muted)!important;font-size:14px}
.about-spotlight-card{
  overflow:hidden;border:1px solid var(--border);border-radius:var(--rr-radius-panel);background:#0a0c12;box-shadow:0 18px 38px #0004;
}
.about-spotlight-card>a{display:block;aspect-ratio:16/9;overflow:hidden}
.about-spotlight-card img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.about-spotlight-card>div{padding:18px 20px}
.about-spotlight-card h3{margin:4px 0 8px}
.about-spotlight-placeholder{min-height:260px;display:grid;place-items:center;text-align:center;border:1px solid var(--border);border-radius:var(--rr-radius-panel);background:#0a0c12}
.about-spotlight-placeholder span{font-size:48px}

.about-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.about-comparison-card{
  padding:28px;border:1px solid var(--border);border-radius:var(--rr-radius-panel);background:var(--panel)
}
.about-comparison-card.rainbow{position:relative;overflow:hidden}
.about-comparison-card.rainbow:before{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--rr-red) 0 25%,var(--rr-yellow) 25% 50%,var(--rr-green) 50% 75%,var(--rr-blue) 75%);
}
.about-comparison-card.muted{opacity:.78}
.about-comparison-card h3{margin:0 0 14px}
.about-comparison-card ul{margin:0;padding-left:20px;color:var(--muted)}
.about-comparison-card li{margin:9px 0}

.about-trust-section{
  display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:start;
}
.about-trust-copy h2{margin:6px 0 12px;font-size:clamp(32px,4vw,44px)}
.about-trust-copy p{color:var(--muted);line-height:1.75}
.about-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.about-trust-grid>div{
  display:flex;flex-direction:column;gap:4px;padding:20px;
  border:1px solid var(--border);border-radius:var(--rr-radius-panel);background:var(--panel)
}
.about-trust-grid span{color:var(--muted);font-size:14px;line-height:1.5}

.about-final-cta{
  display:flex;align-items:center;justify-content:space-between;gap:30px;
  padding:34px 38px;border:1px solid var(--border);border-radius:var(--rr-radius-panel);background:var(--panel);
  position:relative;overflow:hidden;
}
.about-final-cta:before{
  content:"";position:absolute;left:0;top:0;width:100%;height:4px;
  background:linear-gradient(90deg,var(--rr-red) 0 25%,var(--rr-yellow) 25% 50%,var(--rr-green) 50% 75%,var(--rr-blue) 75%);
}
.about-final-cta h2{margin:5px 0;font-size:clamp(32px,4vw,44px)}
.about-final-cta p{margin:0;color:var(--muted)}
.about-final-actions{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1}

@media(max-width:940px){
  .about-hero{grid-template-columns:1fr}
  .about-hero-copy{padding-bottom:0}
  .about-mosaic{min-height:430px}
  .about-principles-grid,.about-benefits-grid{grid-template-columns:1fr 1fr}
  .about-steps{grid-template-columns:1fr 1fr;gap:28px 14px}
  .about-steps:before{display:none}
  .about-fair-section,.about-trust-section{grid-template-columns:1fr}
}
@media(max-width:680px){
  .about-mosaic{grid-template-columns:1fr;grid-template-rows:repeat(3,210px)}
  .about-mosaic-tile:first-child{grid-row:auto}
  .about-mosaic-tile:nth-child(4){display:none}
  .about-principles-grid,.about-benefits-grid,.about-category-grid,.about-comparison-grid,.about-trust-grid{grid-template-columns:1fr}
  .about-steps{grid-template-columns:1fr}
  .about-step{text-align:left;display:grid;grid-template-columns:auto 1fr;gap:14px;padding:0}
  .about-step>span{margin:0}
  .about-fair-section{padding:25px 22px}
  .about-final-cta{align-items:flex-start;flex-direction:column;padding:28px 24px}
}

/* v8.3.0.18 — Widget Preview & Style Pass */
.widget-builder-card{max-width:1100px}
.widget-builder-card>h1{font-size:clamp(38px,5vw,62px)}
.widget-builder{
  display:grid;
  grid-template-columns:minmax(320px,.82fr) minmax(420px,1.18fr);
  gap:28px;
  align-items:start;
  margin-top:32px;
}
.widget-choice-panel,
.widget-live-panel,
.widget-code-section{
  border:1px solid var(--border);
  border-radius:var(--rr-radius-panel);
  background:#0c101a;
}
.widget-choice-panel{padding:24px}
.widget-choice-panel h2{font-size:21px;margin:0 0 14px}
.widget-choice-panel h2:not(:first-child){margin-top:28px}
.widget-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.widget-theme-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:118px;
  gap:7px;
  margin:0;
  padding:17px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-control);
  background:var(--panel);
  cursor:pointer;
  transition:border-color .16s ease,transform .16s ease,background .16s ease;
}
.widget-theme-card:hover{transform:translateY(-2px);border-color:#46526e}
.widget-theme-card.selected{
  border-color:var(--rr-yellow);
  background:#181b22;
  box-shadow:inset 0 0 0 1px rgba(243,211,59,.18);
}
.widget-theme-card input{position:absolute;opacity:0;pointer-events:none}
.widget-theme-card__name{
  color:#fff;
  font-family:'Share Tech Mono',monospace;
  font-size:19px;
}
.widget-theme-card.selected .widget-theme-card__name{color:var(--rr-yellow)}
.widget-theme-card__description{
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}
.widget-size-options{display:flex;gap:10px}
.widget-size-choice{flex:1;margin:0;cursor:pointer}
.widget-size-choice input{position:absolute;opacity:0;pointer-events:none}
.widget-size-choice span{
  display:block;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-control);
  background:var(--panel);
  text-align:center;
}
.widget-size-choice.selected span{
  border-color:var(--rr-cyan,#43e6e0);
  color:var(--cyan);
  background:#111a25;
}

.widget-live-panel{padding:22px}
.widget-preview-heading,
.widget-code-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}
.widget-preview-heading h2,.widget-code-heading h2{margin:5px 0 0;font-size:23px}
.widget-preview-status{
  padding:5px 8px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-small);
  color:var(--muted);
  font:11px 'Share Tech Mono',monospace;
  white-space:nowrap;
}
.widget-preview-frame-wrap{
  margin-top:18px;
  padding:10px;
  border-radius:var(--rr-radius-control);
  background:#070910;
  border:1px solid #252c3e;
}
.widget-preview-frame{
  display:block;
  width:100%;
  height:258px;
  border:0;
  border-radius:9px;
  background:#d9dde7;
}
.widget-preview-note{margin:12px 2px 0;color:var(--muted);font-size:13px;line-height:1.5}

.widget-code-section{margin-top:28px;padding:24px}
.widget-code-section pre{margin:18px 0 10px;border-radius:var(--rr-radius-control)}
.widget-code-heading .button{margin:0}
.widget-code-summary{margin:0;color:var(--muted);font-size:13px}

@media(max-width:900px){
  .widget-builder{grid-template-columns:1fr}
}
@media(max-width:600px){
  .widget-theme-grid{grid-template-columns:1fr}
  .widget-size-options{flex-direction:column}
  .widget-preview-heading,.widget-code-heading{flex-direction:column}
  .widget-preview-frame{height:310px}
}

/* v8.3.0.18.2 — widget placement + enlarged preview */
.widget-choice-panel-wide{margin-top:30px}
.widget-theme-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.widget-theme-card{min-height:132px}
.widget-theme-card input,
.widget-size-choice input{
  position:static;
  opacity:1;
  pointer-events:auto;
  width:auto;
  margin:0;
  accent-color:var(--rr-yellow);
  flex:0 0 auto;
}
.widget-radio-row{
  display:flex;
  align-items:center;
  gap:9px;
}
.widget-theme-card__description{padding-left:23px}
.widget-control-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  margin-top:28px;
}
.widget-control-grid h2{font-size:21px;margin:0 0 14px}
.widget-size-choice span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:43px;
}
.widget-size-choice{
  display:flex;
  align-items:center;
  gap:8px;
  padding:0;
}
.widget-size-choice span{flex:1}
.widget-placement-type{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.widget-placement-choice{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin:0;
  padding:12px 13px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-control);
  background:var(--panel);
  cursor:pointer;
}
.widget-placement-choice.selected{border-color:var(--rr-yellow);background:#181b22}
.widget-placement-choice input,
.widget-radio-list input,
.widget-position-grid input{
  position:static;
  width:auto;
  margin:3px 0 0;
  accent-color:var(--rr-yellow);
  flex:0 0 auto;
}
.widget-placement-choice span{display:flex;flex-direction:column;gap:2px}
.widget-placement-choice small{font-size:11px;line-height:1.35;color:var(--muted)}
.widget-placement-detail{
  margin-top:22px;
  padding:18px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-control);
  background:#090c14;
}
.widget-placement-detail[hidden]{display:none!important}
.widget-placement-detail h3{margin:0 0 12px;font-size:17px}
.widget-radio-list{display:grid;gap:9px}
.widget-radio-list-three{grid-template-columns:repeat(3,1fr)}
.widget-radio-list label,
.widget-position-grid label{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-small);
  background:var(--panel);
  cursor:pointer;
}
.widget-position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}

.widget-live-panel-wide{
  margin-top:28px;
  padding:24px;
}
.widget-preview-frame-large{
  width:100%;
  height:520px;
  min-height:520px;
  overflow:hidden;
}
.widget-preview-frame-wrap{
  overflow:hidden;
  padding:10px;
}
.widget-preview-frame{border-radius:10px}

@media(max-width:980px){
  .widget-theme-grid{grid-template-columns:1fr 1fr}
  .widget-control-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .widget-theme-grid,
  .widget-placement-type,
  .widget-radio-list-three,
  .widget-position-grid{grid-template-columns:1fr}
  .widget-preview-frame-large{height:460px;min-height:460px}
}


/* v8.3.0.19 — LUV IT! + trending */
.section-note{display:block;color:var(--muted)}
.trending-week-section{padding-top:10px}
.homepage-trending-grid{align-items:stretch}
.trending-card .visual-card__shot{position:relative}
.trending-badge{
  position:absolute;
  left:14px;
  top:14px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(9,11,18,.92);
  border:1px solid rgba(243,211,59,.38);
  color:var(--accent);
  font:12px 'Share Tech Mono',monospace;
  box-shadow:0 10px 24px rgba(0,0,0,.28);
}
.trending-empty-state{max-width:none}
.profile-luv-note{
  margin:18px 0 0;
  color:var(--muted);
  font-size:14px;
}
.widget-builder-note{color:var(--muted);margin-top:-6px;margin-bottom:24px}

/* v8.3.0.20 — reversible LUV + community activity */
.community-luv-section{padding-top:10px}
.community-luv-head{align-items:flex-end}
.luv-activity-layout{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);
  gap:20px;
}
.luv-activity-panel,.luv-pulse-panel{
  border:1px solid var(--border);
  border-radius:var(--rr-radius-panel);
  background:linear-gradient(180deg,var(--panel2),var(--panel));
  overflow:hidden;
}
.luv-activity-panel{padding:24px}
.luv-activity-summary{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom:26px;
}
.luv-activity-summary>div{
  padding:15px 17px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-control);
  background:#0a0d15;
}
.luv-activity-summary strong{
  display:block;
  font:700 30px/1 'Share Tech Mono',monospace;
  color:var(--rr-yellow);
}
.luv-activity-summary span{display:block;margin-top:6px;color:var(--muted);font-size:12px}
.luv-week-chart{
  height:220px;
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:10px;
  align-items:end;
  padding:18px 12px 10px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-control);
  background:
    linear-gradient(to top,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:100% 25%;
}
.luv-day{
  height:100%;
  display:grid;
  grid-template-rows:24px 1fr 24px;
  gap:5px;
  text-align:center;
}
.luv-day-value{font:12px 'Share Tech Mono',monospace;color:var(--muted)}
.luv-day-track{
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-height:120px;
}
.luv-day-track span{
  display:block;
  width:min(36px,68%);
  min-height:7px;
  border-radius:8px 8px 3px 3px;
  background:linear-gradient(180deg,var(--rr-yellow),var(--rr-red));
  box-shadow:0 0 22px rgba(243,211,59,.16);
}
.luv-day-label{
  font:12px 'Share Tech Mono',monospace;
  color:var(--text);
  text-transform:uppercase;
}
.luv-activity-caption{margin:13px 2px 0;color:var(--muted);font-size:12px}

.luv-pulse-panel{padding:20px}
.luv-pulse-title{
  display:flex;
  align-items:center;
  gap:11px;
  padding-bottom:15px;
  border-bottom:1px solid var(--border);
}
.luv-pulse-title strong,.luv-pulse-title small{display:block}
.luv-pulse-title small{color:var(--muted)}
.luv-pulse-dot{
  width:10px;height:10px;border-radius:50%;
  background:var(--rr-green);
  box-shadow:0 0 0 6px rgba(88,185,87,.1),0 0 18px rgba(88,185,87,.6);
}
.luv-pulse-list{display:grid;margin-top:8px}
.luv-pulse-item{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:10px;
  align-items:center;
  padding:12px 4px;
  border-bottom:1px solid rgba(43,51,72,.7);
  color:var(--text);
}
.luv-pulse-item:last-child{border-bottom:0}
.luv-pulse-item:hover{text-decoration:none;background:rgba(255,255,255,.025)}
.luv-pulse-heart{color:var(--rr-red);font-size:18px}
.luv-pulse-copy strong,.luv-pulse-copy small{display:block}
.luv-pulse-copy small{color:var(--muted);font-size:11px}
.luv-pulse-item time{font:11px 'Share Tech Mono',monospace;color:var(--muted)}
.luv-pulse-empty{
  min-height:240px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:7px;
  color:var(--muted);
}
.luv-pulse-empty>span{font-size:42px;color:var(--rr-red)}
.luv-pulse-empty strong{color:var(--text)}

@media(max-width:850px){
  .luv-activity-layout{grid-template-columns:1fr}
}
@media(max-width:560px){
  .luv-activity-summary{grid-template-columns:1fr}
  .luv-week-chart{gap:4px;padding-left:5px;padding-right:5px}
  .luv-day-track span{width:70%}
}

/* v8.3.0.21 — public site profile visual consistency */
.public-profile{
  margin:45px 0;
  padding:0;
  overflow:hidden;
  border:1px solid #323b53;
  border-radius:var(--rr-radius-panel);
  background:var(--panel);
  box-shadow:0 16px 38px #0004;
}
.public-profile .profile-hero{
  display:grid;
  grid-template-columns:minmax(360px,1.08fr) minmax(0,.92fr);
  gap:0;
  align-items:stretch;
  border-bottom:1px solid var(--border);
}
.public-profile .profile-shot{
  margin:0;
  aspect-ratio:16/9;
  align-self:start;
  border:0;
  border-right:1px solid var(--border);
  border-radius:var(--rr-radius-panel) 0 0 0;
  background:#0b0b0b;
  overflow:hidden;
}
.public-profile .profile-shot a{
  display:block;
  width:100%;
  height:100%;
}
.public-profile .profile-shot img,
.public-profile .profile-shot .screenshot-placeholder{
  border-radius:calc(var(--rr-radius-panel) - 1px) 0 0 0;
}
.public-profile .profile-copy{
  padding:30px 32px;
  background:var(--panel);
  border-radius:0 var(--rr-radius-panel) 0 0;
}
.public-profile .profile-copy>p{
  max-width:620px;
  margin:16px 0 20px;
  color:var(--muted);
}
.public-profile .profile-name-row{
  margin-top:10px;
}
.public-profile .profile-name-row h1{
  font-size:clamp(34px,5vw,56px);
}
.public-profile .profile-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:0;
  padding:24px 28px 18px;
  background:var(--panel);
}
.public-profile .profile-stats .stat{
  margin:0;
  min-width:0;
  padding:15px 17px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-control);
  background:#0b0e17;
}
.public-profile .profile-stats .stat strong{
  font-size:25px;
  overflow-wrap:anywhere;
}
.public-profile .profile-luv-note{
  margin:0;
  padding:0 28px 22px;
  color:var(--muted);
}
.public-profile .ring-profile-nav{
  display:flex;
  justify-content:center;
  gap:10px;
  margin:0;
  padding:20px 28px 24px;
  border-top:1px solid var(--border);
  background:#0c101a;
}
.public-profile .ring-profile-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:112px;
  padding:9px 14px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-control);
  background:var(--panel2);
  color:var(--text);
}
.public-profile .ring-profile-nav a:hover{
  border-color:var(--rr-yellow);
  color:var(--rr-yellow);
  text-decoration:none;
}

@media(max-width:850px){
  .public-profile .profile-hero{grid-template-columns:1fr}
  .public-profile .profile-shot{
    border-right:0;
    border-bottom:1px solid var(--border);
    border-radius:var(--rr-radius-panel) var(--rr-radius-panel) 0 0;
  }
  .public-profile .profile-shot img,
  .public-profile .profile-shot .screenshot-placeholder{
    border-radius:calc(var(--rr-radius-panel) - 1px) calc(var(--rr-radius-panel) - 1px) 0 0;
  }
  .public-profile .profile-copy{border-radius:0}
}
@media(max-width:650px){
  .public-profile .profile-stats{grid-template-columns:1fr 1fr;padding:20px}
  .public-profile .profile-copy{padding:24px 22px}
  .public-profile .profile-luv-note{padding:0 20px 20px}
  .public-profile .ring-profile-nav{padding:18px 20px;flex-wrap:wrap}
  .public-profile .ring-profile-nav a{flex:1 1 120px}
}
@media(max-width:430px){
  .public-profile .profile-stats{grid-template-columns:1fr}
}

/* v8.3.0.22 — member LUV analytics */
.member-luv-panel{
  margin:20px 0 18px;
  padding:17px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-control);
  background:#090c14;
}
.member-luv-panel__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.member-luv-panel__head h3{margin:2px 0 0;font-size:20px}
.member-luv-panel__head .button{margin:0}
.member-luv-kicker{
  display:block;
  color:var(--cyan);
  font:10px 'Share Tech Mono',monospace;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.member-luv-numbers{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:14px 0 12px;
}
.member-luv-numbers>div{
  padding:9px 11px;
  border:1px solid #252d3f;
  border-radius:var(--rr-radius-small);
  background:#0d111b;
}
.member-luv-numbers strong{display:block;color:var(--rr-yellow);font-size:20px}
.member-luv-numbers span{display:block;color:var(--muted);font-size:10px}
.member-luv-mini-chart{
  height:88px;
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:7px;
  align-items:end;
  padding:7px 8px 3px;
  border-top:1px solid var(--border);
}
.member-luv-mini-day{
  height:100%;
  display:grid;
  grid-template-rows:14px 1fr 14px;
  text-align:center;
  gap:2px;
}
.member-luv-mini-value{font:9px 'Share Tech Mono',monospace;color:var(--muted)}
.member-luv-mini-track{display:flex;align-items:flex-end;justify-content:center}
.member-luv-mini-track i{
  display:block;
  width:55%;
  min-height:4px;
  border-radius:4px 4px 1px 1px;
  background:linear-gradient(180deg,var(--rr-yellow),var(--rr-red));
}
.member-luv-mini-day small{font:9px 'Share Tech Mono',monospace;color:var(--muted)}

.luv-analytics-title p{margin:8px 0 0;color:var(--muted);max-width:720px}
.luv-owner-summary{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin:8px 0 24px;
}
.luv-owner-summary>div{
  padding:19px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-panel);
  background:var(--panel);
}
.luv-owner-summary strong{
  display:block;
  color:var(--rr-yellow);
  font:700 34px/1 'Share Tech Mono',monospace;
}
.luv-owner-summary span{display:block;margin-top:7px;color:var(--muted);font-size:12px}

.luv-analytics-card{
  padding:24px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-panel);
  background:linear-gradient(180deg,var(--panel2),var(--panel));
  box-shadow:0 16px 38px #0004;
}
.luv-analytics-card__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
}
.luv-analytics-card__head h2{margin:5px 0 4px}
.luv-analytics-card__head p{margin:0;color:var(--muted)}
.luv-range-tabs{
  display:flex;
  gap:5px;
  padding:4px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-control);
  background:#090c14;
}
.luv-range-tabs a{
  padding:8px 12px;
  border-radius:var(--rr-radius-small);
  color:var(--muted);
  font:12px 'Share Tech Mono',monospace;
}
.luv-range-tabs a:hover{text-decoration:none;color:var(--text)}
.luv-range-tabs a.active{
  background:var(--rr-yellow);
  color:#111;
}

.luv-owner-chart{
  height:330px;
  display:flex;
  align-items:stretch;
  gap:8px;
  overflow-x:auto;
  margin-top:26px;
  padding:18px 12px 10px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-control);
  background:
    linear-gradient(to top,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:100% 25%;
}
.luv-owner-column{
  flex:1 0 42px;
  min-width:42px;
  display:grid;
  grid-template-rows:22px 1fr 42px;
  gap:4px;
  text-align:center;
}
.luv-owner-chart--dense .luv-owner-column{flex-basis:32px;min-width:32px}
.luv-owner-value{font:10px 'Share Tech Mono',monospace;color:var(--muted)}
.luv-owner-track{display:flex;align-items:flex-end;justify-content:center;min-height:180px}
.luv-owner-track i{
  display:block;
  width:min(34px,72%);
  min-height:5px;
  border-radius:7px 7px 2px 2px;
  background:linear-gradient(180deg,var(--rr-yellow),var(--rr-red));
  box-shadow:0 0 16px rgba(243,211,59,.12);
}
.luv-owner-label{
  display:block;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  margin:auto;
  font:9px 'Share Tech Mono',monospace;
  color:var(--muted);
  white-space:nowrap;
}

.luv-insight-grid{
  display:grid;
  grid-template-columns:.7fr .7fr 1.6fr;
  gap:14px;
  margin:20px 0 50px;
}
.luv-insight-grid article{
  padding:20px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-panel);
  background:var(--panel);
}
.luv-insight-grid article>strong{display:block;margin:8px 0 4px;font-size:22px}
.luv-insight-grid article>span{display:block;color:var(--muted)}
.luv-strategy-note strong{color:var(--rr-yellow)}

@media(max-width:800px){
  .luv-owner-summary{grid-template-columns:1fr 1fr}
  .luv-analytics-card__head{flex-direction:column}
  .luv-insight-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .member-luv-panel__head{flex-direction:column}
  .member-luv-numbers{grid-template-columns:1fr}
  .luv-owner-summary{grid-template-columns:1fr}
  .luv-range-tabs{width:100%}
  .luv-range-tabs a{flex:1;text-align:center;padding-left:7px;padding-right:7px}
}

/* v8.3.0.23 — site views + LUV relationship analytics */
.engagement-chart-legend{
  display:flex;
  justify-content:flex-end;
  gap:16px;
  margin:16px 2px -10px;
  color:var(--muted);
  font:11px 'Share Tech Mono',monospace;
}
.engagement-chart-legend span{display:flex;align-items:center;gap:6px}
.engagement-chart-legend i{display:block;width:14px;height:8px;border-radius:3px}
.engagement-chart-legend i.views{background:var(--rr-blue)}
.engagement-chart-legend i.luvs{background:var(--rr-yellow)}
.engagement-owner-track{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:3px;
}
.engagement-owner-track i{
  width:min(16px,38%);
  min-height:4px;
  box-shadow:none;
}
.engagement-owner-track .view-bar{
  background:linear-gradient(180deg,var(--rr-cyan),var(--rr-blue));
}
.engagement-owner-track .luv-bar{
  background:linear-gradient(180deg,var(--rr-yellow),var(--rr-red));
}
.engagement-chart-note{
  margin:13px 4px 0;
  color:var(--muted);
  font-size:11px;
  line-height:1.55;
}
.engagement-history-notice{
  margin:-24px 0 50px;
  padding:14px 17px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-control);
  background:#090c14;
  color:var(--muted);
  font-size:12px;
}
.engagement-history-notice strong{color:var(--text)}
.engagement-insight-grid{
  grid-template-columns:.9fr .7fr 1.5fr;
}
.member-engagement-numbers strong{font-size:19px}
@media(max-width:800px){
  .engagement-insight-grid{grid-template-columns:1fr}
}

/* v8.3.0.24 — analytics as a member benefit + private platform totals */
.homepage-owner-analytics-callout{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:start;
  margin:20px 0 4px;
  padding:15px 17px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-control);
  background:#090c14;
}
.homepage-owner-analytics-callout strong{display:block;margin-bottom:4px;color:var(--rr-yellow)}
.homepage-owner-analytics-callout p{margin:0;color:var(--muted);font-size:13px}
.homepage-owner-analytics-icon{
  display:grid;
  place-items:center;
  width:34px;height:34px;
  border-radius:var(--rr-radius-small);
  background:var(--rr-yellow);
  color:#111;
  font-weight:900;
}

.about-analytics-section{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:24px;
  align-items:stretch;
}
.about-analytics-copy,
.about-analytics-example{
  padding:28px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-panel);
  background:var(--panel);
}
.about-analytics-copy h2{margin:7px 0 14px}
.about-analytics-copy p{color:var(--muted)}
.about-analytics-points{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px;
}
.about-analytics-points span{
  padding:7px 10px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-small);
  background:#090c14;
  color:var(--text);
  font:11px 'Share Tech Mono',monospace;
}
.about-analytics-example{
  background:linear-gradient(180deg,var(--panel2),var(--panel));
}
.about-analytics-example-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:16px 0 10px;
}
.about-analytics-example-row>div{
  padding:13px 10px;
  text-align:center;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-control);
  background:#090c14;
}
.about-analytics-example-row strong{
  display:block;
  color:var(--rr-yellow);
  font:700 25px/1 'Share Tech Mono',monospace;
}
.about-analytics-example-row span{display:block;margin-top:5px;color:var(--muted);font-size:10px}
.about-analytics-example p{margin:7px 0;color:var(--muted);font-size:12px}
.about-analytics-vs{
  margin:13px 0;
  text-align:center;
  color:var(--muted);
  font:10px 'Share Tech Mono',monospace;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.about-analytics-example small{display:block;margin-top:15px;color:var(--muted)}

.admin-community-analytics{
  margin:0 0 24px;
  padding:22px;
  border:1px solid #323b53;
  border-radius:var(--rr-radius-panel);
  background:linear-gradient(180deg,var(--panel2),var(--panel));
  box-shadow:0 16px 38px #0004;
}
.admin-community-analytics__head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
}
.admin-community-analytics__head h2{margin:5px 0 7px}
.admin-community-analytics__head p{max-width:760px;margin:0;color:var(--muted)}
.admin-community-metrics{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:20px;
}
.admin-community-metrics>div{
  padding:18px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-control);
  background:#090c14;
}
.admin-community-metrics strong{
  display:block;
  color:var(--rr-yellow);
  font:700 30px/1 'Share Tech Mono',monospace;
}
.admin-community-metrics span{display:block;margin-top:6px;color:var(--muted);font-size:11px}
.admin-community-secondary{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:10px;
}
.admin-community-secondary span{
  padding:7px 10px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-small);
  color:var(--muted);
  font-size:11px;
}
.admin-community-secondary strong{color:var(--text)}

@media(max-width:800px){
  .about-analytics-section{grid-template-columns:1fr}
  .admin-community-metrics{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .about-analytics-example-row{grid-template-columns:1fr}
  .admin-community-metrics{grid-template-columns:1fr}
  .admin-community-analytics__head{flex-direction:column}
}

/* v8.3.0.25 — compact site ownership management */
.moderation-owner-line{
  display:flex;
  align-items:center;
  margin-top:7px;
}
.moderation-owner-chip{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 8px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-small);
  background:#090c14;
  color:var(--muted);
  font:11px 'Share Tech Mono',monospace;
}
.moderation-owner-chip strong{color:var(--rr-yellow)}
.moderation-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.moderation-header-actions .button{margin:0}
.assign-owner-button{white-space:nowrap}

.ownership-transfer-card{
  max-width:900px;
  margin-bottom:48px;
  padding:0;
  overflow:hidden;
}
.ownership-transfer-site{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  padding:24px 26px;
  border-bottom:1px solid var(--border);
  background:linear-gradient(180deg,var(--panel2),var(--panel));
}
.ownership-transfer-site h2{margin:8px 0 5px}
.ownership-transfer-site a{overflow-wrap:anywhere}
.ownership-current-owner{
  min-width:190px;
  padding:12px 14px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-control);
  background:#090c14;
}
.ownership-current-owner span,
.ownership-current-owner small{
  display:block;
  color:var(--muted);
  font-size:10px;
}
.ownership-current-owner strong{
  display:block;
  margin:3px 0;
  color:var(--rr-yellow);
  font:700 18px 'Share Tech Mono',monospace;
}
.ownership-transfer-form{padding:24px 26px}
.ownership-transfer-form>label{max-width:620px}
.ownership-replacement-box{margin:20px 0 0}
.ownership-transfer-actions{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:22px;
}
.ownership-transfer-actions .button:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.ownership-same-user{
  color:var(--muted);
  font:11px 'Share Tech Mono',monospace;
}

@media(max-width:760px){
  .moderation-header-actions{justify-content:flex-start}
  .ownership-transfer-site{flex-direction:column}
  .ownership-current-owner{width:100%}
}

/* v8.3.0.26 — admin edit-any-site */
.edit-site-page-title .edit-site-owner{
  margin:7px 0 0;
  color:var(--muted);
  font-size:12px;
}
.edit-site-page-title .edit-site-owner strong{color:var(--rr-yellow)}
.edit-site-card{max-width:980px}
.admin-edit-notice{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  margin-bottom:20px;
  padding:13px 15px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-control);
  background:#090c14;
}
.admin-edit-notice strong{color:var(--rr-yellow)}
.admin-edit-notice span{color:var(--muted);font-size:12px;line-height:1.5}
@media(max-width:620px){
  .admin-edit-notice{grid-template-columns:1fr}
}

/* v8.3.0.27 — fast moderation workflow */
.moderation-tools{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin:18px 0 28px;
  padding:16px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-panel);
  background:var(--panel);
}
.moderation-search-form{
  display:flex;
  align-items:flex-end;
  gap:8px;
  flex:1 1 560px;
  margin:0;
}
.moderation-search-field{
  flex:1 1 auto;
  margin:0;
}
.moderation-search-field span{
  display:block;
  margin-bottom:5px;
  color:var(--muted);
  font:10px 'Share Tech Mono',monospace;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.moderation-search-field input{width:100%;min-width:240px}
.moderation-search-form .button{margin:0}

.widget-status-filter{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
}
.widget-status-filter>span{
  margin-right:4px;
  color:var(--muted);
  font:10px 'Share Tech Mono',monospace;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.widget-status-filter a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 10px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-small);
  background:#090c14;
  color:var(--muted);
  font:11px 'Share Tech Mono',monospace;
}
.widget-status-filter a:hover{text-decoration:none;color:var(--text);border-color:#4b5672}
.widget-status-filter a.active{
  border-color:var(--rr-yellow);
  background:#17170e;
  color:var(--rr-yellow);
}
.widget-status-filter b{
  display:inline-grid;
  place-items:center;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  background:#202638;
  color:var(--text);
  font-size:10px;
}
.widget-status-filter a.active b{background:var(--rr-yellow);color:#111}

.moderation-toast-region{
  position:fixed;
  right:22px;
  top:86px;
  z-index:2147482000;
  width:min(390px,calc(100vw - 32px));
  pointer-events:none;
}
.moderation-toast{
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:9px;
  align-items:baseline;
  margin-bottom:9px;
  padding:13px 15px;
  border:1px solid #3c4960;
  border-radius:var(--rr-radius-control);
  background:#111827;
  box-shadow:0 18px 48px #0009;
  opacity:0;
  transform:translateY(-10px);
  transition:opacity .22s ease,transform .22s ease;
}
.moderation-toast.show{opacity:1;transform:translateY(0)}
.moderation-toast.success{border-color:#3d7049}
.moderation-toast.error{border-color:#8a4141}
.moderation-toast strong{color:#9ee79b;font-size:12px}
.moderation-toast.error strong{color:#ffabab}
.moderation-toast span{color:var(--text);font-size:12px}

.moderation-ajax-form button.is-working{
  opacity:.6;
  cursor:wait;
}
.moderation-site-card{
  transition:opacity .2s ease,transform .2s ease,max-height .24s ease,margin .24s ease,padding .24s ease;
}
.moderation-card-leaving{
  opacity:0;
  transform:scale(.985);
}
.moderation-empty{text-align:center}

@media(max-width:900px){
  .moderation-tools{align-items:stretch;flex-direction:column}
}
@media(max-width:620px){
  .moderation-search-form{align-items:stretch;flex-direction:column}
  .moderation-search-field input{min-width:0}
  .widget-status-filter{align-items:stretch}
  .widget-status-filter>span{width:100%}
  .widget-status-filter a{flex:1;justify-content:center}
  .moderation-toast-region{right:16px;top:76px}
}

/* v8.3.0.30 — local/private test-site handling */
.moderation-owner-line{
  flex-wrap:wrap;
  gap:7px;
}
.local-test-url-chip{
  display:inline-flex;
  align-items:center;
  padding:5px 8px;
  border:1px solid #645d31;
  border-radius:var(--rr-radius-small);
  background:#17160d;
  color:var(--rr-yellow);
  font:10px 'Share Tech Mono',monospace;
}
.local-media-notice{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin:14px 0;
  padding:11px 13px;
  border:1px solid #514d30;
  border-radius:var(--rr-radius-control);
  background:#121109;
}
.local-media-notice strong{
  flex:0 0 auto;
  color:var(--rr-yellow);
  font-size:11px;
}
.local-media-notice span{
  color:var(--muted);
  font-size:11px;
}
.local-media-notice.compact{
  align-items:flex-start;
  flex-direction:column;
  gap:2px;
  margin:10px 0;
}
@media(max-width:620px){
  .local-media-notice{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }
}

/* v8.3.0.30.3 — public discovery search */
.homepage-search-section{
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(360px,1.25fr);
  align-items:center;
  gap:28px;
  margin:28px 0;
  padding:22px 24px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-panel);
  background:linear-gradient(180deg,var(--panel2),var(--panel));
}
.homepage-search-copy h2{margin:4px 0 5px}
.homepage-search-copy p{margin:0;color:var(--muted);font-size:13px}
.homepage-public-search{
  display:flex;
  align-items:stretch;
  gap:9px;
  margin:0;
}
.homepage-public-search label{flex:1;margin:0}
.homepage-public-search input{
  width:100%;
  height:100%;
  min-height:46px;
}
.homepage-public-search .button{margin:0;white-space:nowrap}
.directory-search-summary{
  display:flex;
  align-items:center;
  gap:7px;
  margin:-4px 0 22px;
  color:var(--muted);
  font-size:12px;
}
.directory-search-summary strong{
  color:var(--rr-yellow);
  font:700 18px 'Share Tech Mono',monospace;
}
.directory-search-summary a{margin-left:auto}
.directory-empty-search{
  text-align:center;
  padding:34px 24px;
}
.directory-empty-search h2{margin-top:0}
.directory-empty-search p{color:var(--muted)}
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
@media(max-width:800px){
  .homepage-search-section{grid-template-columns:1fr}
}
@media(max-width:560px){
  .homepage-public-search{flex-direction:column}
  .homepage-public-search .button{width:100%}
  .directory-search-summary{align-items:flex-start;flex-wrap:wrap}
  .directory-search-summary a{width:100%;margin-left:0}
}

/* v8.3.0.30.4 — search prominence */
.header-search-link{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:6px 9px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-small);
  background:#0a0d14;
  color:var(--muted)!important;
  font-size:12px;
}
.header-search-link:hover{
  color:var(--text)!important;
  border-color:#4b5672;
  text-decoration:none;
}
.header-search-link span{
  color:var(--rr-yellow);
  font:700 16px/1 'Share Tech Mono',monospace;
}
.homepage-search-section{
  margin-top:22px;
  margin-bottom:24px;
}
#directory-search{
  scroll-margin-top:96px;
}
@media(max-width:720px){
  .header-search-link{
    padding:5px 7px;
  }
  .header-search-link span{font-size:15px}
}


/* v8.3.0.32 — RainbowRing artwork integration */
.brand-artwork{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  line-height:0;
}
.brand-artwork img{
  display:block;
  width:255px;
  height:auto;
  max-height:58px;
  object-fit:contain;
  object-position:left center;
}
.category-art-icon{
  width:66px;
  height:66px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:0;
}
.category-art-icon img{
  display:block;
  width:64px;
  height:64px;
  object-fit:contain;
  filter:drop-shadow(0 5px 9px rgba(0,0,0,.38));
}
.homepage-category-tile .category-art-icon{
  grid-row:1/4;
}
.homepage-category-tile:hover .category-art-icon img,
.about-category-card:hover .category-art-icon img{
  transform:translateY(-2px) scale(1.04);
}
.category-art-icon img{
  transition:transform .16s ease;
}
.about-category-card .category-art-icon{
  flex:0 0 66px;
}
@media(max-width:900px){
  .brand-artwork img{width:220px;max-height:52px}
}
@media(max-width:720px){
  .brand-artwork img{width:178px;max-height:46px}
  .category-art-icon{width:58px;height:58px}
  .category-art-icon img{width:56px;height:56px}
}
@media(max-width:520px){
  .brand-artwork img{width:150px;max-height:42px}
}

/* v8.3.0.34.1 — integrated Zingot Graphics footer signature */
.footer-brand-row{
  display:flex;
  align-items:center;
  gap:24px;
}
.footer-zingot-logo{
  flex:0 0 128px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.footer-zingot-logo img{
  display:block;
  width:128px;
  height:128px;
  object-fit:contain;
  filter:drop-shadow(0 5px 12px rgba(0,0,0,.35));
}
.footer-copy{
  min-width:0;
}
.footer-copy > div:first-child{
  font-size:16px;
}
@media(max-width:560px){
  footer{padding:22px 0}
  .footer-brand-row{
    gap:14px;
    align-items:center;
  }
  .footer-zingot-logo{
    flex-basis:64px;
  }
  .footer-zingot-logo img{
    width:64px;
    height:64px;
  }
  .footer-copy > div:first-child{
    font-size:14px;
  }
  .footer-copyright{
    font-size:11px;
  }
}

/* v8.3.0.32.4 — Admin media queue controls */
.admin-job-toolbar{
  display:flex;
  gap:24px;
  align-items:center;
  justify-content:space-between;
  margin-bottom:16px;
}
.admin-job-toolbar > div{min-width:0}
.admin-job-toolbar h2{margin-top:0}
.admin-job-toolbar form{flex:0 0 auto}
@media(max-width:720px){
  .admin-job-toolbar{align-items:stretch;flex-direction:column;gap:12px}
  .admin-job-toolbar form .button{width:100%}
}


/* v8.3.0.33 — Widget appearance + Hidden Tab builder */
.widget-appearance-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:6px;
}
.widget-placement-type-three{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
@media(max-width:900px){
  .widget-appearance-grid,
  .widget-placement-type-three{grid-template-columns:1fr}
}


/* v8.3.0.34 — pre-live homepage hierarchy */
.header-home-search{
  display:flex;
  align-items:stretch;
  gap:7px;
  flex:1 1 320px;
  max-width:390px;
  margin:0 24px;
}
.header-home-search label{
  flex:1 1 auto;
  margin:0;
}
.header-home-search input{
  height:38px;
  margin:0;
  padding:8px 11px;
  border-radius:var(--rr-radius-control);
}
.header-home-search .button{
  height:38px;
  margin:0;
  padding:7px 18px;
  border-radius:var(--rr-radius-control);
  white-space:nowrap;
}
.homepage-category-launch{
  padding:46px 0 18px;
}
.homepage-featured-after-categories{
  margin-top:34px;
}
@media(max-width:900px){
  .header-home-search{max-width:320px;margin:0 14px}
}
@media(max-width:800px){
  .nav{
    flex-wrap:wrap;
    gap:10px 14px;
  }
  .header-home-search{
    order:3;
    flex:1 0 100%;
    max-width:none;
    margin:0;
  }
  .header-home-search input,
  .header-home-search .button{height:40px}
  .homepage-category-launch{padding-top:30px}
}
@media(max-width:560px){
  .homepage-category-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
  .homepage-category-tile{
    display:flex;
    min-width:0;
    min-height:104px;
    padding:12px 6px 10px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    text-align:center;
  }
  .homepage-category-tile .category-art-icon{
    width:50px;
    height:50px;
    flex:0 0 50px;
  }
  .homepage-category-tile .category-art-icon img{
    width:48px;
    height:48px;
  }
  .homepage-category-tile > strong{
    font-size:12px;
    line-height:1.15;
  }
  .homepage-category-tile .category-description,
  .homepage-category-tile .category-count{
    display:none;
  }
  .homepage-featured-after-categories{margin-top:18px}
}
@media(max-width:390px){
  .homepage-category-grid{gap:6px}
  .homepage-category-tile{padding-left:3px;padding-right:3px}
  .homepage-category-tile > strong{font-size:11px}
}


/* v8.3.0.34 — first-run installer */
.installer-wrap{padding-top:34px;padding-bottom:70px}
.installer-brand{text-align:center;margin:6px 0 18px}
.installer-brand img{width:min(400px,82vw);height:auto}
.installer-card{max-width:760px;margin:0 auto}
.installer-card h1{font-size:clamp(34px,6vw,54px);margin-bottom:12px}
.installer-card h2{margin-top:34px;margin-bottom:10px;font-size:22px}
.installer-requirements{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:14px 0 25px;
}
.installer-requirements>div{
  display:grid;
  grid-template-columns:24px 1fr;
  gap:1px 8px;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-control);
  background:#0b0e17;
}
.installer-requirements>div>span{grid-row:1/3;font-weight:800}
.installer-requirements .ok>span{color:var(--cyan)}
.installer-requirements .bad>span{color:var(--pink)}
.installer-requirements small{grid-column:2}
.installer-warning{
  margin:25px 0 14px;
  padding:13px 15px;
  border:1px solid #f3d33b55;
  border-radius:var(--rr-radius-control);
  background:#f3d33b0d;
  color:#e9e2bd;
}
.installer-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin:22px 0;
}
.installer-summary>div{
  padding:11px 13px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-control);
  background:#0b0e17;
}
.installer-summary span,
.installer-summary strong{display:block}
.installer-summary span{color:var(--muted);font-size:12px}
.installer-summary strong{margin-top:2px}
@media(max-width:620px){
  .installer-requirements,
  .installer-summary,
  .installer-card .form-grid{grid-template-columns:1fr}
}


/* v8.3.0.34.2 — final pre-live homepage hierarchy */
.homepage-trending-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.homepage-newest-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.homepage-newest-grid .visual-card{
  min-width:0;
}

.homepage-newest-grid .visual-card__body{
  padding:14px;
}

.homepage-newest-grid .visual-card__shot{
  min-height:0;
}

.homepage-newest-grid .visual-card__shot img{
  width:100%;
  aspect-ratio:16/9;
  height:auto;
  object-fit:cover;
}

.homepage-newest-grid h3{
  font-size:16px;
}

.homepage-newest-grid p{
  font-size:13px;
  line-height:1.4;
}

@media(max-width:980px){
  .homepage-newest-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .homepage-trending-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  .homepage-newest-grid{
    grid-template-columns:1fr;
  }
}


/* v8.3.0.36 — mobile header order: logo → menu → search */
@media(max-width:800px){
  .nav{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:14px;
    padding:15px 0 18px;
  }

  .nav > .brand-artwork{
    order:1;
    align-self:flex-start;
    margin:0;
  }

  .nav > nav{
    order:2;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:12px 20px;
    flex-wrap:wrap;
  }

  .nav > .header-home-search{
    order:3;
    width:100%;
    max-width:none;
    margin:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
  }

  .nav > .header-home-search label{
    min-width:0;
    margin:0;
  }

  .nav > .header-home-search input,
  .nav > .header-home-search .button{
    height:46px;
    margin:0;
  }
}

@media(max-width:420px){
  .nav > nav{
    gap:10px 16px;
  }

  .nav > .header-home-search{
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
  }

  .nav > .header-home-search .button{
    padding-left:16px;
    padding-right:16px;
  }
}

/* v8.3.0.36 — widget builder autosave status */
.widget-save-status{
  margin-top:10px;
  color:var(--muted);
  font-size:13px;
}


/* v8.3.0.36.1 — widget builder controls + sticky preview */
.widget-builder-workspace{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
  gap:22px;
  align-items:start;
}
.widget-builder-workspace .widget-choice-panel,
.widget-builder-workspace .widget-live-panel{
  margin-top:0;
}
.widget-builder-workspace .widget-live-panel{
  position:sticky;
  top:96px;
  align-self:start;
}
.widget-builder-workspace .widget-preview-frame-wrap{
  min-height:520px;
}
.widget-builder-workspace .widget-preview-frame-large{
  min-height:500px;
}
.widget-preview-status-stack{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
}
.widget-save-status--visible{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  margin:0;
  padding:4px 9px;
  border:1px solid var(--border);
  border-radius:999px;
  color:var(--cyan);
  background:rgba(45,235,220,.06);
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}
@media(max-width:1180px){
  .widget-builder-workspace{grid-template-columns:1fr}
  .widget-builder-workspace .widget-live-panel{position:relative;top:auto}
  .widget-builder-workspace .widget-preview-frame-wrap{min-height:460px}
  .widget-builder-workspace .widget-preview-frame-large{min-height:440px}
}
@media(max-width:640px){
  .widget-preview-status-stack{align-items:flex-start}
}


/* v8.3.0.36.2 — tabbed widget builder */
.widget-builder-workspace{
  grid-template-columns:minmax(360px,.72fr) minmax(620px,1.28fr);
}
.widget-config-tabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  margin:0 0 18px;
  padding:5px;
  border:1px solid var(--border);
  border-radius:var(--rr-radius-control);
  background:#0b0e17;
}
.widget-config-tab{
  appearance:none;
  min-height:42px;
  padding:8px 10px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:var(--muted);
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
.widget-config-tab.is-active{
  color:var(--text);
  border-color:var(--cyan);
  background:rgba(45,235,220,.08);
}
.widget-config-panel{min-height:300px}
.widget-config-panel[hidden]{display:none!important}
.widget-theme-grid-compact{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.widget-theme-card-compact{
  min-height:64px;
  padding:12px 14px;
  display:flex;
  align-items:center;
}
.widget-builder-workspace .widget-preview-frame-wrap{min-height:620px}
.widget-builder-workspace .widget-preview-frame-large{min-height:600px}
@media(max-width:1180px){
  .widget-builder-workspace{grid-template-columns:1fr}
  .widget-config-panel{min-height:0}
  .widget-builder-workspace .widget-preview-frame-wrap{min-height:520px}
  .widget-builder-workspace .widget-preview-frame-large{min-height:500px}
}
@media(max-width:620px){
  .widget-config-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* v8.3.0.38 acceptance workflow */
.approval-flow-panel{margin-top:14px}.approval-request-form{margin-top:12px}
.member-live-status{display:flex;align-items:center;gap:12px;margin:14px 0;padding:14px 16px;border:1px solid rgba(66,230,155,.55);border-radius:12px;background:rgba(66,230,155,.08)}
.member-live-status strong{display:block;font-size:20px;letter-spacing:.08em}.member-live-status span{display:block}
.member-live-dot{width:12px;height:12px;border-radius:50%;background:#42e69b;box-shadow:0 0 14px rgba(66,230,155,.8);flex:0 0 12px}
.admin-approval-alert{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 20px;padding:14px 16px;border:1px solid rgba(255,205,70,.5);border-radius:12px;background:rgba(255,205,70,.07)}
.admin-approval-alert .button{margin-left:auto}.approval-requested-chip{display:inline-block;padding:2px 7px;border-radius:999px;border:1px solid rgba(255,205,70,.55);color:#ffd45c;background:rgba(255,205,70,.08);font-size:11px;font-weight:800}
.admin-integration-card{max-width:760px}.footer-mobile-brand,.footer-mobile-tagline{display:none}
@media(max-width:560px){.footer-zingot-logo{display:none}.footer-brand-row{display:block;text-align:center}.footer-desktop-brand{display:none}.footer-mobile-brand{display:flex!important;align-items:center;justify-content:center;gap:8px;font-size:13px;letter-spacing:.08em}.footer-mobile-brand img{width:28px;height:28px;object-fit:contain}.footer-mobile-tagline{display:block!important;margin-top:3px;font-size:12px}.footer-copyright{margin-top:4px;font-size:10px!important}}


/* v8.3.0.39 — acceptance fixes */
.widget-config-tabs-three{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.widget-style-subheading{
  margin:22px 0 10px;
  font-size:15px;
}
.widget-radio-list-two{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
@media(max-width:620px){
  .widget-config-tabs-three{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}


/* v8.3.0.44 — unified RainbowRing branding + installation choices */
.brand-artwork img{
  width:384px;
  height:64px;
  max-width:100%;
  max-height:none;
  object-fit:contain;
  object-position:left center;
}
@media(max-width:1100px){.brand-artwork img{width:320px;height:auto}}
@media(max-width:900px){.brand-artwork img{width:260px;height:auto;max-height:none}}
@media(max-width:720px){.brand-artwork img{width:196px;height:auto;max-height:none}}
@media(max-width:520px){.brand-artwork img{width:160px;height:auto;max-height:none}}

.install-method-picker{margin:28px 0 20px}
.install-method-picker h2{margin:0 0 12px}
.install-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.install-method-card{appearance:none;width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--panel);color:var(--text);cursor:pointer;transition:border-color .15s ease,transform .15s ease,background .15s ease}
.install-method-card:hover,.install-method-card:focus-visible{border-color:var(--rr-yellow);transform:translateY(-1px);outline:none}
.install-method-card.is-active{border-color:var(--rr-cyan);background:rgba(67,230,224,.06)}
.install-method-card img{width:64px;height:64px;object-fit:contain;flex:0 0 64px}
.install-method-card strong{display:block;font-size:17px;margin-bottom:3px}.install-method-card small{display:block;color:var(--muted);line-height:1.35}
.install-method-panel[hidden]{display:none!important}
.install-method-panel{margin-top:16px}
.restricted-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}
.restricted-mode{border:1px solid var(--border);border-radius:12px;padding:16px;background:rgba(255,255,255,.02)}
.restricted-mode h3{margin-top:0}.restricted-mode .widget-preview-note{margin-bottom:0}
.restricted-enhanced-preview{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:12px;border:1px solid var(--border);border-radius:10px;background:#090c13;margin:12px 0}
.restricted-enhanced-preview img{display:block;height:46px;width:auto;object-fit:contain}.restricted-enhanced-preview .rr-enhanced-logo{height:46px;width:auto;max-width:276px}
@media(max-width:720px){.install-method-grid{grid-template-columns:1fr}.restricted-mode-grid{grid-template-columns:1fr}.install-method-card img{width:56px;height:56px;flex-basis:56px}}


/* v8.3.0.45 — ScreenshotOne diagnostic details */
.job-error-details{margin-top:.45rem}.job-error-details summary{cursor:pointer}.job-error-details pre{white-space:pre-wrap;word-break:break-word;max-width:70rem;max-height:28rem;overflow:auto;margin:.5rem 0 0;font-size:.82rem}


/* v8.3.0.46 — responsive header, canonical footer mark, moderation cleanup */
@media(min-width:801px){
  .nav{
    height:auto;
    min-height:0;
    padding:12px 0 10px;
    display:grid;
    grid-template-columns:minmax(280px,1fr) minmax(360px,520px);
    grid-template-rows:auto auto;
    align-items:center;
    gap:8px 28px;
  }
  .nav>.brand-artwork{grid-column:1;grid-row:1;justify-self:start}
  .nav>.header-home-search{grid-column:2;grid-row:1;width:100%;max-width:none;margin:0;justify-self:end}
  .nav>nav{
    grid-column:1/-1;
    grid-row:2;
    width:100%;
    justify-content:flex-start;
    gap:24px;
    padding-top:2px;
  }
}
@media(min-width:801px) and (max-width:1100px){
  .nav{grid-template-columns:minmax(240px,.8fr) minmax(330px,1.2fr);gap:8px 20px}
  .nav>nav{gap:20px}
}
@media(max-width:560px){
  .footer-mobile-brand img{width:34px;height:34px}
}
.health-table td:last-child{min-width:260px;max-width:760px;overflow-wrap:anywhere}
.health-table td:last-child>strong{display:block;max-width:100%}


/* v8.3.0.47 — profile-card consistency and clearer navigation */
.homepage-trending-grid .visual-card,.homepage-newest-grid .visual-card{border:1px solid #3b4762;box-shadow:0 14px 32px rgba(0,0,0,.28);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.homepage-trending-grid .visual-card:hover,.homepage-newest-grid .visual-card:hover{border-color:var(--rr-blue);box-shadow:0 18px 38px rgba(0,0,0,.38)}
.homepage-trending-grid .visual-card__body>p,.homepage-newest-grid .visual-card__body>p{flex:1 1 auto}
.homepage-trending-grid .visual-card__body>a:last-child,.homepage-newest-grid .visual-card__body>a:last-child{display:block;margin-top:auto;padding-top:14px;border-top:1px solid #2f394f;font-weight:700}
.restricted-enhanced-preview{gap:8px}

.restricted-enhanced-preview>span{display:inline-flex;align-items:center;gap:4px;color:var(--text);font:700 11px/1.2 'Share Tech Mono',monospace;white-space:nowrap}.restricted-enhanced-preview>span img{flex:0 0 auto}

/* v8.3.0.48 — linear joining journey */
.rr-journey{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:22px 0 24px;padding:0 8px}
.rr-journey__track{position:absolute;z-index:0;top:17px;left:10%;right:10%;height:2px;background:#30394c}
.rr-journey__step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;text-align:center;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.02em}
.rr-journey__dot{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:2px solid #465066;background:#111722;color:#8d97aa;font:800 13px/1 system-ui,sans-serif}
.rr-journey__step.is-complete{color:var(--text)}
.rr-journey__step.is-complete .rr-journey__dot{border-color:rgba(66,230,155,.72);background:rgba(66,230,155,.13);color:#7af0b9}
.rr-journey__step.is-current{color:#fff}
.rr-journey__step.is-current .rr-journey__dot{border-color:var(--rr-yellow);background:rgba(255,205,70,.13);color:#ffd45c;box-shadow:0 0 0 4px rgba(255,205,70,.07)}
.rr-journey__step.is-live{color:#fff}
.rr-journey__step.is-live .rr-journey__dot{border-color:#42e69b;background:#42e69b;color:#07140e;box-shadow:0 0 16px rgba(66,230,155,.46)}
.rr-current-step{margin:0 0 22px;padding:20px 22px;border:1px solid rgba(255,205,70,.48);border-left:5px solid var(--rr-yellow);border-radius:12px;background:rgba(255,205,70,.055)}
.rr-current-step h2{margin:4px 0 7px}.rr-current-step p{margin:0;max-width:780px}
.rr-current-step--ready{border-color:rgba(66,230,155,.46);border-left-color:#42e69b;background:rgba(66,230,155,.055)}
.rr-current-step--waiting{border-color:rgba(67,230,224,.42);border-left-color:var(--rr-cyan);background:rgba(67,230,224,.045)}
.rr-current-step--live{margin-bottom:22px}.rr-check-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px}.rr-check-row .button{margin:0}.rr-check-row span{font-weight:700}
.rr-builder-note{margin:0 0 22px;color:var(--muted)}
.rr-dashboard-next{display:flex;align-items:center;gap:9px 14px;flex-wrap:wrap;margin:10px 0 14px;padding:13px 15px;border:1px solid rgba(255,205,70,.4);border-left:4px solid var(--rr-yellow);border-radius:10px;background:rgba(255,205,70,.045)}
.rr-dashboard-next>strong{color:#fff}.rr-dashboard-next>span{color:var(--muted);flex:1 1 260px}.rr-dashboard-next .button,.rr-dashboard-next form{margin:0}
.rr-dashboard-next.is-ready{border-color:rgba(66,230,155,.38);border-left-color:#42e69b;background:rgba(66,230,155,.045)}
.rr-dashboard-next.is-waiting{border-color:rgba(67,230,224,.38);border-left-color:var(--rr-cyan);background:rgba(67,230,224,.04)}
.rr-journey--dashboard{margin:18px 0 12px}
.directory-card-grid .visual-card__body>a.visual-card__footer-link{display:block;margin-top:auto;padding-top:14px;border-top:1px solid #2f394f;font-weight:700}
@media(max-width:620px){
  .rr-journey{gap:2px;padding:0;margin:18px -2px 22px}
  .rr-journey__track{left:10%;right:10%;top:15px}
  .rr-journey__dot{width:32px;height:32px;font-size:12px}
  .rr-journey__step{font-size:10px;line-height:1.2}
  .rr-current-step{padding:17px 16px}
}
@media(max-width:420px){.rr-journey__step span:last-child{max-width:62px}.rr-journey__step{font-size:9px}.rr-journey__dot{width:30px;height:30px}.rr-journey__track{top:14px}}

/* v8.3.0.49 — restricted widget polish + preview-only interaction */
.restricted-enhanced-preview{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  padding:14px;
  margin:12px 0;
  border:1px solid var(--border);
  border-radius:10px;
  background:#090c13;
}
.restricted-enhanced-preview__brand{display:flex;align-items:center;min-width:0}
.restricted-enhanced-preview__brand a{display:inline-flex;max-width:100%;text-decoration:none}
.restricted-enhanced-preview .rr-enhanced-logo{display:block;width:auto;height:40px;max-width:min(100%,240px);object-fit:contain}
.restricted-enhanced-preview__controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.restricted-enhanced-preview__controls>a{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-width:0;
  padding:5px 7px;
  border:1px solid #343e56;
  border-radius:8px;
  background:#111522;
  color:var(--text);
  font:700 11px/1.15 'Share Tech Mono',monospace;
  white-space:nowrap;
  text-decoration:none;
}
.restricted-enhanced-preview__controls>a:hover,.restricted-enhanced-preview__controls>a:focus-visible{border-color:var(--rr-cyan);text-decoration:none;outline:none}
.restricted-enhanced-preview__controls img{display:block;width:38px;height:38px;object-fit:contain;flex:0 0 38px}
.restricted-preview-toast{
  position:absolute;
  left:50%;
  bottom:12px;
  transform:translate(-50%,7px);
  z-index:2;
  padding:7px 11px;
  border:1px solid #343e56;
  border-radius:999px;
  background:#111522;
  color:var(--text);
  box-shadow:0 6px 18px rgba(0,0,0,.32);
  font:700 11px/1 'Share Tech Mono',monospace;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;
  white-space:nowrap;
}
.restricted-preview-toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}
.install-method-panel pre,.restricted-mode pre{
  max-width:100%;
  overflow-x:hidden;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.install-method-panel pre code,.restricted-mode pre code{white-space:inherit;overflow-wrap:inherit;word-break:inherit}
@media(max-width:520px){
  .restricted-enhanced-preview__controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .restricted-enhanced-preview__controls>a{width:100%}
}
@media(prefers-reduced-motion:reduce){.restricted-preview-toast{transition:none}}


/* v8.3.0.50 — Restricted Platform vertical hierarchy + intrinsic code wrapping */
.restricted-mode-grid{display:block}
.restricted-mode-stack{display:grid;grid-template-columns:1fr;gap:20px;margin:18px 0}
.restricted-mode-stack .restricted-mode{padding:22px}
.restricted-mode--recommended{border-color:#46536f;background:rgba(255,255,255,.025)}
.restricted-mode--fallback{background:rgba(255,255,255,.012)}
.restricted-mode__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.restricted-mode__heading h3{margin:5px 0 0}
.restricted-recommended-badge,.restricted-fallback-badge{display:inline-block;padding:3px 8px;border-radius:999px;font:700 11px/1.35 'Share Tech Mono',monospace;text-transform:uppercase;letter-spacing:.08em}
.restricted-recommended-badge{background:var(--rr-yellow);color:#111}
.restricted-fallback-badge{border:1px solid var(--border);color:var(--muted)}
.restricted-enhanced-preview{display:grid;grid-template-columns:1fr;justify-items:start;gap:12px;padding:18px}
.restricted-enhanced-preview__brand{width:100%}
.restricted-enhanced-preview .rr-enhanced-logo{height:48px;max-width:min(100%,288px)}
.restricted-enhanced-preview__nav,.restricted-enhanced-preview__actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:100%}
.restricted-enhanced-preview__nav>a,.restricted-enhanced-preview__actions>a{display:inline-flex;align-items:center;gap:6px;min-width:0;padding:6px 9px;border:1px solid #343e56;border-radius:8px;background:#111522;color:var(--text);font:700 12px/1.15 'Share Tech Mono',monospace;white-space:nowrap;text-decoration:none}
.restricted-enhanced-preview__nav>a:hover,.restricted-enhanced-preview__nav>a:focus-visible,.restricted-enhanced-preview__actions>a:hover,.restricted-enhanced-preview__actions>a:focus-visible{border-color:var(--rr-cyan);text-decoration:none;outline:none}
.restricted-enhanced-preview__nav img,.restricted-enhanced-preview__actions img{display:block;width:42px;height:42px;object-fit:contain;flex:0 0 42px}
.restricted-code-display{display:block;width:100%;margin:18px 0 10px;padding:18px;border:1px solid var(--border);border-radius:var(--rr-radius-control);background:#080a10;color:var(--text);font:13px/1.55 'Share Tech Mono',monospace;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;overflow:visible}
.restricted-code-display code{display:block;max-width:100%;white-space:inherit;overflow-wrap:inherit;word-break:inherit;font:inherit;color:inherit}
@media(max-width:600px){.restricted-mode-stack .restricted-mode{padding:16px}.restricted-enhanced-preview{padding:14px}.restricted-enhanced-preview__nav,.restricted-enhanced-preview__actions{display:grid;grid-template-columns:1fr}.restricted-enhanced-preview__nav>a,.restricted-enhanced-preview__actions>a{width:100%}}


/* v8.3.0.51 — mobile navigation, jobs housekeeping and rate-limit semantics */
.header-menu-toggle{display:none}
.header-search-icon{display:none}
@media(min-width:801px){
  .nav>nav{flex-wrap:nowrap;white-space:nowrap}
}
@media(max-width:800px){
  .topbar{position:sticky}
  .nav{
    display:grid;
    grid-template-columns:minmax(0,1fr) 46px;
    grid-template-rows:auto auto auto;
    align-items:center;
    gap:12px 9px;
    padding:14px 0 16px;
  }
  .nav>.brand-artwork{grid-column:1/-1;grid-row:1;justify-self:start;order:initial}
  .nav>.brand-artwork img{width:min(260px,76vw);height:auto;max-height:none}
  .nav>.header-home-search{
    grid-column:1;grid-row:2;order:initial;width:100%;max-width:none;margin:0;
    display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px;
  }
  .nav>.header-home-search input,.nav>.header-home-search .button{height:46px;margin:0}
  .nav>.header-home-search .button{width:46px;padding:0;display:grid;place-items:center;border-radius:var(--rr-radius-control)}
  .header-search-label{display:none}.header-search-icon{display:inline;font:700 20px/1 system-ui,sans-serif}
  .header-menu-toggle{
    grid-column:2;grid-row:2;display:grid;place-items:center;width:46px;height:46px;padding:0;
    border:1px solid var(--border);border-radius:var(--rr-radius-control);background:#0b0e17;color:var(--text);
    font:700 25px/1 'Share Tech Mono',monospace;cursor:pointer;
  }
  .header-menu-toggle:hover,.header-menu-toggle:focus-visible{border-color:var(--rr-cyan);outline:none}
  .nav>nav{
    grid-column:1/-1;grid-row:3;order:initial;width:100%;display:none;align-items:stretch;justify-content:flex-start;
    gap:4px;flex-direction:column;flex-wrap:nowrap;padding:7px 0 0;border-top:1px solid var(--border);
  }
  .nav>nav.is-open{display:flex}
  .nav>nav>a,.nav>nav>.admin-menu{width:100%;margin:0}
  .nav>nav>a,.admin-menu>summary{display:block;padding:9px 4px}
  .admin-menu{display:block}.admin-menu-panel{position:static;margin-top:3px;box-shadow:none;min-width:0}
}
@media(min-width:801px) and (max-width:1100px){
  .nav{grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr);gap:8px 18px}
  .nav>nav{gap:18px}
}
.admin-job-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.admin-job-actions form{margin:0}
.health-table-wrap{max-width:100%;overflow-x:auto}
.jobs-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;flex-wrap:wrap}
.jobs-pagination .button{margin:0}
@media(max-width:720px){.admin-job-actions{justify-content:stretch}.admin-job-actions form{width:100%}.admin-job-actions .button{width:100%;margin:0}}
.health-rate_limited{border-color:var(--rr-yellow)}

/* v8.3.0.52 — premium RainbowRing widget visual system */
.restricted-enhanced-preview{
  position:relative;
  overflow:hidden;
  padding:20px !important;
  border:2px solid transparent !important;
  border-radius:18px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0) 24%) padding-box,
    linear-gradient(180deg,#121924,#080b11) padding-box,
    conic-gradient(from 225deg,#9d56ff,#4a8dff,#3ce8ff,#54ef68,#ffe84a,#ff8a24,#ff3355,#9d56ff) border-box !important;
  box-shadow:0 14px 32px rgba(0,0,0,.34),0 0 16px rgba(60,210,255,.12) !important;
}
.restricted-enhanced-preview__brand{
  justify-content:center;
  padding-bottom:14px;
  border-bottom:1px solid rgba(189,211,235,.18);
}
.restricted-enhanced-preview .rr-enhanced-logo{height:auto !important;width:min(100%,310px) !important;max-width:310px !important;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}
.restricted-enhanced-preview__nav,.restricted-enhanced-preview__actions{justify-content:center;gap:0 !important}
.restricted-enhanced-preview__nav{padding:4px 0 12px;border-bottom:1px solid rgba(189,211,235,.18)}
.restricted-enhanced-preview__actions{padding-top:2px}
.restricted-enhanced-preview__nav>a,.restricted-enhanced-preview__actions>a{
  position:relative;
  flex:1 1 0;
  min-width:92px !important;
  min-height:82px;
  flex-direction:column;
  justify-content:center;
  gap:7px !important;
  padding:9px 10px !important;
  border:0 !important;
  border-radius:12px !important;
  background:transparent !important;
  color:#f4f7fb !important;
  font:700 11px/1.15 system-ui,-apple-system,"Segoe UI",sans-serif !important;
  letter-spacing:.03em;
  transition:background-color .16s ease,transform .16s ease,filter .16s ease;
}
.restricted-enhanced-preview__nav>a:not(:first-child)::before,.restricted-enhanced-preview__actions>a:not(:first-child)::before{
  content:"";position:absolute;left:0;top:18%;bottom:18%;width:1px;background:rgba(189,211,235,.18)
}
.restricted-enhanced-preview__nav>a:hover,.restricted-enhanced-preview__nav>a:focus-visible,.restricted-enhanced-preview__actions>a:hover,.restricted-enhanced-preview__actions>a:focus-visible{
  background:rgba(110,190,255,.075) !important;transform:translateY(-1px);filter:brightness(1.08)
}
.restricted-enhanced-preview__nav img,.restricted-enhanced-preview__actions img{width:42px !important;height:42px !important;flex:0 0 42px !important;filter:drop-shadow(0 0 7px rgba(87,171,255,.25))}
.restricted-enhanced-preview__actions>a:first-child img{filter:drop-shadow(0 0 7px rgba(255,56,92,.28))}
.restricted-enhanced-preview__actions>a:last-child img{filter:drop-shadow(0 0 7px rgba(58,236,105,.26))}
@media(max-width:600px){
  .restricted-enhanced-preview__nav{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  .restricted-enhanced-preview__actions{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .restricted-enhanced-preview__nav>a,.restricted-enhanced-preview__actions>a{width:100%;min-width:0 !important}
}


/* v8.3.0.56 — public legal pages and persistent legal links */
.legal-page{max-width:920px;margin:0 auto;padding:46px 0 10px}
.legal-hero{padding:30px 0 24px;border-bottom:1px solid var(--border)}
.legal-hero h1{font-size:clamp(42px,7vw,72px);margin:10px 0 12px}
.legal-updated{font-family:'Share Tech Mono',monospace;color:var(--muted);margin:0 0 22px}
.legal-lead{font-size:19px;color:var(--muted);max-width:800px}
.legal-content{padding-top:18px}
.legal-content section{padding:26px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.legal-content section:last-child{border-bottom:0}
.legal-content h2{font-size:28px;margin:0 0 16px;color:var(--text)}
.legal-content h3{font-size:20px;margin:24px 0 10px;color:var(--accent)}
.legal-content p{margin:10px 0;color:#cbd4e5}
.legal-content strong{color:var(--text)}
.legal-content code{font-family:'Share Tech Mono',monospace;color:var(--cyan);background:#090d16;border:1px solid var(--border);padding:2px 5px}
.footer-legal{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:7px;font-size:12px}
.footer-legal a{color:var(--muted)}
.footer-legal a:hover{color:var(--cyan)}
.registration-legal{font-size:12px;color:var(--muted);line-height:1.5;margin:10px 0 0}
.registration-legal a{font-weight:700}
@media(max-width:560px){.legal-page{padding-top:24px}.legal-hero h1{font-size:38px}.legal-lead{font-size:17px}.legal-content h2{font-size:24px}.footer-legal{justify-content:center}}