/* ROJIURA — discovery UI. Tokens → primitives → public → workspace → responsive.
   No inherited prototype overrides, web fonts, continuous animation or layout JS. */
:root {
  --bg:#101110;
  --bg2:#191b19;
  --panel:#1c1e1c;
  --panel2:#262926;
  --ink:#f3f3eb;
  --muted:#b4b9b0;
  --faint:#989f95;
  --line:#353a33;
  --line2:#656e60;
  --orange:#ff782e;
  --orange-ink:#ff9a65;
  --amber:#ffb381;
  --green:#c8f36b;
  --danger:#ff8f83;
  --dark:#101110;
  --dark-ink:#f5f3e9;
  --dark-muted:#bbbbb1;
  --radius:8px;
  --shadow:0 16px 64px #0003;
  --header-h:76px;
  --sans:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,"Noto Sans CJK JP",sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  font-family:var(--sans);
  color:var(--ink);
  background:var(--bg);
  font-synthesis:none;
}

* {
  box-sizing:border-box
}

html {
  scroll-padding-top:90px
}

body {
  margin:0;
  line-height:1.6;
  -webkit-font-smoothing:antialiased
}

body.modal-open {
  overflow:hidden
}

button,input,textarea,select {
  font:inherit
}

button,a,input,textarea,select {
  -webkit-tap-highlight-color:transparent
}

button {
  cursor:pointer
}

button {
  color:inherit
}

button:disabled {
  cursor:not-allowed;
  opacity:.5
}

a {
  color:inherit;
  text-decoration:none
}

a:hover {
  text-decoration:none
}

img {
  display:block;
  max-width:100%
}

button {
  border:0;
  background:none
}

h1,h2,h3,h4,p {
  margin:0
}

h1,h2,h3,h4 {
  line-height:1.35
}

h1 {
  font-size:38px;
  letter-spacing:-.04em
}

h2 {
  font-size:22px;
  letter-spacing:-.03em
}

h3 {
  font-size:17px
}

em {
  font-style:normal;
  color:inherit
}

strong {
  font-weight:700
}

small {
  font-size:12px
}

svg {
  flex-shrink:0
}

.ui-icon {
  width:20px;
  height:20px;
  vertical-align:middle
}

button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible {
  outline:3px solid var(--orange-ink);
  outline-offset:4px
}

header :focus-visible,.home-hero :focus-visible,.mobile-nav :focus-visible {
  outline-color:var(--orange)
}

[hidden],.hidden {
  display:none!important
}

.visually-hidden {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}

.shell {
  width:min(1240px,calc(100% - 80px));
  margin-inline:auto
}

.view {
  display:none
}

.view.active {
  display:block
}

.view:not(#view-home) {
  padding-block:46px 64px;
  min-height:65vh
}

.skip-link {
  position:fixed;
  z-index:200;
  top:8px;
  left:16px;
  transform:translateY(-160%);
  padding:12px;
  background:var(--orange);
  color:#171918
}

.skip-link:focus {
  transform:none
}

::selection {
  background:#ffb282;
  color:#171918
}

/* Controls */
.solid-btn,.ghost-btn,.soft-btn,.text-btn,.danger-btn,.mini-btn,.social-link,.page-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:44px;
  padding:10px 16px;
  border-radius:5px;
  font-size:13px;
  font-weight:700;
  line-height:1.4;
  transition:background .16s,border-color .16s,transform .16s;
  white-space:normal;
  text-align:center
}

.solid-btn {
  background:var(--orange);
  color:#191b17;
  border:1px solid var(--orange)
}

.solid-btn:hover {
  background:#ff854a;
  border-color:#ff854a;
  transform:translateY(-1px)
}

.solid-btn>span[aria-hidden] {
  font-size:20px;
  margin-left:14px
}

.ghost-btn,.soft-btn,.social-link {
  border:1px solid var(--line2);
  background:transparent
}

.ghost-btn:hover,.soft-btn:hover,.social-link:hover {
  background:var(--bg2);
  border-color:var(--ink)
}

.text-btn {
  padding-inline:0;
  border-radius:0;
  gap:12px
}

.text-btn:hover {
  color:var(--orange-ink)
}

.danger-btn {
  color:var(--danger);
  border:1px solid #c68e89;
  background:#fff9f6
}

.mini-btn {
  padding:8px 12px;
  border:1px solid var(--line);
  min-height:40px;
  font-size:12px
}

.mini-btn:hover {
  border-color:var(--ink)
}

.mini-btn.delete {
  color:var(--danger)
}

.eyebrow,.est,.random-label,.section-number {
  font-family:var(--mono);
  font-size:11px;
  line-height:1.4;
  letter-spacing:.12em;
  font-weight:500
}

.eyebrow {
  color:var(--muted);
  display:block;
  margin-bottom:8px
}

.muted {
  color:var(--muted)
}

.stack-actions {
  display:flex;
  gap:12px;
  flex-wrap:wrap
}

.empty-state {
  grid-column:1/-1;
  padding:32px 20px;
  border:1px dashed var(--line2);
  color:var(--muted);
  text-align:center;
  line-height:1.8;
  border-radius:5px
}

.empty-state strong {
  color:var(--ink)
}

.empty-state p+button {
  margin-top:16px
}

.loading-inline {
  border:0;
  padding:32px
}

.connection-notice {
  margin:16px 0;
  padding:14px 20px;
  border:1px solid #cb854d;
  background:#fff3d9;
  font-size:14px
}

.connection-notice button {
  margin-left:16px
}

.result-meta {
  font:11px/1.5 var(--mono);
  color:var(--muted)
}

/* Header: visual identity here, navigation never competes with the content. */
header {
  background:var(--dark);
  color:var(--dark-ink);
  position:sticky;
  top:0;
  z-index:30;
  border-bottom:1px solid #ffffff1f
}

.head {
  height:var(--header-h);
  display:flex;
  align-items:center;
  gap:30px
}

.brand {
  display:flex;
  align-items:center;
  gap:12px;
  padding:0;
  text-align:left;
  flex-shrink:0
}

.brand-mark {
  width:42px;
  height:42px;
  background:#000
}

.brand-mark img {
  width:100%;
  height:100%;
  object-fit:contain
}

.brand-name {
  font-size:18px;
  font-weight:750;
  letter-spacing:-.025em;
  line-height:1.4
}

.brand-name small {
  font:9px/1.6 var(--mono);
  display:block;
  letter-spacing:.16em;
  color:#bbbfb6
}

.head nav {
  display:flex;
  align-items:center;
  gap:22px;
  margin-left:auto;
  height:100%
}

.nav-btn {
  font-size:13px;
  white-space:nowrap;
  padding:12px 0;
  color:#bec1b8;
  border-radius:0;
  position:relative
}

.nav-btn:hover,.nav-btn.active {
  color:#fff
}

.nav-btn.active:after {
  content:'';
  position:absolute;
  bottom:3px;
  left:0;
  right:0;
  height:2px;
  background:var(--orange)
}

.account-cta {
  display:flex;
  align-items:center;
  gap:10px;
  background:var(--orange);
  border-radius:5px;
  padding:10px 15px;
  color:#171918;
  min-height:44px;
  max-width:220px;
  flex-shrink:0
}

.account-cta:hover {
  background:#ff854a
}

.account-avatar {
  width:24px;
  height:24px;
  font-size:24px;
  display:grid;
  place-items:center;
  line-height:1
}

.account-avatar img {
  width:24px;
  height:24px;
  object-fit:cover;
  border-radius:50%
}

.account-copy {
  display:flex;
  flex-direction:column;
  text-align:left;
  min-width:0
}

.account-copy small {
  font:9px/1.4 var(--mono);
  letter-spacing:.05em
}

.account-copy strong {
  font-size:12px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:145px
}

/* Original layout primitives; current discovery composition is defined below. */
.home-hero {
  position:relative;
  display:grid;
  grid-template-columns:1fr 1.03fr;
  gap:64px;
  color:var(--dark-ink);
  padding-block:32px 34px;
  isolation:isolate
}

.home-hero:before {
  content:'';
  position:absolute;
  inset:0 calc((min(1240px,100vw - 80px) - 100vw)/2);
  background:var(--dark);
  z-index:-1
}

.intro-stage {
  position:relative;
  padding-right:80px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0
}

.intro-meta {
  display:flex;
  gap:20px;
  align-items:center;
  margin-bottom:16px
}

.intro-meta .eyebrow {
  color:#d9dbd0;
  margin:0;
  font-size:10px
}

.est {
  color:#92998c;
  font-size:10px;
  letter-spacing:.03em
}

.compact-logo {
  position:absolute;
  right:0;
  top:22px;
  width:78px;
  height:78px;
  object-fit:contain;
  background:#000
}

.club-goal {
  font-size:clamp(32px,2.8vw,42px);
  letter-spacing:-.065em;
  line-height:1.16;
  font-weight:800;
  white-space:nowrap
}

.goal-break {
  display:inline
}

.hero-motto {
  font-size:17px;
  font-weight:600;
  margin-top:10px
}

.hero-motto span {
  font-size:13px;
  color:#b5bbb0;
  font-weight:500
}

.lead {
  font-size:12px;
  line-height:1.85;
  color:#bfc3b8;
  margin-top:16px
}

.hero-actions {
  display:flex;
  gap:24px;
  align-items:center;
  margin-top:20px
}

.hero-actions .text-btn {
  color:#e2e4d9;
  font-weight:500;
  font-size:12px
}

.hero-actions .text-btn:hover {
  color:var(--orange)
}

.pickup-stage {
  display:flex;
  flex-direction:column;
  min-width:0;
  justify-content:center;
  border-left:1px solid #ffffff20;
  padding-left:30px
}

.pickup-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:18px
}

.pickup-head h2 {
  font-size:13px;
  font-weight:600;
  color:#d9dfd1;
  letter-spacing:.01em
}

.random-label {
  font-size:9px;
  color:#b9c0b0;
  display:flex;
  gap:6px;
  align-items:center;
  letter-spacing:.05em
}

.random-label:before {
  content:'';
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--orange)
}

.pickup-card {
  display:grid;
  grid-template-columns:42% 1fr;
  gap:24px;
  align-items:center;
  min-width:0
}

.pickup-cover {
  display:block;
  min-width:0
}

.pickup-cover .activity-art {
  aspect-ratio:1.2;
  min-height:150px
}

.pickup-card h3 {
  font-size:20px;
  font-weight:700;
  line-height:1.6;
  letter-spacing:-.025em;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden
}

.pickup-card h3 a:hover {
  color:var(--orange)
}

.pickup-card .activity-kicker {
  color:#afb6a7;
  margin-bottom:8px;
  font-size:10px
}

.member-inline {
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:14px;
  padding:0;
  min-height:32px;
  color:#e7eade;
  font-size:11px
}

.member-inline img {
  width:25px;
  height:25px;
  border-radius:50%;
  object-fit:cover
}

.pickup-open {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  color:#c4cbbc;
  margin-top:12px
}

.pickup-open .ui-icon {
  width:14px;
  height:14px
}

.pickup-open:hover {
  color:var(--orange)
}

.pickup-note {
  margin-top:14px;
  font-size:10px;
  color:#9ba492
}

.pickup-stage .empty-state {
  background:#242822;
  border-color:#526047;
  color:#b7bfae
}

.pickup-stage .empty-state strong {
  color:#fff
}

/* A text-only pickup is an honest shared note, not a counterfeit thumbnail. */
.feature-note {
  display:block;
  padding:24px 26px;
  background:#e7b58a;
  color:#302b22;
  border-radius:4px;
  min-height:180px;
  position:relative
}

.feature-note .activity-kicker {
  color:#504634;
  font-size:10px;
  margin-bottom:16px
}

.feature-note h3 {
  font-size:23px;
  line-height:1.7;
  letter-spacing:-.035em;
  max-width:440px;
  -webkit-line-clamp:2
}

.feature-note h3 a:hover {
  color:#5d321d;
  text-decoration:underline;
  text-underline-offset:5px
}

.feature-note .member-inline,.feature-note .pickup-open {
  color:#4c4233
}

.feature-note .member-inline {
  margin-top:0
}

.feature-bottom {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-top:20px
}

.feature-bottom .pickup-open {
  margin:0;
  min-height:36px
}

.feature-number {
  opacity:.8
}

/* Public sections: open gallery; no card-in-card framing. */
.activity-panel {
  padding-top:30px
}

.section-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:20px
}

.section-title {
  display:flex;
  align-items:center;
  gap:16px
}

.section-number {
  border:1px solid var(--line2);
  border-radius:50%;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  font-size:10px;
  flex-shrink:0
}

.section-title .eyebrow {
  font-size:9px;
  margin-bottom:4px;
  letter-spacing:.17em
}

.section-head h2 {
  font-size:22px;
  font-weight:750;
  letter-spacing:-.04em
}

.section-head .text-btn {
  font-size:11px;
  font-weight:600
}

.section-description {
  font-size:12px;
  color:var(--muted)
}

.activity-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px
}

.activity-card {
  min-width:0;
  background:transparent;
  border:0;
  border-radius:0;
  display:flex;
  flex-direction:column
}

.activity-link {
  display:block;
  outline-offset:5px;
  transition:transform .18s
}

.activity-art {
  width:100%;
  aspect-ratio:16/10;
  position:relative;
  overflow:hidden;
  border-radius:3px;
  background:#dfe2d6;
  color:#29362c
}

.link-cover {
  position:absolute;
  inset:0;
  isolation:isolate;
  padding:14px 16px;
  overflow:hidden
}

.cover-0 {
  background:#ecb786;
  color:#422f20
}

.cover-1 {
  background:#ccd8bd;
  color:#314433
}

.cover-2 {
  background:#d4d3e3;
  color:#373a56
}

.cover-3 {
  background:#dce0da;
  color:#243630
}

.cover-index {
  position:absolute;
  top:14px;
  left:16px;
  font:9px/1 var(--mono);
  letter-spacing:.06em;
  z-index:2
}

.cover-caption {
  position:absolute;
  bottom:12px;
  left:16px;
  right:16px;
  display:flex;
  justify-content:space-between;
  font:8px var(--mono);
  letter-spacing:.12em;
  z-index:2
}

.cover-word {
  position:absolute;
  left:16px;
  right:14px;
  bottom:38px;
  z-index:2;
  font:700 22px/1.55 var(--sans);
  letter-spacing:-.055em;
  display:flex;
  justify-content:space-between;
  align-items:center
}

.cover-note {
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  overflow-wrap:anywhere;
  max-width:100%;
  letter-spacing:-.025em
}

.cover-word {
  bottom:auto!important;
  top:40px;
  max-height:calc(100% - 68px)
}

.cover-geometry {
  position:absolute;
  top:-20px;
  right:-25px;
  width:165px;
  height:165px;
  opacity:.15;
  transform:rotate(-24deg);
  pointer-events:none
}

.cover-geometry i {
  display:block;
  position:absolute;
  border:1.5px solid currentColor
}

.geometry-0 i {
  width:115px;
  height:115px;
  border-radius:50%;
  top:0;
  left:0
}

.geometry-0 i:nth-child(2) {
  left:18px;
  top:15px
}

.geometry-0 i:nth-child(3) {
  left:36px;
  top:30px
}

.geometry-0 i:nth-child(4) {
  left:54px;
  top:45px
}

.geometry-1 i {
  width:100%;
  height:100%;
  left:0;
  top:0;
  border-radius:0
}

.geometry-1 i:nth-child(2) {
  transform:rotate(20deg) scale(.8)
}

.geometry-1 i:nth-child(3) {
  transform:rotate(40deg) scale(.6)
}

.geometry-1 i:nth-child(4) {
  transform:rotate(60deg) scale(.4)
}

.geometry-2 i {
  height:110px;
  width:70px;
  border-radius:70px;
  top:0;
  left:0
}

.geometry-2 i:nth-child(2) {
  left:28px;
  top:20px
}

.geometry-2 i:nth-child(3) {
  left:56px;
  top:40px
}

.geometry-2 i:nth-child(4) {
  left:84px;
  top:60px
}

.geometry-3 i {
  height:140px;
  width:140px;
  border-radius:50%;
  top:0;
  left:0
}

.geometry-3 i:nth-child(2) {
  transform:scale(.72)
}

.geometry-3 i:nth-child(3) {
  transform:scale(.45)
}

.geometry-3 i:nth-child(4) {
  transform:scale(.18)
}

.remote-thumbnail {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:3
}

.video-play {
  position:absolute;
  z-index:4;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none
}

.video-play .ui-icon {
  width:44px;
  height:44px;
  padding:10px;
  background:#111b;
  color:#fff;
  border-radius:50%
}

.activity-art:not(:has(.remote-thumbnail)) .video-play {
  display:none
}

.activity-body {
  padding:12px 0 0;
  display:flex;
  flex-direction:column;
  flex:1
}

.activity-kicker {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:var(--muted);
  font:10px/1.5 var(--mono);
  margin-bottom:8px
}

.activity-card:not(:has(.remote-thumbnail)) h3 {
  display:none
}

.activity-card h3 {
  font-size:14px;
  line-height:1.65;
  letter-spacing:-.015em;
  font-weight:650;
  min-height:46px;
  overflow-wrap:anywhere
}

.activity-card h3 a {
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden
}

.activity-card h3 a:hover {
  text-decoration:underline;
  text-underline-offset:4px
}

.activity-member {
  display:inline-flex;
  gap:8px;
  align-items:center;
  padding:0;
  min-height:40px;
  margin-top:8px;
  align-self:flex-start;
  font-size:11px;
  max-width:100%;
  text-align:left
}

.activity-member img {
  width:22px;
  height:22px;
  border-radius:50%;
  object-fit:cover;
  flex-shrink:0
}

.activity-member span {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.activity-footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid var(--line);
  margin-top:5px;
  min-height:44px
}

.activity-actions {
  display:flex;
  align-items:center;
  gap:6px
}

.icon-action {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:44px;
  min-height:44px;
  padding:8px;
  color:var(--muted);
  border-radius:4px;
  font:11px var(--mono)
}

.icon-action .ui-icon {
  width:17px;
  height:17px
}

.icon-action:hover {
  background:#e4e5da;
  color:var(--ink)
}

.icon-action.active {
  color:var(--orange-ink)
}

.icon-action.active .ui-icon {
  fill:#ffc6a5;
  stroke:var(--orange-ink)
}

.action-label {
  font-family:var(--sans);
  font-size:11px
}

.external-link {
  display:grid;
  place-items:center;
  min-width:44px;
  min-height:44px;
  color:var(--muted);
  border-radius:4px
}

.external-link:hover {
  color:var(--ink);
  background:#e4e5da
}

.external-link .ui-icon {
  width:17px;
  height:17px
}

.members-showcase {
  margin-top:36px;
  border-top:1px solid var(--line);
  padding-top:26px
}

.home-members-grid {
  display:grid;
  grid-template-columns:repeat(11,minmax(0,1fr));
  gap:16px;
  align-items:start;
  padding-block:4px 2px
}

.member-mini {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:0 2px 8px;
  transition:transform .16s
}

.member-mini img,.more-orb {
  width:56px;
  height:56px;
  border-radius:50%;
  object-fit:cover;
  box-shadow:0 0 0 3px var(--bg);
  transition:box-shadow .16s
}

.member-mini strong {
  font-size:10px;
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%
}

.more-orb {
  display:grid;
  place-items:center;
  border:1px solid var(--line2);
  font-size:24px
}

.member-rail-note {
  display:none
}

.start-preview {
  padding-block:30px 42px;
  margin-top:26px;
  border-top:1px solid var(--line)
}

.start-preview-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px
}

.start-preview-card {
  padding:18px 42px 18px 0;
  border-top:2px solid var(--ink);
  text-align:left;
  position:relative;
  border-radius:0;
  min-width:0;
  transition:border-color .16s
}

.start-preview-card small {
  font:10px var(--mono);
  color:var(--muted)
}

.start-preview-card h3 {
  font-size:16px;
  margin-top:10px
}

.start-preview-card p {
  font-size:12px;
  line-height:1.8;
  color:var(--muted);
  margin-top:8px
}

.guide-arrow {
  position:absolute;
  right:0;
  top:15px;
  font-size:23px
}

.start-preview-card:hover {
  border-color:var(--orange);
  color:var(--orange-ink)
}

/* Browsing + guides */
.page-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:40px;
  margin-bottom:32px
}

.page-head h1 {
  font-size:34px
}

.page-head>p {
  font-size:13px;
  line-height:1.9;
  max-width:410px;
  color:var(--muted)
}

.toolbar {
  display:flex;
  gap:12px;
  align-items:center;
  padding-block:16px;
  border-block:1px solid var(--line);
  margin-bottom:28px
}

.search-box {
  flex:1;
  min-width:160px;
  position:relative
}

.search-box input {
  width:100%;
  padding:12px 14px;
  border:1px solid var(--line2);
  border-radius:4px;
  background:var(--panel);
  min-height:46px;
  font-size:14px;
  color:var(--ink)
}

.select-box {
  border:1px solid var(--line2);
  border-radius:4px;
  background:var(--panel);
  min-height:46px;
  padding:10px 32px 10px 12px;
  font-size:13px;
  color:var(--ink);
  max-width:100%
}

.toolbar .result-meta {
  white-space:nowrap;
  margin-left:auto
}

.activities-list {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:32px 28px
}

.members-grid {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:16px
}

.member-card {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:16px;
  min-width:0;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:5px;
  position:relative;
  text-align:left;
  transition:transform .16s,border-color .16s
}

.member-no {
  font:9px var(--mono);
  color:var(--muted);
  margin-bottom:16px
}

.member-card img {
  height:64px;
  width:64px;
  border-radius:50%;
  object-fit:cover;
  margin-bottom:18px
}

.member-card h3 {
  font-size:14px;
  overflow-wrap:anywhere
}

.member-card p {
  font:9px var(--mono);
  color:var(--muted);
  margin-top:7px
}

.member-card-arrow {
  position:absolute;
  right:12px;
  bottom:10px;
  color:var(--muted)
}

.hidden-member {
  opacity:.6
}

.pagination {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  padding-top:28px
}

.page-btn {
  border:1px solid var(--line);
  min-width:44px;
  padding:8px 12px;
  font:13px var(--mono)
}

.page-btn.active {
  background:var(--ink);
  color:var(--bg);
  border-color:var(--ink)
}

.page-btn:hover:not(:disabled) {
  border-color:var(--ink)
}

.page-gap {
  padding:8px
}

.guide-layout {
  display:grid;
  grid-template-columns:240px 1fr;
  gap:40px
}

.guide-menu {
  display:flex;
  flex-direction:column;
  gap:0;
  border-top:1px solid var(--line)
}

.guide-tab {
  text-align:left;
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:20px 16px;
  border-bottom:1px solid var(--line);
  border-left:3px solid transparent
}

.guide-tab.active {
  background:var(--bg2);
  border-left-color:var(--orange)
}

.guide-tab small {
  font:10px var(--mono);
  color:var(--muted)
}

.guide-tab strong {
  font-size:15px
}

.guide-panel {
  padding:32px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:5px
}

.guide-title {
  font-size:30px;
  margin-bottom:18px
}

.guide-lead {
  font-size:15px;
  line-height:1.9;
  max-width:650px
}

.guide-cost {
  margin-top:24px;
  padding:16px 20px;
  border-left:3px solid var(--orange);
  background:var(--bg)
}

.guide-cost p {
  font-size:13px;
  line-height:1.9;
  margin-top:8px;
  color:var(--muted)
}

.steps {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin-top:30px
}

.step-card {
  border-top:1px solid var(--line2);
  padding-top:18px
}

.step-card>span {
  font:24px var(--mono);
  color:var(--orange-ink)
}

.step-card h3 {
  font-size:16px;
  margin-top:14px
}

.step-card p {
  font-size:13px;
  line-height:1.9;
  color:var(--muted);
  margin-top:10px
}

.guide-note {
  margin-top:28px;
  font-size:12px;
  color:var(--muted);
  line-height:1.9
}

/* Editorial About / legal. Text is allowed to be text, not another dashboard. */
.about-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:72px
}

.manifesto h1 {
  font-size:40px;
  line-height:1.6;
  margin-block:12px 24px
}

.manifesto p {
  font-size:15px;
  line-height:2;
  max-width:530px;
  margin-top:18px
}

.quote {
  padding-top:30px;
  margin-top:30px!important;
  border-top:1px solid var(--line2);
  font-weight:700
}

.principles {
  display:flex;
  flex-direction:column
}

.principle-card {
  display:flex;
  gap:24px;
  padding-block:22px;
  border-bottom:1px solid var(--line)
}

.principle-code {
  font:10px var(--mono);
  color:var(--muted);
  min-width:62px;
  line-height:1.8
}

.principle-card h3 {
  font-size:17px
}

.principle-card p {
  font-size:13px;
  line-height:1.9;
  color:var(--muted);
  margin-top:6px
}

.founder-mini {
  flex-wrap:wrap;
  align-items:center
}

.founder-mini>img {
  border-radius:50%;
  width:44px;
  height:44px
}

.founder-mini>div {
  flex:1;
  min-width:130px
}

.founder-mini h3 {
  font-size:15px
}

.founder-mini .soft-btn {
  font-size:11px
}

.about-policy-link {
  display:flex;
  justify-content:space-between;
  gap:30px;
  align-items:center;
  margin-top:48px;
  padding-top:24px;
  border-top:1px solid var(--line)
}

.about-policy-link p {
  font-size:13px;
  line-height:1.9;
  color:var(--muted)
}

.about-policy-link strong {
  display:block;
  color:var(--ink)
}

.terms-layout {
  display:grid;
  grid-template-columns:280px 1fr;
  gap:70px
}

.terms-intro {
  align-self:start;
  position:sticky;
  top:112px
}

.terms-intro h1 {
  font-size:34px;
  line-height:1.55;
  margin-bottom:24px
}

.terms-intro p {
  font-size:13px;
  line-height:2;
  color:var(--muted)
}

.terms-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px
}

.terms-card {
  border-top:1px solid var(--line2);
  padding-top:20px
}

.terms-card.wide,.terms-backup {
  grid-column:1/-1
}

.terms-code {
  font:10px var(--mono);
  letter-spacing:.04em;
  color:var(--muted);
  margin-bottom:10px
}

.terms-card h2 {
  font-size:18px;
  margin-bottom:12px
}

.terms-card p {
  font-size:13px;
  line-height:2;
  color:var(--muted);
  overflow-wrap:anywhere
}

.terms-card p+p {
  margin-top:12px
}

.terms-card .soft-btn {
  margin-top:16px
}

.terms-backup {
  padding:24px;
  background:#e8dec7;
  border-radius:5px
}

.terms-backup h2 {
  font-size:19px;
  margin-bottom:10px
}

.terms-backup p {
  font-size:13px;
  line-height:1.9
}

/* Account, editor and forms */
.account-choice-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px
}

.account-choice {
  background:var(--panel);
  border:1px solid var(--line);
  padding:32px;
  border-radius:6px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:28px;
  min-height:260px
}

.account-choice.primary {
  border-top:3px solid var(--orange)
}

.account-choice h2 {
  font-size:25px;
  margin:12px 0
}

.account-choice p {
  font-size:14px;
  line-height:1.9;
  color:var(--muted)
}

.google-button {
  display:flex;
  align-items:center;
  gap:14px;
  min-height:50px;
  width:100%;
  padding:12px 16px;
  border:1px solid var(--line2);
  background:#fff;
  color:#252725;
  border-radius:4px;
  text-align:left;
  font-size:14px
}

.google-button .google-mark {
  font:700 20px Arial,sans-serif
}

.google-state {
  font-size:10px;
  margin-left:auto;
  color:var(--muted)
}

.google-button.verified {
  border-color:var(--green)
}

.application-summary {
  padding-top:18px;
  display:flex;
  justify-content:space-between;
  font-size:12px;
  color:var(--muted)
}

.status-pill {
  display:inline-flex;
  padding:4px 8px;
  background:#e2e7d6;
  color:#344729;
  font:10px var(--mono);
  border-radius:4px
}

.join-layout {
  display:grid;
  grid-template-columns:260px 1fr;
  gap:48px
}

.join-side {
  align-self:start;
  position:sticky;
  top:108px
}

.join-side h2 {
  font-size:27px;
  margin-block:14px 20px
}

.join-side p {
  font-size:13px;
  color:var(--muted);
  line-height:2
}

.join-points {
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-block:24px;
  font-size:12px
}

.join-points span {
  border-bottom:1px solid var(--line);
  padding-bottom:8px
}

.form-card {
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:6px;
  padding:32px
}

.form-section+.form-section {
  margin-top:32px;
  padding-top:28px;
  border-top:1px solid var(--line)
}

.form-section-head {
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:16px
}

.form-section-head>span {
  font:10px var(--mono);
  color:var(--muted)
}

.form-section-head h2 {
  font-size:20px
}

.form-section>p {
  font-size:13px;
  color:var(--muted);
  line-height:1.9;
  margin-bottom:14px
}

.form-grid {
  display:grid;
  gap:16px
}

.form-grid.two {
  grid-template-columns:1fr 1fr
}

.field {
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:18px;
  min-width:0
}

.field>span,.field-group legend {
  font-size:13px;
  font-weight:600
}

.field>span>b {
  font-size:10px;
  font-weight:500;
  padding:3px 6px;
  background:#eee4d7;
  border-radius:3px;
  margin-left:5px
}

.field input,.field textarea,.limit-control input {
  border:1px solid var(--line2);
  background:#fffefa;
  min-height:46px;
  width:100%;
  padding:11px 13px;
  font-size:15px;
  border-radius:4px;
  color:var(--ink)
}

.field textarea {
  resize:vertical;
  min-height:104px;
  line-height:1.8
}

.field input::placeholder,.field textarea::placeholder {
  color:#777d71
}

.field-group {
  border:0;
  padding:0;
  margin:0 0 20px;
  min-width:0
}

.field-group legend {
  padding:0;
  margin-bottom:10px
}

.category-options {
  display:flex;
  gap:8px;
  flex-wrap:wrap
}

.category-option {
  cursor:pointer;
  position:relative;
  display:inline-flex
}

.category-option input {
  position:absolute;
  opacity:0;
  width:1px;
  height:1px
}

.category-option span {
  padding:10px 12px;
  min-height:40px;
  border:1px solid var(--line2);
  border-radius:4px;
  font:11px/1.7 var(--mono);
  color:var(--muted)
}

.category-option input:checked+span {
  background:var(--ink);
  color:var(--bg);
  border-color:var(--ink)
}

.category-option input:focus-visible+span {
  outline:3px solid var(--orange-ink);
  outline-offset:3px
}

.avatar-field {
  display:flex;
  gap:20px;
  align-items:center;
  margin-bottom:24px
}

.avatar-field b {
  font-size:14px
}

.avatar-field p {
  font-size:12px;
  line-height:1.8;
  max-width:300px
}

.avatar-picker {
  display:flex;
  flex-direction:column;
  align-items:center;
  width:84px;
  cursor:pointer;
  flex-shrink:0
}

.avatar-picker img {
  width:76px;
  height:76px;
  border-radius:50%;
  object-fit:cover;
  box-shadow:0 0 0 1px var(--line)
}

.avatar-picker>span {
  font-size:11px;
  display:grid;
  place-items:center;
  min-height:40px;
  text-decoration:underline;
  text-underline-offset:4px
}

.avatar-picker:has(+input:focus-visible) {
  outline:3px solid var(--orange-ink)
}

.optional-profile {
  border-top:1px solid var(--line);
  margin-top:12px
}

.optional-profile summary {
  list-style:none;
  cursor:pointer;
  min-height:52px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:13px
}

.optional-profile summary::-webkit-details-marker {
  display:none
}

.optional-profile summary small {
  font-size:10px;
  margin-left:12px;
  color:var(--muted);
  font-weight:400
}

.optional-profile-body {
  padding-top:20px
}

.terms-check {
  display:flex;
  gap:12px;
  align-items:flex-start;
  font-size:13px;
  line-height:1.9;
  margin-top:24px
}

.terms-check input {
  width:20px;
  height:20px;
  accent-color:var(--orange-ink);
  margin:2px 0;
  flex-shrink:0
}

.terms-read-link {
  display:inline-flex;
  min-height:44px;
  align-items:center;
  font-size:12px;
  text-decoration:underline;
  text-underline-offset:4px
}

.form-submit-row {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:18px
}

.turnstile-slot {
  flex-basis:100%;
  max-width:100%;
  overflow:hidden
}

.form-footnote {
  font-size:12px;
  line-height:1.9;
  color:var(--muted);
  margin-top:14px
}

.mypage-layout {
  display:grid;
  grid-template-columns:200px 1fr;
  gap:48px
}

.mypage-sidebar {
  align-self:start;
  padding-top:20px;
  border-top:2px solid var(--ink)
}

.mypage-avatar {
  width:68px;
  height:68px;
  border-radius:50%;
  object-fit:cover;
  margin-bottom:18px
}

.mypage-no {
  font:10px var(--mono);
  color:var(--muted)
}

.mypage-sidebar h2 {
  font-size:22px;
  overflow-wrap:anywhere;
  margin-block:5px 10px
}

.mypage-status {
  font-size:11px;
  color:var(--muted)
}

.sidebar-actions {
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:22px
}

.sidebar-actions button {
  font-size:12px
}

.mypage-workspace {
  min-width:0
}

.mypage-tabs {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-bottom:1px solid var(--line2);
  margin-bottom:24px
}

.mypage-tab {
  padding:14px 6px;
  min-height:48px;
  border-bottom:3px solid transparent;
  position:relative;
  bottom:-1px;
  font-size:13px;
  color:var(--muted)
}

.mypage-tab.active {
  border-color:var(--orange-ink);
  color:var(--ink);
  font-weight:700
}

.mypage-panel {
  padding:28px;
  border:1px solid var(--line);
  background:var(--panel);
  border-radius:5px
}

.panel-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:26px
}

.panel-head h2 {
  font-size:21px
}

.panel-head p {
  font-size:12px;
  line-height:1.8;
  color:var(--muted);
  max-width:310px
}

.panel-head .eyebrow {
  font-size:9px
}

.profile-editor-grid {
  display:grid;
  grid-template-columns:110px 1fr;
  gap:28px
}

.profile-avatar-editor {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px
}

.profile-avatar-editor small {
  font-size:10px;
  color:var(--muted);
  line-height:1.8;
  text-align:center
}

.editor-actions {
  display:flex;
  justify-content:flex-end;
  gap:12px;
  padding-top:16px;
  border-top:1px solid var(--line)
}

.manage-list {
  margin-top:28px
}

.manage-activity {
  display:flex;
  gap:14px;
  align-items:center;
  padding-block:14px;
  border-bottom:1px solid var(--line);
  min-width:0
}

.manage-thumb {
  width:56px;
  flex-shrink:0
}

.manage-thumb .activity-art {
  aspect-ratio:1
}

.compact .cover-caption,.compact .cover-index,.compact .cover-word {
  display:none
}

.manage-content {
  flex:1;
  min-width:0
}

.manage-content strong {
  font-size:13px;
  display:block;
  overflow-wrap:anywhere
}

.manage-content span {
  font-size:10px;
  color:var(--muted)
}

.manage-actions {
  display:flex;
  gap:6px;
  flex-shrink:0
}

.bookmark-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px
}

.settings-list {
  display:flex;
  flex-direction:column;
  gap:16px
}

.settings-card {
  display:flex;
  justify-content:space-between;
  gap:24px;
  padding:20px 0;
  border-top:1px solid var(--line);
  align-items:center
}

.settings-card h3 {
  font-size:17px;
  margin-bottom:8px
}

.settings-card p {
  font-size:12px;
  line-height:1.8;
  color:var(--muted);
  max-width:420px
}

.settings-card>button {
  flex-shrink:0
}

.danger-zone h3 {
  color:var(--danger)
}

/* Administration: functional density with a clear boundary from the public gallery. */
.admin-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:30px
}

.admin-title {
  font-size:32px
}

.admin-badge {
  font:10px var(--mono);
  color:var(--muted);
  border:1px solid var(--line2);
  border-radius:4px;
  padding:8px 10px
}

.admin-stats {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-bottom:28px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:5px
}

.stat-card {
  padding:20px 26px;
  border-right:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  align-items:center
}

.stat-card:last-child {
  border:0
}

.stat-card small {
  font-size:12px;
  color:var(--muted)
}

.stat-card strong {
  font:32px var(--mono)
}

.admin-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:start
}

.admin-panel {
  padding:28px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:5px;
  margin-bottom:24px;
  min-width:0
}

.admin-panel h2 {
  font-size:20px;
  margin-bottom:20px
}

.switch-row {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:18px 0;
  border-top:1px solid var(--line)
}

.switch-row strong {
  font-size:13px
}

.switch-row p {
  font-size:11px;
  color:var(--muted);
  margin-top:4px
}

.switch {
  width:52px;
  height:32px;
  min-width:52px;
  position:relative;
  border-radius:20px;
  background:#c1c5b9;
  border:1px solid var(--line2)
}

.switch:after {
  content:'';
  position:absolute;
  top:4px;
  left:4px;
  width:22px;
  height:22px;
  background:#fff;
  border-radius:50%;
  box-shadow:0 1px 3px #0003
}

.switch.on {
  background:var(--ink);
  border-color:var(--ink)
}

.switch.on:after {
  left:24px;
  background:var(--orange)
}

.limit-control {
  display:flex;
  gap:8px;
  align-items:center
}

.limit-control input {
  width:78px;
  font:14px var(--mono);
  padding:10px
}

.admin-maintenance {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px
}

.admin-maintenance button {
  font-size:11px
}

.admin-note {
  font-size:11px;
  color:var(--muted);
  line-height:1.9;
  margin-top:18px
}

.admin-member-row,.admin-activity-row {
  display:flex;
  gap:16px;
  align-items:center;
  padding-block:12px;
  border-bottom:1px solid var(--line);
  min-width:0
}

.admin-member-row img {
  width:36px;
  height:36px;
  object-fit:cover;
  border-radius:50%;
  flex-shrink:0
}

.admin-member-info,.admin-activity-info {
  flex:1;
  min-width:0
}

.admin-member-info strong,.admin-activity-info strong {
  font-size:13px;
  display:block;
  overflow-wrap:anywhere
}

.admin-member-info span,.admin-activity-info span {
  font-size:10px;
  color:var(--muted)
}

.admin-member-row>div:nth-child(2),.admin-activity-row>div:first-child {
  flex:1;
  min-width:0
}

.admin-member-row strong,.admin-activity-row strong {
  font-size:13px;
  overflow-wrap:anywhere
}

.admin-member-row small,.admin-activity-row small {
  color:var(--muted);
  font-size:10px
}

.admin-member-actions,.admin-activity-actions {
  display:flex;
  gap:6px;
  align-items:center
}

.admin-panel .toolbar {
  padding-top:0;
  border-top:0
}

.admin-search {
  margin-bottom:4px
}

.request-card {
  padding:16px 0;
  border-top:1px solid var(--line)
}

.request-head {
  display:flex;
  gap:12px;
  align-items:center
}

.request-head img {
  width:40px;
  height:40px;
  border-radius:50%
}

.request-head strong {
  font-size:14px
}

.request-head span {
  font-size:10px;
  color:var(--muted)
}

.request-card p {
  font-size:12px;
  color:var(--muted);
  line-height:1.8;
  margin-top:12px
}

.request-actions {
  display:flex;
  gap:8px;
  margin-top:12px
}

.audit-row {
  font-size:12px;
  line-height:1.9;
  border-bottom:1px solid var(--line);
  padding-block:10px;
  overflow-wrap:anywhere
}

.audit-row small,.audit-row time {
  font-size:10px;
  color:var(--muted)
}

.admin-result-meta {
  font-size:11px;
  color:var(--muted)
}

/* Dialog + footer */
.modal-layer {
  display:none;
  position:fixed;
  inset:0;
  z-index:100;
  align-items:center;
  justify-content:center;
  padding:28px
}

.modal-layer.open {
  display:flex
}

.backdrop {
  position:absolute;
  inset:0;
  background:#15181699;
  backdrop-filter:blur(5px)
}

.dialog,.confirm-dialog {
  position:relative;
  z-index:1;
  background:var(--bg);
  border:1px solid #bfc4b2;
  border-radius:9px;
  box-shadow:var(--shadow);
  max-height:calc(100dvh - 56px);
  overflow:auto;
  width:min(760px,100%);
  padding:40px;
  overscroll-behavior:contain
}

.dialog-close {
  position:absolute;
  top:12px;
  right:12px;
  border-radius:50%;
  background:var(--bg2);
  font-size:25px;
  line-height:1;
  width:44px;
  height:44px;
  z-index:2
}

.profile-grid {
  display:grid;
  grid-template-columns:130px 1fr;
  gap:30px
}

.profile-avatar {
  width:124px;
  height:124px;
  object-fit:cover;
  border-radius:50%;
  margin-top:12px
}

.profile-no {
  font:10px var(--mono);
  color:var(--muted)
}

.profile-name {
  font-size:28px;
  line-height:1.45;
  padding-right:32px;
  margin-block:8px 14px;
  overflow-wrap:anywhere
}

.profile-tags {
  display:flex;
  flex-wrap:wrap;
  gap:8px
}

.profile-tag {
  font:10px var(--mono);
  padding:5px 8px;
  border:1px solid var(--line2);
  border-radius:3px
}

.profile-bio {
  font-size:14px;
  line-height:1.9;
  margin-top:20px;
  overflow-wrap:anywhere
}

.social-row {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:18px
}

.social-link {
  font-size:12px;
  min-height:42px
}

.profile-latest {
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid var(--line2)
}

.profile-latest h4 {
  font:10px var(--mono);
  letter-spacing:.08em;
  color:var(--muted);
  margin-bottom:12px
}

.profile-latest>a {
  font-size:15px;
  font-weight:600;
  line-height:1.8;
  overflow-wrap:anywhere
}

.profile-latest>a:hover {
  text-decoration:underline
}

.profile-latest p {
  font-size:11px;
  color:var(--muted);
  margin-top:10px
}

.profile-latest .activity-actions {
  margin-top:8px
}

.confirm-dialog {
  width:min(470px,100%)
}

.confirm-dialog h2 {
  font-size:23px;
  margin-top:10px
}

.confirm-dialog p {
  font-size:14px;
  line-height:1.9;
  margin-top:18px;
  color:var(--muted)
}

.confirm-actions {
  display:flex;
  gap:12px;
  margin-top:24px;
  justify-content:flex-end
}

.toast {
  position:fixed;
  z-index:160;
  left:50%;
  bottom:24px;
  transform:translate(-50%,18px);
  opacity:0;
  visibility:hidden;
  background:var(--dark);
  color:#fff;
  padding:14px 22px;
  border-radius:6px;
  box-shadow:var(--shadow);
  max-width:calc(100vw - 32px);
  font-size:13px;
  transition:opacity .16s,transform .16s;
  pointer-events:none
}

.toast.show {
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0)
}

.toast.error {
  background:#7d221b
}

.app-loading {
  position:fixed;
  inset:0;
  background:var(--bg);
  display:grid;
  place-content:center;
  z-index:80;
  font-size:14px
}

.footer-inner {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  padding-block:32px
}

.footer-brand {
  font-size:16px;
  font-weight:700
}

.footer-brand span {
  display:block;
  font-size:11px;
  color:var(--muted);
  font-weight:400;
  margin-top:8px
}

.footer-brand small {
  display:block;
  font:9px var(--mono);
  color:var(--muted);
  margin-top:10px
}

.footer-links {
  display:flex;
  gap:26px
}

.footer-link {
  min-height:44px;
  padding:0;
  font-size:11px;
  color:var(--muted)
}

.footer-link:hover {
  color:var(--ink);
  text-decoration:underline
}

footer {
  border-top:1px solid var(--line)
}

.mobile-nav {
  display:none
}

@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .activity-link:hover {
    transform:translateY(-3px)
  }

  .member-mini:hover {
    transform:translateY(-3px)
  }

  .member-mini:hover img,.member-mini:hover .more-orb {
    box-shadow:0 0 0 2px var(--orange)
  }

  .member-card:hover {
    transform:translateY(-3px);
    border-color:var(--orange-ink)
  }

}

/* Tablet */
@media(max-width:1100px) {
  .shell {
    width:calc(100% - 48px)
  }

  .head {
    gap:20px
  }

  .head nav {
    gap:16px
  }

  .nav-btn {
    font-size:12px
  }

  .brand-name {
    font-size:16px
  }

  .brand-mark {
    width:34px;
    height:34px
  }

  .home-hero {
    gap:32px
  }

  .home-hero:before {
    inset-inline:-24px
  }

  .intro-stage {
    padding-right:64px
  }

  .compact-logo {
    width:58px;
    height:58px;
    top:26px
  }

  .club-goal {
    font-size:32px
  }

  .intro-meta {
    gap:10px
  }

  .intro-meta .eyebrow {
    font-size:9px
  }

  .est {
    font-size:9px
  }

  .hero-actions {
    gap:16px
  }

  .hero-actions .solid-btn {
    font-size:11px;
    padding-inline:12px
  }

  .hero-actions .solid-btn>span {
    margin-left:0
  }

  .pickup-stage {
    padding-left:24px
  }

  .pickup-card {
    gap:16px;
    grid-template-columns:40% 1fr
  }

  .pickup-card h3 {
    font-size:17px
  }

  .pickup-cover .activity-art {
    min-height:140px;
    aspect-ratio:1
  }

  .activity-grid,.start-preview-grid {
    gap:18px
  }

  .members-grid {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }

  .home-members-grid {
    gap:8px
  }

  .member-mini img,.more-orb {
    width:48px;
    height:48px
  }

  .guide-layout {
    grid-template-columns:200px 1fr;
    gap:24px
  }

  .terms-layout {
    gap:36px;
    grid-template-columns:220px 1fr
  }

  .mypage-layout {
    grid-template-columns:160px 1fr;
    gap:24px
  }

  .mypage-panel {
    padding:24px
  }

  .profile-editor-grid {
    gap:20px;
    grid-template-columns:90px 1fr
  }

  .admin-panel {
    padding:22px
  }

  .admin-member-actions {
    flex-wrap:wrap;
    justify-content:flex-end
  }

  .stat-card {
    padding:18px
  }

  .join-layout {
    gap:32px;
    grid-template-columns:220px 1fr
  }

}

@media(max-width:850px) {
  .head nav {
    display:none
  }

  .account-cta {
    margin-left:auto
  }

  .brand-mark {
    width:40px;
    height:40px
  }

  .brand-name {
    font-size:18px
  }

  .home-hero {
    grid-template-columns:1fr 1fr;
    gap:24px
  }

  .intro-stage {
    padding-right:0
  }

  .compact-logo {
    top:0;
    right:0;
    width:48px;
    height:48px
  }

  .intro-meta {
    padding-right:52px;
    display:block
  }

  .intro-meta .est {
    display:none
  }

  .club-goal {
    font-size:30px
  }

  .hero-motto {
    font-size:15px
  }

  .hero-actions {
    gap:10px;
    flex-wrap:wrap;
    margin-top:16px
  }

  .hero-actions .text-btn {
    font-size:11px
  }

  .lead {
    font-size:11px
  }

  .pickup-card {
    grid-template-columns:1fr
  }

  .pickup-cover .activity-art {
    aspect-ratio:2.4;
    min-height:0;
    max-height:110px
  }

  .pickup-head {
    margin-bottom:12px;
    flex-wrap:wrap;
    gap:8px
  }

  .pickup-card {
    gap:12px
  }

  .pickup-card h3 {
    font-size:15px;
    -webkit-line-clamp:2
  }

  .pickup-card .member-inline {
    margin-top:8px
  }

  .pickup-open {
    display:none
  }

  .pickup-note {
    font-size:9px
  }

  .pickup-stage .cover-word {
    font-size:28px;
    bottom:30px
  }

  .pickup-stage .cover-caption {
    font-size:7px;
    bottom:10px
  }

  .activity-grid {
    gap:18px;
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .cover-word {
    font-size:25px
  }

  .activity-card h3 {
    min-height:42px
  }

  .home-members-grid {
    display:flex;
    overflow-x:auto;
    scrollbar-width:thin;
    scroll-snap-type:x proximity;
    padding:6px 4px 14px
  }

  .member-mini {
    flex:0 0 66px;
    scroll-snap-align:start;
    gap:9px
  }

  .member-mini img,.more-orb {
    width:48px;
    height:48px
  }

  .member-rail-note {
    display:block;
    font-size:10px;
    color:var(--muted);
    margin-top:4px
  }

  .section-head h2 {
    font-size:21px
  }

  .section-head {
    gap:16px
  }

  .section-description {
    font-size:11px
  }

  .section-number {
    display:none
  }

  .start-preview-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .activities-list {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px 20px
  }

  .page-head {
    align-items:flex-start;
    gap:18px
  }

  .page-head h1 {
    font-size:30px
  }

  .page-head>p {
    max-width:330px;
    font-size:12px
  }

  .toolbar {
    flex-wrap:wrap
  }

  .toolbar .result-meta {
    margin-left:0
  }

  .search-box {
    flex-basis:100%
  }

  .members-grid {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }

  .guide-layout {
    grid-template-columns:1fr;
    gap:24px
  }

  .guide-menu {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    border-top:0;
    border-bottom:1px solid var(--line2)
  }

  .guide-tab {
    padding:14px 8px;
    border-left:0;
    border-bottom:3px solid transparent
  }

  .guide-tab.active {
    border-left:0;
    border-bottom-color:var(--orange-ink);
    background:transparent
  }

  .guide-tab small {
    font-size:9px
  }

  .guide-tab strong {
    font-size:13px
  }

  .about-grid {
    gap:32px
  }

  .manifesto h1 {
    font-size:32px
  }

  .manifesto p {
    font-size:13px
  }

  .principle-card {
    gap:14px
  }

  .principle-code {
    min-width:55px;
    font-size:9px
  }

  .terms-layout {
    grid-template-columns:1fr
  }

  .terms-intro {
    position:static;
    max-width:600px
  }

  .terms-intro h1 br {
    display:none
  }

  .terms-intro h1 {
    font-size:30px;
    margin-bottom:16px
  }

  .terms-grid {
    gap:24px
  }

  .join-layout {
    grid-template-columns:1fr;
    gap:24px
  }

  .join-side {
    position:static;
    padding-bottom:20px;
    border-bottom:1px solid var(--line)
  }

  .join-side h2 {
    display:none
  }

  .join-side .eyebrow {
    display:none
  }

  .join-points {
    flex-direction:row;
    flex-wrap:wrap;
    margin:10px 0;
    gap:12px
  }

  .join-points span {
    border:0;
    padding:0;
    font-size:11px
  }

  .join-side>.text-btn {
    display:none
  }

  .account-choice-grid {
    gap:20px
  }

  .account-choice {
    padding:24px
  }

  .account-choice h2 {
    font-size:21px
  }

  .account-choice p {
    font-size:12px
  }

  .mypage-layout {
    grid-template-columns:1fr;
    gap:24px
  }

  .mypage-sidebar {
    display:flex;
    align-items:center;
    gap:16px;
    padding:0;
    border:0
  }

  .mypage-avatar {
    margin:0;
    width:48px;
    height:48px
  }

  .mypage-sidebar h2 {
    font-size:18px;
    margin:0
  }

  .mypage-status {
    display:none
  }

  .sidebar-actions {
    margin:0 0 0 auto;
    flex-direction:row
  }

  .sidebar-actions .soft-btn {
    font-size:11px;
    max-width:none;
    white-space:nowrap;
    padding-inline:12px
  }

  .mypage-tabs {
    margin-bottom:20px
  }

  .panel-head {
    gap:18px
  }

  .panel-head p {
    font-size:11px;
    max-width:230px
  }

  .admin-grid {
    grid-template-columns:1fr;
    gap:0
  }

  .admin-top {
    gap:14px
  }

  .admin-stats {
    grid-template-columns:1fr 1fr
  }

  .stat-card {
    border-bottom:1px solid var(--line)
  }

  .stat-card:nth-child(2) {
    border-right:0
  }

  .stat-card:nth-child(3) {
    border-bottom:0
  }

  .admin-member-actions,.admin-activity-actions {
    gap:5px
  }

  .admin-badge {
    font-size:9px
  }

  .footer-inner {
    gap:24px
  }

  .footer-links {
    gap:16px
  }

}

@media(max-width:850px) {
  .feature-note {
    min-height:200px;
    padding:22px 20px
  }

  .feature-note h3 {
    font-size:20px;
    -webkit-line-clamp:3
  }

  .feature-bottom {
    flex-wrap:wrap;
    gap:6px;
    margin-top:14px
  }

}

@media(max-width:850px) {
  .mobile-nav {
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:40;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    background:var(--dark);
    color:#b5bcae;
    border-top:1px solid #41483b;
    padding:6px 12px calc(6px + env(safe-area-inset-bottom));
    height:calc(64px + env(safe-area-inset-bottom))
  }

  .mobile-nav>[data-view],.mobile-nav>#mobileAccountButton {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    min-width:0;
    min-height:48px;
    font-size:9px;
    line-height:1.2;
    border-radius:5px;
    padding:5px 2px
  }

  .mobile-nav .ui-icon {
    width:18px;
    height:18px;
    stroke-width:1.5
  }

  .mobile-nav .active {
    color:var(--orange);
    background:transparent
  }

  .mobile-nav .active .ui-icon {
    stroke-width:2
  }

  .footer-inner {
    padding-bottom:calc(90px + env(safe-area-inset-bottom))
  }

  .toast {
    bottom:calc(78px + env(safe-area-inset-bottom))
  }

}

/* Phone: actual layout change, not a scaled desktop. */
@media(max-width:600px) {
  :root {
    --header-h:64px
  }

  .shell {
    width:calc(100% - 36px)
  }

  html {
    scroll-padding-top:76px
  }

  .head {
    gap:10px
  }

  .brand {
    gap:8px
  }

  .brand-mark {
    width:32px;
    height:32px
  }

  .brand-name {
    font-size:15px;
    letter-spacing:-.05em
  }

  .brand-name small {
    font-size:7px;
    letter-spacing:.1em
  }

  .account-cta {
    padding:9px 11px;
    gap:0;
    border-radius:4px;
    min-height:40px;
    max-width:140px
  }

  .account-avatar {
    display:none
  }

  .account-copy small {
    font-size:8px
  }

  .account-copy strong {
    font-size:10px;
    max-width:120px
  }

  .home-hero {
    display:flex;
    flex-direction:column;
    gap:22px;
    padding-block:22px 20px
  }

  .home-hero:before {
    inset-inline:-18px
  }

  .intro-stage {
    padding-right:0
  }

  .intro-meta {
    margin-bottom:10px;
    padding-right:60px;
    display:flex;
    gap:10px
  }

  .intro-meta .eyebrow {
    font-size:8px;
    letter-spacing:.13em
  }

  .intro-meta .est {
    display:inline;
    font-size:8px
  }

  .compact-logo {
    width:58px;
    height:58px;
    right:0;
    top:16px
  }

  .club-goal {
    font-size:33px;
    line-height:1.2;
    padding-right:65px
  }

  .hero-motto {
    font-size:14px;
    margin-top:7px
  }

  .hero-motto span {
    font-size:11px
  }

  .lead {
    font-size:11px;
    margin-top:12px;
    line-height:1.8
  }

  .hero-actions {
    gap:22px;
    margin-top:14px;
    flex-wrap:nowrap
  }

  .hero-actions .solid-btn {
    font-size:11px;
    min-height:42px;
    padding:9px 13px
  }

  .hero-actions .solid-btn>span {
    font-size:17px;
    margin-left:5px
  }

  .hero-actions .text-btn {
    font-size:11px;
    min-height:42px
  }

  .pickup-stage {
    border-left:0;
    padding-left:0;
    border-top:1px solid #ffffff28;
    padding-top:16px
  }

  .pickup-head {
    flex-wrap:nowrap;
    margin-bottom:10px
  }

  .pickup-head h2 {
    font-size:11px
  }

  .random-label {
    font-size:8px;
    letter-spacing:.03em
  }

  .pickup-card {
    grid-template-columns:100px 1fr;
    gap:16px
  }

  .pickup-cover .activity-art {
    aspect-ratio:1.18;
    min-height:0;
    max-height:none
  }

  .pickup-stage .cover-word {
    font-size:22px;
    bottom:21px;
    left:8px;
    right:8px
  }

  .pickup-stage .cover-word>span {
    font-size:20px
  }

  .pickup-stage .cover-caption {
    left:8px;
    right:8px;
    bottom:7px;
    font-size:5px;
    letter-spacing:.07em
  }

  .pickup-stage .cover-index {
    font-size:6px
  }

  .pickup-stage .link-cover {
    padding:7px 8px
  }

  .pickup-stage .cover-geometry {
    width:85px;
    height:85px;
    right:-28px;
    top:-16px;
    transform:scale(.7)
  }

  .pickup-card h3 {
    font-size:13px;
    line-height:1.7;
    -webkit-line-clamp:2
  }

  .pickup-card .activity-kicker {
    margin-bottom:4px;
    font-size:8px
  }

  .pickup-card .member-inline {
    margin-top:5px;
    font-size:10px;
    min-height:26px
  }

  .member-inline img {
    width:20px;
    height:20px
  }

  .pickup-note {
    display:none
  }

  .feature-note {
    min-height:0;
    padding:16px 18px
  }

  .feature-note .activity-kicker {
    margin-bottom:5px;
    font-size:8px
  }

  .feature-note h3 {
    font-size:14px;
    line-height:1.65;
    -webkit-line-clamp:2
  }

  .feature-bottom {
    margin-top:9px;
    flex-wrap:nowrap
  }

  .feature-bottom .pickup-open {
    display:flex;
    font-size:9px;
    min-height:26px;
    gap:5px
  }

  .feature-bottom .pickup-open .ui-icon {
    width:12px;
    height:12px
  }

  .feature-note .member-inline {
    margin-top:0
  }

  .feature-note .feature-number {
    display:none
  }

  .activity-panel {
    padding-top:24px
  }

  .section-head {
    margin-bottom:16px;
    gap:8px;
    align-items:center
  }

  .section-title .eyebrow {
    font-size:8px;
    margin-bottom:4px
  }

  .section-head h2 {
    font-size:18px;
    letter-spacing:-.045em;
    line-height:1.5
  }

  .section-head .text-btn {
    font-size:10px;
    gap:5px;
    flex-shrink:0;
    min-height:44px
  }

  .activity-grid {
    gap:16px
  }

  .activity-art {
    aspect-ratio:1.45;
    border-radius:3px
  }

  .link-cover {
    padding:10px 11px
  }

  .cover-index {
    font-size:7px;
    top:10px;
    left:11px
  }

  .cover-word {
    font-size:14px;
    left:11px;
    right:11px;
    top:30px;
    max-height:calc(100% - 46px)
  }

  .cover-caption {
    left:11px;
    right:11px;
    bottom:10px;
    font-size:6px
  }

  .cover-geometry {
    transform:scale(.8) rotate(-24deg);
    transform-origin:top right
  }

  .activity-body {
    padding-top:9px
  }

  .activity-kicker {
    font-size:9px;
    margin-bottom:5px;
    gap:6px
  }

  .activity-card h3 {
    font-size:12px;
    line-height:1.65;
    min-height:40px
  }

  .activity-member {
    font-size:10px;
    gap:7px;
    min-height:34px;
    margin-top:5px
  }

  .activity-member img {
    width:19px;
    height:19px
  }

  .activity-footer {
    margin-top:2px
  }

  .icon-action {
    gap:5px;
    padding:7px;
    min-width:38px;
    min-height:44px;
    font-size:10px
  }

  .icon-action .ui-icon {
    width:16px;
    height:16px
  }

  .activity-actions {
    gap:0
  }

  .action-label {
    display:none
  }

  .external-link {
    min-width:36px
  }

  .members-showcase {
    margin-top:28px;
    padding-top:22px
  }

  .section-description {
    display:none
  }

  .home-members-grid {
    gap:10px;
    margin-inline:-3px
  }

  .member-mini {
    flex-basis:56px
  }

  .member-mini img,.more-orb {
    width:44px;
    height:44px
  }

  .member-mini strong {
    font-size:9px
  }

  .start-preview {
    padding-block:22px 28px
  }

  .start-preview-grid {
    gap:20px
  }

  .start-preview-card {
    padding-right:25px;
    padding-top:13px
  }

  .start-preview-card small {
    font-size:9px
  }

  .start-preview-card h3 {
    font-size:14px;
    margin-top:9px
  }

  .start-preview-card p {
    font-size:11px;
    margin-top:6px
  }

  .guide-arrow {
    top:10px;
    font-size:20px
  }

  .view:not(#view-home) {
    padding-block:28px 36px
  }

  .page-head {
    display:block;
    margin-bottom:22px
  }

  .page-head h1 {
    font-size:29px
  }

  .page-head .eyebrow {
    font-size:9px
  }

  .page-head>p {
    font-size:12px;
    margin-top:12px;
    max-width:none;
    line-height:1.9
  }

  .toolbar {
    gap:10px;
    padding-block:12px;
    margin-bottom:20px
  }

  .search-box input {
    font-size:16px;
    min-height:46px
  }

  .select-box {
    font-size:12px;
    min-height:44px;
    padding:8px;
    flex:1
  }

  .toolbar .result-meta {
    flex-basis:100%;
    font-size:10px
  }

  .activities-list {
    grid-template-columns:1fr 1fr;
    gap:22px 16px
  }

  .members-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px
  }

  .member-card {
    padding:12px 10px
  }

  .member-no {
    font-size:8px;
    margin-bottom:12px
  }

  .member-card img {
    width:46px;
    height:46px;
    margin-bottom:12px
  }

  .member-card h3 {
    font-size:11px
  }

  .member-card p {
    font-size:8px;
    margin-top:5px
  }

  .member-card-arrow {
    font-size:14px;
    right:7px;
    bottom:6px
  }

  .pagination {
    gap:6px;
    padding-top:22px
  }

  .page-btn {
    min-width:40px;
    font-size:12px
  }

  .guide-menu {
    gap:0
  }

  .guide-tab {
    padding:12px 4px
  }

  .guide-tab small {
    font-size:7px
  }

  .guide-tab strong {
    font-size:10px
  }

  .guide-panel {
    padding:20px
  }

  .guide-title {
    font-size:26px
  }

  .guide-lead {
    font-size:13px
  }

  .guide-cost {
    padding:14px;
    margin-top:20px
  }

  .guide-cost strong {
    font-size:13px
  }

  .guide-cost p {
    font-size:12px
  }

  .steps {
    grid-template-columns:1fr;
    gap:24px
  }

  .step-card {
    display:grid;
    grid-template-columns:35px 1fr;
    gap:10px;
    padding-top:15px
  }

  .step-card>span {
    font-size:22px;
    grid-row:1/3
  }

  .step-card h3 {
    font-size:16px;
    margin:0
  }

  .step-card p {
    grid-column:2;
    margin:0;
    font-size:12px
  }

  .guide-note {
    font-size:11px;
    line-height:1.9
  }

  .about-grid {
    grid-template-columns:1fr;
    gap:24px
  }

  .manifesto h1 {
    font-size:30px;
    margin:8px 0 18px
  }

  .manifesto p {
    font-size:13px
  }

  .principle-card {
    padding-block:18px
  }

  .principle-card h3 {
    font-size:16px
  }

  .principle-card p {
    font-size:12px
  }

  .founder-mini .soft-btn {
    min-height:40px;
    font-size:10px;
    padding:8px
  }

  .about-policy-link {
    display:block;
    margin-top:28px
  }

  .about-policy-link p {
    font-size:12px
  }

  .about-policy-link .soft-btn {
    margin-top:16px
  }

  .terms-intro h1 {
    font-size:29px
  }

  .terms-grid {
    grid-template-columns:1fr
  }

  .terms-card h2 {
    font-size:17px
  }

  .terms-backup {
    padding:20px
  }

  .terms-backup h2 {
    font-size:17px;
    line-height:1.6
  }

  .terms-card p {
    font-size:13px
  }

  .account-choice-grid {
    grid-template-columns:1fr;
    gap:18px
  }

  .account-choice {
    min-height:220px;
    padding:22px;
    gap:22px
  }

  .account-choice h2 {
    font-size:21px
  }

  .account-choice p {
    font-size:13px
  }

  .google-button {
    font-size:13px;
    padding:12px
  }

  .join-side {
    padding-bottom:16px
  }

  .join-side p {
    font-size:12px
  }

  .join-points {
    gap:8px;
    font-size:10px
  }

  .join-points span {
    font-size:10px
  }

  .form-card {
    padding:20px
  }

  .form-section-head {
    gap:12px
  }

  .form-section-head h2 {
    font-size:18px
  }

  .form-section-head>span {
    font-size:9px
  }

  .form-grid.two {
    grid-template-columns:1fr;
    gap:0
  }

  .field input,.field textarea {
    font-size:16px
  }

  .field {
    gap:8px;
    margin-bottom:18px
  }

  .field>span,.field-group legend {
    font-size:12px
  }

  .avatar-field {
    gap:16px
  }

  .avatar-picker {
    width:70px
  }

  .avatar-picker img {
    width:64px;
    height:64px
  }

  .avatar-field p {
    font-size:11px
  }

  .optional-profile summary {
    font-size:12px
  }

  .optional-profile summary small {
    display:block;
    margin:4px 0 0;
    font-size:10px
  }

  .terms-check {
    font-size:12px
  }

  .form-submit-row {
    gap:10px
  }

  .form-submit-row>.solid-btn {
    flex:1
  }

  .form-footnote {
    font-size:11px
  }

  .category-options {
    gap:7px
  }

  .category-option span {
    padding:10px;
    min-height:40px;
    font-size:10px
  }

  .mypage-sidebar {
    gap:12px
  }

  .mypage-sidebar h2 {
    font-size:16px
  }

  .mypage-no {
    font-size:9px
  }

  .mypage-avatar {
    width:44px;
    height:44px
  }

  .sidebar-actions .soft-btn {
    font-size:10px;
    min-height:42px;
    padding:8px 10px;
    max-width:100px
  }

  .sidebar-actions .solid-btn {
    font-size:10px;
    padding:8px;
    min-height:42px
  }

  .mypage-layout {
    gap:20px
  }

  .mypage-tabs {
    margin-bottom:18px
  }

  .mypage-tab {
    font-size:11px;
    min-height:46px;
    padding-inline:2px
  }

  .mypage-panel {
    padding:20px
  }

  .panel-head {
    display:block;
    margin-bottom:22px
  }

  .panel-head h2 {
    font-size:20px
  }

  .panel-head p {
    font-size:11px;
    max-width:none;
    margin-top:8px;
    line-height:1.9
  }

  .profile-editor-grid {
    grid-template-columns:1fr;
    gap:20px
  }

  .profile-avatar-editor {
    flex-direction:row;
    justify-content:flex-start;
    gap:16px;
    padding-bottom:16px;
    border-bottom:1px solid var(--line)
  }

  .profile-avatar-editor small {
    text-align:left
  }

  .editor-actions {
    padding-top:14px;
    flex-wrap:wrap
  }

  .editor-actions .solid-btn {
    flex:1;
    min-height:46px
  }

  .manage-activity {
    gap:10px;
    flex-wrap:wrap
  }

  .manage-thumb {
    width:42px
  }

  .manage-content {
    flex:1;
    min-width:160px
  }

  .manage-content strong {
    font-size:12px
  }

  .manage-actions {
    width:100%;
    justify-content:flex-end;
    padding-left:52px
  }

  .manage-actions .mini-btn {
    font-size:11px;
    min-height:40px
  }

  .bookmark-grid {
    gap:16px
  }

  .bookmark-grid .cover-word {
    font-size:12px
  }

  .bookmark-grid .cover-index {
    display:none
  }

  .bookmark-grid .cover-caption {
    font-size:5px;
    left:8px;
    right:8px
  }

  .settings-card {
    display:block;
    padding-block:16px
  }

  .settings-card>button {
    margin-top:14px
  }

  .settings-card h3 {
    font-size:16px
  }

  .settings-card p {
    font-size:12px
  }

  .admin-top {
    display:block;
    margin-bottom:22px
  }

  .admin-title {
    font-size:29px
  }

  .admin-badge {
    display:inline-flex;
    margin-top:12px
  }

  .stat-card {
    padding:16px
  }

  .stat-card small {
    font-size:10px
  }

  .stat-card strong {
    font-size:24px
  }

  .admin-panel {
    padding:18px;
    margin-bottom:18px
  }

  .admin-panel h2 {
    font-size:18px
  }

  .switch-row {
    gap:14px
  }

  .switch-row p {
    font-size:10px
  }

  .switch-row strong {
    font-size:12px
  }

  .admin-maintenance {
    gap:8px
  }

  .admin-maintenance button {
    flex:1;
    padding:8px;
    font-size:10px
  }

  .limit-control {
    gap:5px
  }

  .limit-control input {
    width:62px;
    font-size:16px;
    padding:8px
  }

  .admin-member-row {
    flex-wrap:wrap;
    gap:10px
  }

  .admin-member-row>img {
    width:32px;
    height:32px
  }

  .admin-member-actions {
    flex-basis:100%;
    justify-content:flex-end
  }

  .admin-member-row button,.admin-activity-row button {
    font-size:10px;
    min-height:40px
  }

  .admin-activity-row {
    gap:10px
  }

  .admin-activity-row .mini-btn {
    padding:6px;
    flex-shrink:0
  }

  .admin-activity-row strong {
    font-size:12px
  }

  .request-actions {
    flex-wrap:wrap
  }

  .dialog,.confirm-dialog {
    max-height:calc(100dvh - 28px);
    padding:28px 22px;
    width:100%;
    border-radius:12px 12px 0 0
  }

  .modal-layer {
    align-items:flex-end;
    padding:16px 0 0
  }

  .dialog {
    padding-top:42px;
    padding-bottom:calc(24px + env(safe-area-inset-bottom));
    max-height:90dvh
  }

  .dialog-close {
    top:8px;
    right:10px
  }

  .profile-grid {
    grid-template-columns:1fr;
    gap:20px
  }

  .profile-avatar {
    width:68px;
    height:68px;
    margin:0
  }

  .profile-name {
    font-size:26px;
    margin-block:6px 12px
  }

  .profile-bio {
    font-size:13px;
    margin-top:16px
  }

  .profile-latest>a {
    font-size:14px
  }

  .confirm-dialog {
    align-self:center;
    border-radius:10px;
    margin:18px
  }

  .confirm-dialog h2 {
    font-size:21px
  }

  .confirm-dialog p {
    font-size:12px
  }

  .confirm-actions {
    gap:8px
  }

  .confirm-actions>button {
    flex:1;
    font-size:12px;
    padding:10px
  }

  .footer-inner {
    display:block;
    padding-block:28px calc(98px + env(safe-area-inset-bottom))
  }

  .footer-brand {
    font-size:15px
  }

  .footer-brand span {
    font-size:10px
  }

  .footer-links {
    gap:26px;
    margin-top:16px
  }

  .footer-link {
    font-size:11px
  }

  .toast {
    bottom:calc(78px + env(safe-area-inset-bottom));
    font-size:12px;
    padding:12px 18px
  }

  .connection-notice {
    padding:14px;
    font-size:12px
  }

  .connection-notice button {
    display:block;
    margin:12px 0 0
  }

}

@media(max-width:370px) {
  .shell {
    width:calc(100% - 28px)
  }

  .home-hero:before {
    inset-inline:-14px
  }

  .head {
    gap:8px
  }

  .brand-name {
    font-size:13px
  }

  .brand-mark {
    width:28px;
    height:28px
  }

  .account-cta {
    padding-inline:9px
  }

  .account-copy strong {
    font-size:9px
  }

  .club-goal {
    font-size:28px;
    padding-right:54px
  }

  .compact-logo {
    width:50px;
    height:50px
  }

  .intro-meta .est {
    display:none
  }

  .hero-actions {
    gap:12px
  }

  .hero-actions .solid-btn {
    font-size:10px;
    padding-inline:10px
  }

  .hero-actions .text-btn {
    font-size:10px
  }

  .pickup-card {
    grid-template-columns:86px 1fr;
    gap:12px
  }

  .pickup-card h3 {
    font-size:12px
  }

  .section-head h2 {
    font-size:16px
  }

  .section-head .text-btn {
    font-size:9px
  }

  .activity-grid,.activities-list {
    gap:18px 12px
  }

  .cover-word {
    font-size:12px
  }

  .cover-caption {
    font-size:5px
  }

  .activity-card h3 {
    font-size:11px
  }

  .mypage-panel,.form-card {
    padding:16px
  }

  .mypage-tab {
    font-size:10px
  }

  .member-card h3 {
    font-size:10px
  }

  .member-card p {
    font-size:7px
  }

  .members-grid {
    gap:8px
  }

  .member-mini strong {
    font-size:8px
  }

  .sidebar-actions .solid-btn {
    display:none
  }

}

@media(prefers-reduced-motion:reduce) {
  *,*:before,*:after {
    scroll-behavior:auto!important;
    animation:none!important;
    transition:none!important
  }

  .activity-link:hover,.member-mini:hover,.member-card:hover,.solid-btn:hover {
    transform:none!important
  }

}

/* Discovery direction, 2026-09-08. Shared by production and standalone preview. */
:root{color-scheme:dark;--lime:#c8f36b}
body{font-size:16px}
.shell{max-width:1320px}
header{background:#101110;border-bottom:1px solid var(--line)}
.brand-name{font-size:20px}.brand-name small{font-size:12px;letter-spacing:.18em}
.nav-btn{font-size:14px;min-height:44px}.account-copy strong{font-size:14px}.account-copy small{font-size:12px}
.solid-btn,.account-cta{background:var(--orange);color:#151611}
.solid-btn:hover,.account-cta:hover{background:#ff975c;color:#151611}
.soft-btn,.ghost-btn{color:var(--ink);background:var(--panel);border-color:var(--line2)}
.soft-btn:hover,.ghost-btn:hover{background:var(--panel2);color:var(--ink)}
.text-btn{font-size:14px}.eyebrow{font-size:12px;letter-spacing:.12em}
.home-hero{display:block;padding:30px 0 24px}.home-hero:before{display:none}
.discovery-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
.discovery-intro .eyebrow{color:var(--lime);font-family:var(--mono);font-size:12px}
.discovery-intro h1{font-size:clamp(25px,2.6vw,38px);line-height:1.4;margin-top:10px;letter-spacing:-.055em}
.discovery-intro p{color:var(--muted);font-size:14px;line-height:1.85;margin-bottom:4px}
.pickup-stage{border:0;padding:0;display:block}
.pickup-head{margin-bottom:14px;gap:16px;display:flex;align-items:center;justify-content:space-between}
.pickup-head h2{font-size:14px;display:flex;align-items:center;gap:9px;color:var(--ink)}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--lime)}
.shuffle-btn{display:flex;align-items:center;gap:18px;border:1px solid var(--line2);border-radius:4px;padding:9px 16px;min-height:44px;font-size:14px;background:var(--panel);color:var(--ink)}
.shuffle-btn:hover{border-color:var(--lime);color:var(--lime)}
.shuffle-btn:disabled{opacity:.65;cursor:wait}
.spotlight{display:grid;grid-template-columns:minmax(0,1fr) 280px;overflow:hidden;border:1px solid #3e4339;border-radius:8px;background:#20251b}
.spotlight-work{padding:28px 36px;min-height:340px;background:var(--orange);color:#161710;display:flex;flex-direction:column;justify-content:space-between;gap:26px;min-width:0;position:relative}
.spotlight-kicker{font:12px/1.5 var(--mono);display:flex;justify-content:space-between;gap:20px;letter-spacing:.08em}
.spotlight-work h3{font-size:clamp(28px,3.2vw,48px);line-height:1.4;letter-spacing:-.045em;overflow-wrap:anywhere;font-weight:850;max-width:21em}
.spotlight-work h3 a:hover{text-decoration:underline;text-underline-offset:7px}
.spotlight-work-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}
.spotlight-open{display:inline-flex;align-items:center;gap:20px;background:#161710;color:#fff;padding:13px 18px;border-radius:4px;min-height:48px;font-size:14px;font-weight:700}
.spotlight-open:hover{background:#34392d;color:var(--lime)}
.spotlight-person{position:relative;display:flex;flex-direction:column;align-items:start;padding:28px;gap:20px;color:#edf2e6;overflow:hidden}
.spotlight-person-label{color:var(--lime);font:12px/1.6 var(--mono);letter-spacing:.1em}
.spotlight-profile{display:flex;align-items:start;flex-direction:column;gap:10px;text-align:left;max-width:100%}
.spotlight-profile img{width:70px;height:70px;object-fit:cover;border-radius:50%;border:1px solid #ffffff38}
.spotlight-profile strong{font-size:26px;line-height:1.35;overflow-wrap:anywhere}
.spotlight-profile span{font-size:14px;color:var(--lime)}
.spotlight-profile:hover span{text-decoration:underline}
.spotlight-person p{font-size:14px;color:#bbc6b1;line-height:1.75}
.spotlight-stamp{position:absolute;right:-8px;bottom:-12px;font:900 45px/.88 var(--sans);letter-spacing:-.07em;color:#ffffff07;pointer-events:none}
.spotlight-image{display:block}.spotlight-image .activity-art{aspect-ratio:16/9;max-height:360px;border-radius:4px}
.spotlight-with-image .spotlight-work h3{font-size:26px}
.pickup-note{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.8}
.activity-panel{padding-block:24px 0}
.section-head{margin-bottom:22px}.section-title h2{font-size:26px;line-height:1.5}.section-number{color:var(--lime);border-color:var(--line2)}
.section-description{font-size:14px;color:var(--muted)}
.activity-grid{gap:22px;grid-template-columns:repeat(4,minmax(0,1fr))}
.activity-card{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--panel);padding:0}
.activity-art{border-radius:0;aspect-ratio:16/10}
.activity-body{padding:12px 14px 4px}.activity-kicker{font-size:12px;color:var(--muted);gap:8px}
.activity-card h3{font-size:16px;line-height:1.7}.activity-member{font-size:14px;min-height:44px;color:var(--ink)}
.activity-member img{width:26px;height:26px}.activity-footer{margin-top:12px;border-color:var(--line)}
.cover-0{background:#d36632;color:#171710}.cover-1{background:#bfd478;color:#151b10}.cover-2{background:#323c35;color:#e4efdf}.cover-3{background:#cfbea0;color:#232419}
.cover-index,.cover-caption{font-size:12px;letter-spacing:.02em}.cover-note{font-size:20px;line-height:1.5}.cover-word{top:42px;max-height:calc(100% - 76px)}
.cover-geometry{opacity:.08}.icon-action{font-size:14px}.action-label{font-size:14px}
.icon-action:hover,.external-link:hover{background:var(--panel2);color:var(--lime)}
.icon-action.active{color:var(--orange)}.icon-action.active .ui-icon{fill:#ff782e33;stroke:var(--orange)}
.members-showcase{margin-top:40px;padding-top:28px}.home-members-grid{display:flex;gap:12px;overflow-x:auto;padding:5px 2px 14px;scroll-snap-type:x proximity}
.member-mini{flex:0 0 152px;min-width:0;align-items:start;text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:18px;gap:10px;scroll-snap-align:start}
.member-mini:hover{border-color:var(--lime)}.member-mini img,.member-mini .more-orb{width:48px;height:48px;box-shadow:none}
.member-mini strong{font-size:14px;line-height:1.6}.mini-bio{font-size:12px;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.member-mini.more-member{justify-content:center}.member-rail-note{display:block;font-size:12px;color:var(--muted)}
.start-preview{padding-block:24px 32px}.start-preview h2{font-size:22px}.start-preview-card{border-top:1px solid var(--line2)}
.start-preview-card p{font-size:14px}.start-preview-card small{font-size:12px}
.page-head>p,.guide-lead,.join-side p,.terms-intro p,.terms-card p,.form-footnote,.form-section>p,.principle-card p,.manifesto p{font-size:16px}
.field input,.field textarea,.select-box,.search-box input{font-size:16px;background:var(--panel);color:var(--ink);border-color:var(--line2)}
.field>span,.field-group legend,.form-submit-row button{font-size:14px}
.form-card,.account-panel,.member-card,.terms-card,.principle-card,.guide-panel,.modal-card,.dialog-card{background:var(--panel);color:var(--ink);border-color:var(--line)}
.google-button{background:#eee;color:#151611}.optional-profile,.optional-profile-body{background:var(--bg2);color:var(--ink)}
.toolbar{border-color:var(--line)}.pagination button{font-size:14px;background:var(--panel);color:var(--ink)}
.mobile-nav{background:#151814;border-color:var(--line);color:var(--ink)}.mobile-nav [data-view],.mobile-nav #mobileAccountButton{color:var(--muted);font-size:12px}.mobile-nav [data-view].active,.mobile-nav #mobileAccountButton.active{color:var(--orange);background:#ff782e13}
.member-card h3{font-size:18px}.member-card p{font-size:14px}.member-card:hover{background:var(--panel2);color:var(--ink)}
.est{display:block;font-size:12px;padding-block:12px;color:var(--muted)}
.terms-backup{background:var(--panel2);color:var(--ink)}
.field>span>b{background:#ff782e22;color:var(--orange-ink);font-size:12px}
.limit-control input{background:var(--panel);color:var(--ink);font-size:16px}
.field input::placeholder,.field textarea::placeholder{color:var(--faint)}
:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.spotlight-work :focus-visible{outline-color:#151611}
@media(max-width:1100px){.spotlight{grid-template-columns:minmax(0,1fr) 240px}.spotlight-work{padding:28px}.discovery-intro p{max-width:260px}.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cover-note{font-size:22px}}
@media(max-width:850px){.discovery-intro{display:block;margin-bottom:22px}.discovery-intro p{max-width:none;margin-top:12px}.spotlight-work h3{font-size:32px}.brand-name{font-size:18px}.brand-name small{font-size:12px}.account-copy strong{font-size:14px}}
@media(max-width:600px){
 .shell{width:calc(100% - 32px)}.home-hero{padding-top:20px}.discovery-intro .eyebrow{font-size:12px;letter-spacing:.02em}.discovery-intro h1{font-size:26px;line-height:1.45}.discovery-intro h1 span{display:block}.discovery-intro p{font-size:14px;line-height:1.7}
 .pickup-head{flex-wrap:wrap;gap:10px}.pickup-head h2{font-size:14px}.shuffle-btn{font-size:14px;padding:8px 12px;gap:10px;min-height:44px}
 .spotlight{grid-template-columns:1fr}.spotlight-work{padding:22px;min-height:270px;gap:24px}.spotlight-work h3{font-size:30px;line-height:1.45}.spotlight-kicker{font-size:12px;letter-spacing:0;gap:8px;flex-wrap:wrap}.spotlight-work-bottom{gap:12px;flex-wrap:wrap}.spotlight-open{padding:12px 14px;gap:12px}
 .spotlight-person{padding:18px 22px;gap:10px}.spotlight-person-label{display:none}.spotlight-profile{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:14px;row-gap:3px;width:100%}.spotlight-profile img{width:46px;height:46px;grid-row:span 2}.spotlight-profile strong{font-size:21px}.spotlight-profile span{font-size:14px}.spotlight-person p{display:none}.spotlight-stamp{font-size:35px;bottom:-8px;right:4px}
 .pickup-note{font-size:12px}.section-head{gap:14px;align-items:center}.section-title h2{font-size:23px}.section-number{display:none}.section-head .text-btn{font-size:14px}.section-description{display:none}
 .activity-grid{grid-template-columns:1fr;gap:20px}.activity-art{aspect-ratio:16/9}.cover-note{font-size:26px}.cover-word{top:46px;left:20px;right:20px}.cover-index{left:20px}.cover-caption{left:20px;right:20px}.activity-body{padding:14px 18px 6px}.activity-member{font-size:14px}.activity-kicker{font-size:12px}
 .activities-list{grid-template-columns:1fr}.member-mini{flex-basis:144px}.start-preview-grid{grid-template-columns:1fr 1fr;gap:18px}.start-preview-card p{font-size:14px}.start-preview-card h3{font-size:16px}.brand-name{font-size:16px}.brand-name small{font-size:12px;letter-spacing:.03em}.account-copy{display:none}.account-avatar{width:40px;height:40px}.account-cta{min-width:44px;min-height:44px;padding:4px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Supplied artwork and browsable creator portfolios. */
.supplied-art{background:#151713}.supplied-art .remote-thumbnail{object-fit:cover}.supplied-art.art-contain .remote-thumbnail{object-fit:contain}
.art-label{position:absolute;bottom:10px;left:12px;background:#101110cf;border:1px solid #ffffff35;color:#fff;padding:4px 9px;border-radius:3px;font:12px/1.5 var(--mono);z-index:4}
.spotlight-with-image .spotlight-work{padding:0;gap:0;justify-content:start}
.spotlight-with-image .spotlight-kicker{padding:12px 20px;background:#171a15;color:var(--lime)}
.spotlight-with-image .spotlight-image .activity-art{aspect-ratio:16/9;max-height:340px;border-radius:0}
.spotlight-with-image .spotlight-work h3{padding:18px 22px 14px;font-size:26px}
.spotlight-with-image .spotlight-work-bottom{padding:0 22px 20px}
.spotlight-profile img{width:96px;height:96px}.spotlight-message{font-size:18px!important;color:var(--ink)!important;line-height:1.8!important}
:is(#memberModal,#profileDesignPreview) .dialog{width:min(1040px,100%)}
.profile-tagline{font-size:22px;font-weight:700;line-height:1.7;color:var(--lime);margin:16px 0}
.profile-bio{font-size:16px;line-height:1.95}.profile-works{margin-top:32px;padding-top:26px;border-top:1px solid var(--line)}
.profile-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.profile-work-grid .activity-card{min-width:0}
.listing-notice{margin:20px 0;padding:20px;border:1px solid var(--line2);border-left:3px solid var(--lime);border-radius:5px;background:var(--panel2)}
.listing-notice strong{font-size:16px}.listing-notice p{font-size:14px;line-height:1.9;margin-top:8px;color:var(--muted)}
.artwork-dialog{width:min(1100px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:22px;background:#141713;color:var(--ink);border:1px solid var(--line2);border-radius:8px}
.artwork-dialog::backdrop{background:#000d}.artwork-close{display:block;margin:0 0 14px auto;min-width:90px;min-height:44px;background:var(--panel2);color:var(--ink);border-radius:4px;cursor:pointer}
.artwork-full{display:block;width:100%;height:min(62vh,650px);object-fit:contain;background:#101110}.artwork-dialog h2{font-size:23px;margin-top:18px}.artwork-description{font-size:16px;margin-top:10px}.artwork-disclaimer{font-size:12px;color:var(--muted);margin-top:16px}
@media(max-width:600px){.spotlight-with-image .spotlight-work{min-height:0}.spotlight-with-image .spotlight-work h3{font-size:22px;padding:15px 18px 12px}.spotlight-with-image .spotlight-work-bottom{padding:0 18px 18px}.spotlight-with-image .spotlight-kicker{padding:10px 16px}.spotlight-profile img{width:46px;height:46px}.spotlight-person .spotlight-message{display:block;font-size:14px!important;margin-top:5px}.profile-work-grid{grid-template-columns:1fr}.profile-tagline{font-size:19px}.artwork-dialog{padding:16px}.artwork-full{height:auto;max-height:60vh}.listing-notice{padding:16px}}

/* Home overview: artwork leads, followed by recent activity and ten creators. */
@media(min-width:1101px){
 .shell{width:min(1440px,calc(100% - 80px));max-width:1440px}
 .head{height:68px}.account-cta{padding:8px 18px;min-height:48px}
}

#mainContent:focus{outline:none}
#view-home .home-hero{padding:16px 0 0}
#view-home .discovery-intro{align-items:center;margin-bottom:12px;gap:20px}
#view-home .discovery-intro .eyebrow{font-size:12px}
#view-home .discovery-intro h1{font-size:clamp(24px,2vw,30px);margin-top:4px;line-height:1.35}
#view-home .discovery-intro p{font-size:13px;line-height:1.65;margin:0}
#view-home .pickup-head{margin-bottom:8px}
#view-home .shuffle-btn{min-height:40px;padding:6px 14px}
#view-home .spotlight{grid-template-columns:minmax(0,1fr) 260px}
#view-home .spotlight-with-image{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr) minmax(210px,.8fr)}
#view-home .spotlight-image{min-width:0;min-height:0;background:#090b09;overflow:hidden}
#view-home .spotlight-image .activity-art{height:100%;min-height:290px;max-height:none;aspect-ratio:auto;border-radius:0}
#view-home .spotlight-work{min-height:290px;padding:22px;gap:16px;justify-content:space-between}
#view-home .spotlight-kicker{padding:0;background:transparent;color:#322314;font-size:12px;letter-spacing:.02em;flex-wrap:wrap;gap:4px 10px}
#view-home .spotlight-work h3{font-size:clamp(24px,2.1vw,32px);padding:0;line-height:1.5;max-width:none}
#view-home .spotlight-work-bottom{padding:0;display:flex;align-items:start;flex-direction:column;gap:8px;font-size:12px}
#view-home .spotlight-open{padding:10px 14px;min-height:44px;gap:14px;font-size:14px}
#view-home .spotlight-person{padding:22px;gap:14px;justify-content:center}
#view-home .spotlight-person-label{font-size:12px}
#view-home .spotlight-profile{gap:7px}
#view-home .spotlight-profile img{width:76px;height:76px}
#view-home .spotlight-profile strong{font-size:23px}
#view-home .spotlight-profile span{font-size:12px}
#view-home .spotlight-message{font-size:15px!important;line-height:1.65!important}
#view-home .pickup-note{margin-top:6px;font-size:12px;line-height:1.6}
#view-home .activity-panel{padding-top:18px}
#view-home .section-head{margin-bottom:10px;gap:16px}
#view-home .section-title{gap:10px;align-items:center}
#view-home .section-title>div{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
#view-home .section-title .eyebrow{font-size:12px}
#view-home .section-title h2{font-size:22px;line-height:1.4}
#view-home .section-number{width:26px;height:26px;font-size:12px;flex-shrink:0}
#view-home .section-head .text-btn{font-size:12px;min-height:36px;white-space:nowrap}
#homeActivityGrid{gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
.activity-summary{display:grid;grid-template-columns:40% minmax(0,1fr);min-height:132px}
.activity-summary .activity-link{height:100%;min-width:0}
.activity-summary .activity-art{height:100%;aspect-ratio:auto;min-height:132px}
.activity-summary .activity-body{padding:10px 12px 4px;min-width:0;display:flex;flex-direction:column;justify-content:space-between}
.activity-summary .activity-kicker{font-size:12px;flex-wrap:wrap;gap:3px 6px}
.activity-summary h3,.activity-summary:not(:has(.remote-thumbnail)) h3{display:block;min-height:0;font-size:14px;line-height:1.6;margin:4px 0 0}
.activity-summary .activity-member{font-size:14px;min-height:40px;margin-top:4px;gap:7px;max-width:100%}
.activity-summary .activity-member img{width:22px;height:22px;flex-shrink:0}
.activity-summary .activity-member span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.activity-summary .art-label{font-size:12px;left:7px;bottom:7px;padding:2px 5px}
.activity-summary .cover-word{display:none}
.activity-summary .cover-index{top:14px;left:10px;font-size:12px}
.activity-summary .cover-caption{left:10px;right:8px;bottom:12px;font-size:12px;flex-wrap:wrap;gap:4px}
#view-home .members-showcase{margin-top:18px;padding-top:14px}
#homeMembersGrid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:12px;overflow:visible;scroll-snap-type:none;padding:4px 0 0}
#homeMembersGrid .member-mini{display:flex;flex-direction:column;align-items:center;text-align:center;background:transparent;border:0;border-radius:6px;padding:4px 2px 8px;gap:6px;min-width:0;transition:background .15s}
#homeMembersGrid .member-mini:hover{transform:none;background:#c8f36b0b}
#homeMembersGrid .member-mini img{width:88px;height:88px;max-width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:2px solid #454b3e;box-shadow:none;transition:border-color .15s}
#homeMembersGrid .member-mini:hover img{border-color:var(--orange)}
#homeMembersGrid .member-mini strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere;white-space:normal}
#homeMembersGrid .mini-bio{font-size:12px;line-height:1.6;color:#bec2b7;-webkit-line-clamp:2;min-height:3.2em;overflow-wrap:anywhere}
#homeMembersGrid .empty-state{grid-column:1/-1}
#view-home .start-preview{margin-top:18px;padding:20px 0 32px;border-top:1px solid var(--line)}
#view-home .start-preview-grid{gap:12px}
#view-home .start-preview-card{display:grid;grid-template-columns:42px minmax(0,1fr);align-content:start;gap:6px 12px;padding:18px;border:1px solid #505447;border-radius:8px;background:#20231e;color:var(--ink);text-align:left;transition:background .15s,border-color .15s}
#view-home .start-preview-card:hover{border-color:var(--orange);background:#2c2921}
.guide-symbol{grid-column:1;grid-row:1/span 2;display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#ff782e20;color:var(--orange)}
#view-home .start-preview-card small{grid-column:2;font-size:12px;color:var(--muted)}
#view-home .start-preview-card h3{grid-column:2;margin:0;font-size:18px;line-height:1.5}
#view-home .start-preview-card p{grid-column:1/-1;font-size:13px;line-height:1.7;margin:4px 0 8px}
.guide-cta{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;min-height:40px;padding:8px 12px;border-radius:4px;background:var(--orange);color:#191910;font-size:14px;font-weight:700}
@media(min-width:1101px) and (max-width:1280px){
 #view-home .spotlight-with-image{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 210px}
 #view-home .spotlight-work,#view-home .spotlight-person{padding:18px}
 #homeMembersGrid{gap:8px}#homeMembersGrid .member-mini img{width:76px;height:76px}
 .activity-summary{grid-template-columns:35% minmax(0,1fr)}
}
@media(max-width:1100px){
 #view-home .spotlight-with-image{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
 #view-home .spotlight-with-image .spotlight-person{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:start;padding:12px 18px;gap:24px}
 #view-home .spotlight-with-image .spotlight-person-label{display:none}
 #view-home .spotlight-with-image .spotlight-profile{display:grid;grid-template-columns:48px auto;gap:3px 12px;flex-shrink:0}
 #view-home .spotlight-with-image .spotlight-profile img{width:48px;height:48px;grid-row:span 2}
 #view-home .spotlight-with-image .spotlight-profile strong{font-size:20px}
 #view-home .spotlight-with-image .spotlight-message{display:block;margin:0}
 #homeActivityGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #homeMembersGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 12px}
 #view-home .start-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 #view-home .discovery-intro{display:block;margin-bottom:14px}
 #view-home .discovery-intro h1{font-size:25px}#view-home .discovery-intro h1 span{display:inline}
 #view-home .discovery-intro p{margin-top:8px;font-size:12px}#view-home .discovery-intro p br{display:none}
 #view-home .pickup-head{gap:8px;flex-wrap:nowrap}#view-home .pickup-head h2{font-size:12px;gap:6px}
 #view-home .shuffle-btn{font-size:12px;gap:6px;padding:6px 9px;min-height:44px}
 #view-home .spotlight,#view-home .spotlight-with-image{grid-template-columns:minmax(0,1fr)}
 #view-home .spotlight-image .activity-art{min-height:0;aspect-ratio:16/9;height:auto}
 #view-home .spotlight-work{min-height:220px;padding:18px;gap:12px}
 #view-home .spotlight-with-image .spotlight-work{min-height:0}
 #view-home .spotlight-work h3{font-size:23px;line-height:1.5}
 #view-home .spotlight-work-bottom{flex-direction:row;align-items:center;flex-wrap:wrap}
 #view-home .spotlight-with-image .spotlight-person{display:flex;flex-direction:column;align-items:start;gap:10px;padding:14px 18px}
 #view-home .spotlight-person{padding:18px;gap:10px}#view-home .spotlight-person-label{display:none}
 #view-home .spotlight-profile{display:grid;grid-template-columns:48px minmax(0,1fr);width:100%;column-gap:12px}
 #view-home .spotlight-profile img{width:48px;height:48px;grid-row:span 2}
 #view-home .spotlight-profile strong{font-size:20px}
 #view-home .spotlight-message{display:block;font-size:14px!important}
 #view-home .section-title>div{display:block}#view-home .section-title h2{font-size:19px}
 #view-home .section-head{gap:8px}#view-home .section-head .text-btn{font-size:12px;white-space:normal;max-width:110px;min-height:44px;flex-shrink:0}
 #homeActivityGrid{grid-template-columns:minmax(0,1fr);gap:10px}
 .activity-summary{grid-template-columns:39% minmax(0,1fr)}
 .activity-summary .activity-body{padding:10px 12px 4px}
 #homeMembersGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}
 #homeMembersGrid .member-mini img{width:80px;height:80px}
 #homeMembersGrid .member-mini strong{font-size:13px}
 #view-home .start-preview-card{padding:14px;grid-template-columns:1fr;gap:6px}
 .guide-symbol{grid-row:auto}#view-home .start-preview-card small,#view-home .start-preview-card h3{grid-column:1}
 #view-home .start-preview-card h3{font-size:16px}#view-home .start-preview-card p{font-size:12px}
 .guide-cta{font-size:12px;padding:8px;min-height:44px}
}


/* Two-panel spotlight, compact public profile, and device-local UI language. */
.language-control{display:flex;align-items:center;gap:5px;margin-left:auto;color:var(--muted);flex-shrink:0}
.language-control select{background:var(--panel);border:1px solid var(--line2);color:var(--ink);border-radius:4px;min-height:40px;padding:6px;font-size:14px;max-width:118px}
.head nav{margin-left:0;gap:14px}.head{gap:20px}
#view-home .section-title>div{column-gap:12px;row-gap:2px}
.section-caption{font-size:12px;font-weight:400;line-height:1.6;color:var(--muted)}
#view-home .spotlight-two{grid-template-columns:minmax(0,1fr) 300px;background:#1b201b}
.spotlight-visual{position:relative;display:block;min-width:0;overflow:hidden;background:#090c0b}
.spotlight-visual .activity-art{height:320px;aspect-ratio:auto}
.spotlight-visual .art-label{top:14px;bottom:auto;left:18px}
.spotlight-overlay{position:absolute;z-index:5;inset:auto 0 0;padding:60px 26px 24px;background:linear-gradient(transparent,#080b09e8 65%,#080b09);color:#fff}
.spotlight-overlay .eyebrow{color:var(--lime);font-size:12px}
.spotlight-overlay h3{font-size:clamp(22px,2.2vw,34px);line-height:1.5;margin-top:6px;overflow-wrap:anywhere}
#view-home .spotlight-two .spotlight-person{gap:12px;padding:22px 26px}
#view-home .spotlight-two .spotlight-open{background:var(--orange);color:#151611;justify-content:space-between;width:100%}
#view-home .spotlight-two time{font-size:12px;color:var(--muted)}
:is(#memberModal,#profileDesignPreview) .dialog{width:min(1180px,calc(100vw - 48px));padding:32px;max-height:calc(100dvh - 40px);overflow:auto;border-radius:10px}
.creator-overview{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px;align-items:start}
.creator-identity{min-width:0}.creator-identity .profile-avatar{width:96px;height:96px;margin:0}
.creator-identity .profile-name{font-size:25px;line-height:1.4;margin:14px 0 8px}
.creator-identity .profile-tagline{font-size:16px;margin:8px 0;line-height:1.6}
.creator-identity .profile-bio{font-size:14px;line-height:1.75;margin:10px 0 14px;overflow-wrap:anywhere}
.creator-identity .profile-tags{gap:6px}.creator-identity .profile-tag{font-size:12px;padding:4px 8px}
.creator-identity .social-row{gap:8px;margin-top:14px}.creator-identity .social-link{font-size:12px}
.creator-portfolio{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;min-width:0}
.creator-portfolio h3{font-size:18px;line-height:1.5;margin-bottom:12px}
.creator-best,.creator-recent{min-width:0}
.best-work-link{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line2);border-radius:8px;overflow:hidden;min-height:292px}
.best-work-link:hover{border-color:var(--orange)}
.best-work-link .activity-art{height:196px;aspect-ratio:auto}
.best-work-link>strong{padding:14px 16px;font-size:20px;line-height:1.5;overflow-wrap:anywhere}
.best-work-cta{display:block;background:var(--orange);color:#151611;padding:12px 16px;margin-top:auto;font-size:14px;font-weight:700}
.best-work-mark{padding:24px;color:var(--orange);font-size:56px}
.creator-recent .section-head{display:block;margin:0 0 12px}.creator-recent .section-head h3{margin:0}.creator-recent .eyebrow{font-size:12px}
.creator-recent-list{display:grid;gap:12px}
.creator-recent .activity-summary{grid-template-columns:34% minmax(0,1fr);min-height:120px}
.creator-recent .activity-art{min-height:120px}
.creator-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;font-size:12px}
.creator-pager button{min-height:40px;padding:8px 12px;font-size:14px}
.creator-pager button:disabled{opacity:.4;cursor:default}
html:not([lang="ja"]) .nav-btn{font-size:12px}
@media(max-width:1100px){
 .head{gap:12px}.head nav{gap:8px}.language-control select{max-width:105px}
 .creator-overview{grid-template-columns:180px minmax(0,1fr);gap:20px}
 .creator-portfolio{gap:14px}.creator-recent .activity-summary{grid-template-columns:1fr}.creator-recent .activity-link{display:none}
 #view-home .spotlight-two{grid-template-columns:minmax(0,1fr) 250px}
}
@media(max-width:600px){
 .language-control{margin-left:auto;gap:0}.language-control>span{display:none}.language-control select{max-width:96px;font-size:12px;min-height:40px}
 .head{gap:8px}.brand-name{font-size:14px}.brand-name small{font-size:10px}
 #view-home .spotlight-two{grid-template-columns:1fr}
 .spotlight-visual .activity-art{height:240px}.spotlight-overlay{padding:46px 18px 18px}.spotlight-overlay h3{font-size:23px}
 #view-home .spotlight-two .spotlight-person{padding:16px 18px;gap:10px}
 #view-home .spotlight-two .spotlight-open{min-height:44px}
 #view-home .section-title h2{font-size:18px}.section-caption{font-size:12px;margin-top:4px}
 :is(#memberModal,#profileDesignPreview) .dialog{width:100%;max-height:94dvh;padding:40px 18px 22px;border-radius:12px 12px 0 0}
 .creator-overview{grid-template-columns:1fr;gap:20px}.creator-identity .profile-avatar{width:64px;height:64px;float:left;margin:0 14px 10px 0}
 .creator-identity .profile-name{font-size:23px;margin:0 0 6px}.creator-identity .profile-tagline{margin:0}
 .creator-identity .profile-bio{clear:both;font-size:14px;margin:10px 0}
 .creator-portfolio{grid-template-columns:1fr;gap:20px}.best-work-link .activity-art{height:170px}.best-work-link{min-height:0}
 .creator-recent .activity-summary{grid-template-columns:34% minmax(0,1fr)}.creator-recent .activity-link{display:block}
}

.spotlight-visual .cover-word,.spotlight-visual .cover-index{display:none}

/* Intro and featured creator share one 1:2 frame. */
#view-home .home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0;margin:20px 0 0;padding:0;border:1px solid #424a3b;border-radius:10px;background:#181c17;overflow:hidden}
#view-home .discovery-intro{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:22px;margin:0;padding:32px;min-width:0;background:linear-gradient(140deg,#252c1f,#141814)}
#view-home .discovery-intro h1{font-size:clamp(26px,2.45vw,36px);line-height:1.6;margin-top:18px;letter-spacing:-.04em}
#view-home .discovery-intro h1 span{display:block}
#view-home .discovery-intro p{font-size:14px;line-height:1.95;max-width:none;margin:0}
#view-home .discovery-intro .eyebrow{font-size:12px;line-height:1.7;letter-spacing:.05em}
#view-home .pickup-stage{padding:16px;min-width:0;border-left:1px solid #424a3b;background:#111510}
#view-home .pickup-head{margin:0 0 10px;gap:12px;flex-wrap:wrap}
#view-home .pickup-head h2{font-size:14px}
#view-home .shuffle-btn{min-height:40px;font-size:14px;padding:7px 12px;gap:10px}
#view-home .spotlight-two{grid-template-columns:minmax(0,1fr) 220px}
#view-home .spotlight-visual .activity-art{height:280px}
#view-home .spotlight-overlay{padding:48px 20px 20px}
#view-home .spotlight-overlay h3{font-size:24px}
#view-home .spotlight-two .spotlight-person{padding:18px;gap:10px}
#view-home .spotlight-two .spotlight-profile img{width:64px;height:64px}
#view-home .spotlight-two .spotlight-profile strong{font-size:21px}
#view-home .pickup-note{margin:8px 0 0;font-size:12px}
#accountCta{height:44px;min-height:44px;padding:0 14px;gap:8px;max-width:220px;font-size:14px}
#accountCta .account-copy{display:flex;gap:0}
#accountCta:not(.has-session) #accountAvatar,#accountCta:not(.has-session) #accountKicker{display:none}
#accountCta:not(.has-session) #accountLabel{font:600 14px/1 var(--mono);letter-spacing:.01em;max-width:none}
#accountCta.has-session{padding:2px 10px 2px 2px;background:var(--panel);color:var(--ink);border:1px solid var(--line2)}
#accountCta.has-session:hover{border-color:var(--orange)}
#accountCta.has-session #accountAvatar,#accountCta.has-session #accountAvatar img{width:38px;height:38px;flex-shrink:0;border-radius:50%}
#accountCta.has-session #accountKicker{font:12px/1.4 var(--sans);letter-spacing:0;color:var(--muted)}
#accountCta.has-session #accountLabel{font-size:14px;line-height:1.4;max-width:130px}
@media(max-width:1100px){
 #view-home .discovery-intro{padding:24px}
 #view-home .discovery-intro h1{font-size:28px}
 #view-home .spotlight-two{grid-template-columns:minmax(0,1fr) 190px}
 #view-home .spotlight-two .spotlight-person{padding:14px}
 #view-home .spotlight-overlay h3{font-size:21px}
}
@media(max-width:850px){
 #view-home .home-hero{grid-template-columns:1fr}
 #view-home .discovery-intro{gap:14px;padding:24px}
 #view-home .discovery-intro h1{margin-top:8px}
 #view-home .discovery-intro h1 span{display:inline}
 #view-home .pickup-stage{border-left:0;border-top:1px solid #424a3b}
 #view-home .spotlight-two{grid-template-columns:minmax(0,1fr) 220px}
}
@media(max-width:600px){
 .head{flex-wrap:wrap;height:auto;min-height:64px;padding-block:10px;gap:8px}
 .brand{gap:8px}.brand-mark{width:24px;height:32px}.brand-name{font-size:13px}.brand-name small{display:none}
 .language-control select{max-width:86px}
 #accountCta{padding-inline:10px;margin-left:auto}
 #accountCta:not(.has-session) #accountLabel{font-size:12px}
 #accountCta.has-session #accountLabel{max-width:94px}
 #view-home .home-hero{margin-top:14px}
 #view-home .discovery-intro{padding:20px}
 #view-home .discovery-intro h1{font-size:25px}
 #view-home .pickup-stage{padding:12px}
 #view-home .pickup-head h2{font-size:13px}
 #view-home .shuffle-btn{font-size:12px;min-height:44px;padding:7px 9px}
 #view-home .spotlight-two{grid-template-columns:1fr}
 #view-home .spotlight-visual .activity-art{height:220px}
 #view-home .spotlight-two .spotlight-profile img{width:48px;height:48px}
 #view-home .spotlight-two .spotlight-person{padding:14px}
}

/* Guide headings stay intact; examples lead to a small finished piece. */
#view-start .guide-page-head{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:8px 28px}
#view-start .guide-page-head>div{display:contents}
#view-start .guide-page-head .eyebrow{grid-column:1/-1}
#view-start .guide-page-head h1{margin:0}
#view-start .guide-page-head h1{font-size:32px;line-height:1.5;white-space:nowrap;letter-spacing:-.04em}
#view-start .guide-page-head>p{max-width:none;font-size:14px;line-height:1.7;white-space:nowrap;margin:0}
#view-start .guide-layout{grid-template-columns:220px minmax(0,1fr);gap:28px}
#view-start .guide-tab{min-width:0;padding:18px 14px}
#view-start .guide-tab strong{font-size:16px;white-space:nowrap;word-break:keep-all}
#view-start .guide-tab small{font-size:12px}
#view-start .guide-title{white-space:nowrap;word-break:keep-all;line-height:1.5}
#view-start .step-card h3{word-break:keep-all;overflow-wrap:normal;line-height:1.65}
#view-start .guide-panel{min-width:0}
#view-start .guide-lead{max-width:none;font-size:16px;margin-top:18px}
.guide-goal{display:flex;flex-direction:column;gap:6px;padding:16px 20px;border-left:3px solid var(--lime);background:#c8f36b0b}
.guide-goal>span{font-size:12px;color:var(--lime)}.guide-goal strong{font-size:18px;line-height:1.7}
#view-start .step-card p,#view-start .guide-cost p{font-size:15px}
.guide-practice{margin-top:28px;padding-top:24px;border-top:1px solid var(--line2)}
.guide-practice h3,.guide-advice h3{font-size:17px;line-height:1.6}
.guide-practice blockquote{margin:12px 0;padding:18px 20px;border:1px solid var(--line2);border-radius:6px;background:var(--bg);font-size:16px;line-height:1.9}
.guide-practice>p{font-size:14px;line-height:1.8;color:var(--muted)}
.guide-advice{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px}
.guide-advice>section{border-top:2px solid var(--orange);padding-top:14px}
.guide-advice p{margin-top:8px;font-size:15px;line-height:1.9;color:var(--muted)}
#view-home .start-preview-card h3{white-space:nowrap;word-break:keep-all}
@media(max-width:1100px){
 #view-start .guide-page-head{grid-template-columns:1fr;gap:8px}
 #view-start .guide-page-head>p{white-space:normal}
 #view-start .guide-layout{grid-template-columns:minmax(0,1fr)}
 #view-start .guide-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
 #view-start .guide-page-head h1{font-size:28px}
}
@media(max-width:600px){
 #view-start .guide-page-head h1{font-size:clamp(21px,5.8vw,28px)}
 #view-start .guide-page-head>p{white-space:normal;font-size:14px}
 #view-start .guide-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #view-start .guide-tab{padding:12px;min-height:72px;background:var(--panel);border:1px solid var(--line)}
 #view-start .guide-tab.active{border-color:var(--orange)}
 #view-start .guide-tab strong{font-size:16px}
 #view-start .guide-title{font-size:25px}
 .guide-goal{padding:14px}.guide-goal strong{font-size:16px}
 .guide-advice{grid-template-columns:1fr;gap:20px}
 .guide-practice blockquote{padding:14px}
 html:not([lang="ja"]) #view-start .guide-page-head h1{white-space:normal;word-break:normal}
}

/* Quiet alley light: tactile hero, restrained depth across the site. */
:root{--bg:#101213;--bg2:#181b1c;--panel:#1b1e1f;--panel2:#242829;--line:#343a3b;--line2:#596263}
body{background:radial-gradient(ellipse 75% 650px at 5% 0%,#9b582615,transparent 75%),radial-gradient(ellipse 65% 800px at 100% 30%,#416c6912,transparent 75%),linear-gradient(160deg,#141617 0%,#101213 55%,#151817 100%);min-height:100vh}
header{background:#101314ef;border-bottom-color:#ffffff10;backdrop-filter:blur(14px)}
#view-home .home-hero{border-color:#ffffff22;background:#151919;box-shadow:0 16px 46px #0004,inset 0 1px #ffffff06}
#view-home .discovery-intro{background:linear-gradient(90deg,#080b0cba,#080b0c48),url('/assets/CD260908152509.png') center 78% / cover no-repeat;box-shadow:inset 0 -45px 65px -30px #080b0c;position:relative}
#view-home .discovery-intro h1{color:#fbf8f0;text-shadow:0 2px 18px #0009}
#view-home .discovery-intro p{color:#e2e3da;text-shadow:0 1px 8px #000c}
#view-home .discovery-intro .eyebrow{color:#dfc598;text-shadow:0 1px 8px #000}
#view-home .pickup-stage{background:linear-gradient(140deg,#202526c9,#121617ef);border-left-color:#ffffff16}
#view-home .spotlight-two{background:linear-gradient(145deg,#252a28,#191d1c);border-color:#ffffff17;box-shadow:0 4px 16px #0002}
.activity-card{background:linear-gradient(145deg,#222627,#191d1e);border-color:#ffffff13;box-shadow:0 3px 12px #0002}
.activity-card:hover{border-color:#ffffff2b}
#view-home .members-showcase,#view-home .start-preview{border-top-color:#ffffff14}
#view-home .start-preview-card{background:linear-gradient(145deg,#252a29,#1b1f1e);border-color:#ffffff21;box-shadow:inset 0 1px #ffffff04}
#view-home .start-preview-card:hover{background:linear-gradient(145deg,#302a22,#20231e);border-color:#ff9a6580}
#homeMembersGrid .member-mini img{border-color:#ffffff28;box-shadow:0 4px 12px #0003}
@media(max-width:850px){#view-home .discovery-intro{background-position:center 73%}#view-home .pickup-stage{border-top-color:#ffffff16}}

/* Slow background plane, with quiet circuit-like lines and distant light. */
body{position:relative;isolation:isolate;background:#101315}
.depth-scene{position:fixed;z-index:-1;inset:0 0 -240px;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse 65% 45% at 10% 15%,#b9682620,transparent 75%),radial-gradient(ellipse 55% 50% at 92% 65%,#358e8a24,transparent 78%),linear-gradient(155deg,#14191b,#0e1113 60%,#151d1d);will-change:transform}
.depth-mesh{position:absolute;inset:0;background-image:linear-gradient(#9bc3bf0a 1px,transparent 1px),linear-gradient(90deg,#9bc3bf0a 1px,transparent 1px),radial-gradient(circle,#c3d9ce35 1px,transparent 2px);background-size:96px 96px,96px 96px,192px 192px;mask-image:linear-gradient(110deg,#000b,transparent 45%,#0009);transform:perspective(900px) rotateX(12deg) scale(1.2);transform-origin:center top}
.depth-orbit{position:absolute;border:1px solid #8aa7a71c;border-radius:50%;width:740px;height:740px;box-shadow:0 0 0 52px #6a929206,0 0 0 135px #6a929204}
.orbit-one{top:120px;left:-520px}.orbit-two{width:960px;height:960px;right:-660px;top:580px;border-color:#d3986317}
header{background:#101415e8}.language-control{gap:0}
#activitiesList{gap:14px}
.activity-overlay-card{position:relative;display:block;isolation:isolate;background:#161a1b;border-radius:8px}
.activity-overlay-card .activity-link{display:block;transform:none}
.activity-overlay-card .activity-art{aspect-ratio:4/3;min-height:240px}
.activity-overlay-card .cover-word,.activity-overlay-card .cover-index,.activity-overlay-card .cover-caption,.activity-overlay-card .art-label{display:none}
.activity-overlay-card .overlay-kicker{position:absolute;top:12px;left:14px;right:14px;z-index:4;display:flex;justify-content:space-between;color:#fff;font-size:12px;pointer-events:none}
.activity-overlay-card .overlay-kicker>*{background:#091010b8;border-radius:4px;padding:3px 7px}
.activity-overlay-card .activity-body{position:absolute;inset:auto 0 0;z-index:5;padding:54px 16px 12px;background:linear-gradient(transparent,#080d0ee8 45%,#080d0ef5);pointer-events:none}
.activity-overlay-card .activity-body a,.activity-overlay-card .activity-body button{pointer-events:auto}
.activity-overlay-card h3,.activity-overlay-card:not(:has(.remote-thumbnail)) h3{display:block;color:#fff;font-size:18px;line-height:1.55;min-height:0;margin:0 0 8px;text-shadow:0 1px 8px #0008}
.overlay-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}
.activity-overlay-card .activity-member{margin:0;min-height:40px;color:#edf0ed;font-size:14px;min-width:0}
.activity-overlay-card .activity-member img{width:28px;height:28px}
.activity-overlay-card .activity-actions{gap:4px;flex-shrink:0}
.activity-overlay-card .icon-action{color:#e9efec;min-width:36px;min-height:40px;padding:6px}
.activity-overlay-card .icon-action.active{color:var(--orange)}
.activity-overlay-card .action-label{display:none}
#membersGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#membersGrid .member-card{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:14px;padding:16px;min-height:112px;border-color:#ffffff16;background:#191f20d9}
#membersGrid .member-card img{width:76px;height:76px;margin:0}
.member-card-copy{min-width:0}
#membersGrid .member-card h3{font-size:17px;line-height:1.4;margin:0}
#membersGrid .member-card-message{font:14px/1.65 var(--sans);margin:7px 0 0;color:#bfc9c5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
#view-about .founder-mini{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px 20px;align-items:start;padding:24px;margin-top:18px;border:1px solid var(--line);border-radius:8px;background:#1b2221}
#view-about .founder-mini>img{width:72px;height:72px;grid-row:1/span 2}
#view-about .founder-mini>div{min-width:0}
#view-about .founder-mini h3{font-size:21px;margin:5px 0 8px}
#view-about .founder-mini p{font-size:14px;line-height:1.8}
#view-about .founder-mini .soft-btn{grid-column:2;justify-self:start;min-height:44px;padding:9px 18px;font-size:14px;white-space:nowrap;display:inline-flex}
@media(max-width:1100px){#membersGrid{grid-template-columns:repeat(3,minmax(0,1fr))}#membersGrid .member-card{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:14px}#membersGrid .member-card img{width:64px;height:64px}}
@media(max-width:850px){#membersGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-overlay-card .activity-art{aspect-ratio:4/3}}
@media(max-width:600px){#membersGrid{grid-template-columns:1fr;gap:7px}#membersGrid .member-card{min-height:96px}.activity-overlay-card .activity-art{aspect-ratio:4/3;min-height:250px}#view-about .founder-mini{padding:20px;gap:12px 16px}.depth-mesh{background-size:72px 72px,72px 72px,144px 144px}}
@media(prefers-reduced-motion:reduce){.depth-scene{transform:none!important;will-change:auto}}
/* Three independently moving decorative planes: light, mesh, then orbit traces. */
.depth-scene{inset:0;background:#101315;will-change:auto;transform:none}
.depth-plane{position:absolute;inset:0 0 -800px;will-change:transform}
.depth-far{background:radial-gradient(ellipse 80% 650px at 8% 180px,#b968262b,transparent 75%),radial-gradient(ellipse 70% 850px at 94% 900px,#358e8a30,transparent 78%),linear-gradient(155deg,#14191b,#0e1113 60%,#151d1d)}
.depth-middle .depth-mesh{opacity:.9}
.depth-near .depth-orbit{border-color:#aaccc52c;box-shadow:0 0 0 52px #6a929208,0 0 0 135px #6a929205}
.depth-near .orbit-two{border-color:#d3986329}
.depth-trace{position:absolute;width:180px;height:300px;border-top:1px solid #e2a36e40;border-right:1px solid #e2a36e25;transform:skewY(-24deg);border-radius:0 18px 0 0}
.depth-trace:before,.depth-trace:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#d3a27780;box-shadow:0 0 15px #eead6450}
.depth-trace:before{left:0;top:-3px}.depth-trace:after{right:-3px;bottom:0}
.trace-one{top:360px;left:3%}.trace-two{top:1050px;right:3%;transform:rotate(180deg) skewY(-24deg);border-color:#9bbfbd30}
#view-about .principle-card:not(.founder-mini){position:relative;isolation:isolate;display:block;overflow:hidden;min-height:112px;padding:25px 22px;background:linear-gradient(110deg,#1c2221,#181e1dbf)}
#view-about .principle-card:not(.founder-mini)>.principle-code{position:absolute;right:12px;bottom:-10px;z-index:-1;min-width:0;font:900 clamp(52px,6vw,86px)/1 Arial,sans-serif;letter-spacing:-.055em;color:#e3edea17;white-space:nowrap;pointer-events:none;user-select:none}
#view-about .principle-card:not(.founder-mini)>div{position:relative}
@media(max-width:600px){#view-about .principle-card:not(.founder-mini){padding:23px 18px}#view-about .principle-card:not(.founder-mini)>.principle-code{font-size:clamp(46px,13vw,70px)}.depth-trace{width:90px}.trace-one{left:-35px}.trace-two{right:-35px}}
@media(prefers-reduced-motion:reduce){.depth-plane{transform:none!important;will-change:auto}}
/* Quiet neural relays share the grid's perspective and scroll plane. */
.depth-mesh{--grid-step:96px}
.signal-network{position:absolute;inset:0;pointer-events:none;color:#8fc6c1}
.signal-route{position:absolute;width:calc(var(--grid-step)*3);height:var(--grid-step);opacity:.6}
.signal-route:nth-child(3n){color:#d9a274;opacity:.5}
.signal-wire{position:absolute;left:0;top:0;width:calc(var(--grid-step)*2);height:var(--grid-step);border-top:1px solid currentColor;border-right:1px solid currentColor;opacity:.09}
.signal-wire:after{content:'';position:absolute;left:100%;top:100%;width:var(--grid-step);border-top:1px solid currentColor}
.signal-seed,.signal-packet,.signal-node{position:absolute;width:4px;height:4px;left:-2px;top:-2px;border-radius:50%;background:currentColor}
.signal-seed{opacity:.25}
.signal-packet{box-shadow:0 0 7px 2px currentColor;animation:signal-travel var(--cycle) linear var(--phase) infinite;opacity:0}
.signal-node{animation:signal-arrival var(--cycle) ease-out calc(var(--phase) + var(--cycle)*var(--arrival)) infinite;opacity:.2}
.signal-node:after{content:'';position:absolute;inset:-3px;border:1px solid currentColor;border-radius:50%;animation:signal-ripple var(--cycle) ease-out calc(var(--phase) + var(--cycle)*var(--arrival)) infinite;opacity:0}
.signal-node.node-1{left:calc(var(--grid-step)*2 - 2px)}
.signal-node.node-2{left:calc(var(--grid-step)*2 - 2px);top:calc(var(--grid-step) - 2px)}
.signal-node.node-3{left:calc(var(--grid-step)*3 - 2px);top:calc(var(--grid-step) - 2px)}
@keyframes signal-travel{0%{transform:translate(0,0);opacity:0}3%{opacity:.7}20%{transform:translate(calc(var(--grid-step)*2),0);opacity:.7}45%{transform:translate(calc(var(--grid-step)*2),var(--grid-step));opacity:.7}70%{transform:translate(calc(var(--grid-step)*3),var(--grid-step));opacity:.7}74%,100%{transform:translate(calc(var(--grid-step)*3),var(--grid-step));opacity:0}}
@keyframes signal-arrival{0%{opacity:.8;box-shadow:0 0 12px 3px currentColor}9%,100%{opacity:.2;box-shadow:0 0 0 0 transparent}}
@keyframes signal-ripple{0%{transform:scale(.5);opacity:.55}12%{transform:scale(4.5);opacity:0}100%{transform:scale(4.5);opacity:0}}
@media(max-width:600px){.depth-mesh{--grid-step:72px}.signal-route:nth-child(even){display:none}}
@media(prefers-reduced-motion:reduce){.signal-packet,.signal-node:after{display:none}.signal-node{animation:none;opacity:.2}}
/* Keep the backdrop still while the member plaza supplies the animation.
   These shadow pulses otherwise repaint the full masked background continuously. */
body[data-page="members"] .signal-packet,body[data-page="members"] .signal-node:after{display:none}
body[data-page="members"] .signal-node{animation:none;opacity:.2}
/* Denser, bidirectional relays. Each leg starts slowly, accelerates, then brakes to rest before the arrival glow. */
.depth-mesh{mask-image:linear-gradient(110deg,#000c,#0008 45%,#000c)}
.signal-route.upward{transform:scaleY(-1)}
.signal-route.backward{transform:scaleX(-1)}
.signal-route.returning{transform:rotate(180deg)}
.signal-packet{animation-timing-function:cubic-bezier(.8,0,.8,1);box-shadow:0 0 9px 2px currentColor}
@keyframes signal-travel{0%{transform:translate(0,0);opacity:.65}20%{transform:translate(calc(var(--grid-step)*2),0);opacity:.8}45%{transform:translate(calc(var(--grid-step)*2),var(--grid-step));opacity:.8}70%{transform:translate(calc(var(--grid-step)*3),var(--grid-step));opacity:.8}72%,100%{transform:translate(calc(var(--grid-step)*3),var(--grid-step));opacity:0}}
@keyframes signal-arrival{0%{opacity:1;box-shadow:0 0 15px 4px currentColor}2%{opacity:.6;box-shadow:0 0 8px 2px currentColor}7%,100%{opacity:.18;box-shadow:0 0 0 0 transparent}}
@keyframes signal-ripple{0%{transform:scale(.4);opacity:.8}7%{transform:scale(5.5);opacity:0}100%{transform:scale(5.5);opacity:0}}
@media(max-width:600px){.signal-route:nth-child(even){display:block}.signal-route[data-signal-x="0.25"],.signal-route[data-signal-x="0.5"],.signal-route[data-signal-x="0.75"]{display:none}}
/* Work viewer and a wider recent-activity portfolio. */
.artwork-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.artwork-dialog .artwork-header h2{margin:0;font-size:22px;line-height:1.5}
.artwork-header .artwork-close{margin:0;flex-shrink:0}
.artwork-footer{display:grid;grid-template-columns:1fr auto;gap:12px 24px;align-items:center;padding-top:18px}
.artwork-footer .artwork-description{margin:0;line-height:1.8}
.artwork-visit{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;background:var(--orange);color:#101315;border-radius:5px;font-weight:700;text-decoration:none}
.artwork-footer .artwork-disclaimer{grid-column:1/-1;margin:0}
:is(#memberModal,#profileDesignPreview) .dialog{width:min(1440px,calc(100vw - 40px));max-height:94dvh}
.creator-overview{grid-template-columns:210px minmax(0,1fr);gap:28px}
.creator-portfolio{grid-template-columns:minmax(210px,.75fr) minmax(0,1.65fr);gap:24px}
.creator-recent-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.creator-recent .activity-summary{display:block;min-width:0}
.creator-recent .activity-link{display:block}
.creator-recent .activity-art{height:110px;min-height:0;aspect-ratio:16/9}
.creator-recent .activity-summary h3{font-size:14px}
@media(max-width:1050px){.creator-overview{grid-template-columns:180px minmax(0,1fr)}.creator-portfolio{grid-template-columns:1fr}.best-work-link .activity-art{height:180px}.creator-recent-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){:is(#memberModal,#profileDesignPreview) .dialog{width:100%;padding:40px 18px 22px}.creator-overview{grid-template-columns:1fr}.creator-recent-list{grid-template-columns:repeat(2,minmax(0,1fr))}.artwork-header{align-items:flex-start;gap:10px}.artwork-dialog .artwork-header h2{font-size:18px}.artwork-footer{grid-template-columns:1fr}.artwork-visit{justify-self:start}}
/* Profile owns its card geometry; no inherited full-height home thumbnails. */
.artwork-creator{display:inline-flex;align-items:center;min-height:36px;margin-top:5px;padding:0;background:none;border:0;color:var(--lime);font:inherit;font-size:14px;cursor:pointer;text-align:left}
.artwork-creator:hover{text-decoration:underline}.artwork-creator:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
:is(#memberModal,#profileDesignPreview) .creator-overview{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:30px}
:is(#memberModal,#profileDesignPreview) .creator-portfolio{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
:is(#memberModal,#profileDesignPreview) .creator-best .best-work-link{display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:1fr auto;min-height:0}
:is(#memberModal,#profileDesignPreview) .best-work-link .activity-art{grid-row:1/3;width:100%;height:170px;min-height:0;aspect-ratio:auto}
:is(#memberModal,#profileDesignPreview) .best-work-link>strong{align-self:center;font-size:20px}
:is(#memberModal,#profileDesignPreview) .best-work-cta{margin:0}
:is(#memberModal,#profileDesignPreview) .creator-recent-list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px}
.creator-work-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--panel)}
.creator-work-card>a{display:block;height:auto;text-decoration:none;color:inherit}
.creator-work-card .activity-art{width:100%;height:auto;min-height:0;aspect-ratio:16/9}
.creator-work-card .cover-word,.creator-work-card .cover-index,.creator-work-card .cover-caption,.creator-work-card .art-label{display:none}
.creator-work-card h4{font-size:14px;line-height:1.6;margin:0;padding:10px 12px 4px;overflow-wrap:anywhere}
.creator-work-card time{display:block;padding:0 12px 12px;font-size:12px;color:var(--muted)}
@media(max-width:1050px){:is(#memberModal,#profileDesignPreview) .creator-overview{grid-template-columns:200px minmax(0,1fr);gap:22px}:is(#memberModal,#profileDesignPreview) .creator-recent-list{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#memberModal,#profileDesignPreview) .creator-best .best-work-link{grid-template-columns:160px minmax(0,1fr)}}
@media(max-width:700px){:is(#memberModal,#profileDesignPreview) .creator-overview{grid-template-columns:minmax(0,1fr)}:is(#memberModal,#profileDesignPreview) .creator-identity .profile-avatar{float:none;width:80px;height:80px;margin:0}:is(#memberModal,#profileDesignPreview) .creator-identity .profile-name{margin:12px 0 8px}:is(#memberModal,#profileDesignPreview) .creator-best .best-work-link{grid-template-columns:minmax(0,1fr)}:is(#memberModal,#profileDesignPreview) .best-work-link .activity-art{grid-row:auto;height:190px}:is(#memberModal,#profileDesignPreview) .creator-recent-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Typography: optical hierarchy, readable Japanese, and deliberate display lettering. */
:root{--sans:"Yu Gothic Medium","Yu Gothic","Hiragino Sans","BIZ UDPGothic",Meiryo,sans-serif;--display:"Bahnschrift","Avenir Next","Yu Gothic","Hiragino Sans",Meiryo,sans-serif;--label:"Bahnschrift","Avenir Next","Segoe UI",var(--sans)}
body{font-weight:500;letter-spacing:.025em;font-kerning:normal;line-break:strict}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;letter-spacing:.035em;font-feature-settings:"palt" 1;font-kerning:normal;word-break:normal;overflow-wrap:break-word}
p{letter-spacing:.025em;line-break:strict;word-break:normal;overflow-wrap:break-word}
.page-head h1{font-size:clamp(27px,3vw,38px);line-height:1.4;letter-spacing:.065em}
.page-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 30px}
.page-head>div{flex:0 0 auto;min-width:0}
.page-head>p{flex:1 1 620px;max-width:none;margin:0;font-size:15px;line-height:1.85}
#view-account .page-head>p{flex-basis:100%}
.panel-head{flex-wrap:wrap;gap:10px 24px}.panel-head>p{flex:1 1 420px;max-width:none;line-height:1.8}
.eyebrow,.brand-name small,.section-number,.google-state,.account-button small{font-family:var(--label);font-weight:600;letter-spacing:.14em;line-height:1.5}
button,.soft-btn,.solid-btn,.text-btn,.nav-btn,.artwork-visit{letter-spacing:.045em;font-weight:600}
#view-home .discovery-intro h1{font-family:var(--display);font-weight:700;letter-spacing:.035em;line-height:1.5;font-feature-settings:"palt" 1}
#view-home .discovery-intro p{font-size:14px;line-height:1.95;letter-spacing:.035em}
#view-home .section-title h2,.pickup-head h2{letter-spacing:.055em}
.spotlight-overlay h3{font-weight:700;letter-spacing:.04em;line-height:1.55}
.account-choice h2{font-size:25px;letter-spacing:.07em;line-height:1.5}
.account-choice p{font-size:15px;line-height:1.85;max-width:none;text-wrap:pretty}
.profile-name,.member-card h3{letter-spacing:.055em}.profile-bio,.guide-panel p,.terms-card p{line-height:1.9}
.join-side h2,.manifesto h1,.terms-intro h1{word-break:normal;overflow-wrap:break-word;line-height:1.5;letter-spacing:.045em}
.field>span,.field-group legend{font-weight:700;letter-spacing:.035em}
input,textarea,select{letter-spacing:.02em;font-weight:500}
@media(max-width:700px){.page-head{gap:10px;margin-bottom:24px}.page-head>p{flex-basis:100%;font-size:14px}.panel-head>p{flex-basis:100%}.account-choice h2{font-size:22px}.account-choice p{font-size:14px}.eyebrow{letter-spacing:.1em}}
/* Shared page title rhythm and supplied club identity. */
header .brand{gap:0;flex-shrink:0}header .brand-name{display:none}
header .brand-mark{display:block;width:240px;height:76px;overflow:hidden}
header .brand-mark img{display:block;width:240px;height:120px;max-width:none;object-fit:contain;transform:translateY(-22px)}
.about-club-logo{display:block;width:min(460px,100%);height:auto;object-fit:contain;margin:-24px 0 20px}
#view-activities .page-head,#view-members .page-head,#view-start .guide-page-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;position:relative;isolation:isolate;padding:0 205px 22px 0;margin-bottom:24px;min-height:130px}
#view-activities .page-head>div,#view-members .page-head>div,#view-start .guide-page-head>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:none;min-width:0}
#view-activities .page-head .eyebrow,#view-members .page-head .eyebrow,#view-start .guide-page-head .eyebrow{margin:0;font-size:12px;line-height:1.5;letter-spacing:.14em}
#view-activities .page-head h1,#view-members .page-head h1,#view-start .guide-page-head h1{margin:0;font-size:32px;line-height:1.5;letter-spacing:.045em;white-space:normal}
#view-activities .page-head>p,#view-members .page-head>p,#view-start .guide-page-head>p{flex:none;width:auto;max-width:none;margin:0;font-size:14px;line-height:1.8;white-space:normal}
#view-activities .page-head:after,#view-members .page-head:after,#view-start .guide-page-head:after{content:'';position:absolute;right:0;top:5px;width:180px;height:90px;background:url('/assets/club-logo.png?v=20260909c') center/contain no-repeat;opacity:.5;pointer-events:none}
@media(max-width:850px){header .brand-mark{width:190px;height:64px}header .brand-mark img{width:190px;height:95px;transform:translateY(-16px)}#view-activities .page-head,#view-members .page-head,#view-start .guide-page-head{padding-right:130px}#view-activities .page-head:after,#view-members .page-head:after,#view-start .guide-page-head:after{width:115px;height:65px}}
@media(max-width:600px){header .brand-mark{width:160px;height:56px}header .brand-mark img{width:160px;height:80px;transform:translateY(-12px)}#view-activities .page-head,#view-members .page-head,#view-start .guide-page-head{padding-right:0;padding-top:48px;gap:10px;min-height:0}#view-activities .page-head:after,#view-members .page-head:after,#view-start .guide-page-head:after{top:-10px;right:auto;left:0;width:104px;height:52px;opacity:.65}#view-activities .page-head h1,#view-members .page-head h1,#view-start .guide-page-head h1{font-size:25px}.about-club-logo{max-width:330px;margin:0 0 18px}}
/* Preserve the supplied mark's full silhouette inside the compact header. */
header .brand-mark{width:210px;height:68px;background:transparent}
header .brand-mark img{width:190px;height:95px;transform:translateY(-12px)}
@media(max-width:600px){header .brand-mark{width:165px;height:58px}header .brand-mark img{width:160px;height:80px;transform:translateY(-9px)}}
/* Keep a readable name and romanization beside the illustrated mark. */
header .brand{gap:12px}
header .brand-mark{width:116px;height:58px;flex-shrink:0}
header .brand-mark img{width:116px;height:58px;transform:none}
header .brand-name{display:block;font-size:22px;line-height:1.4;white-space:nowrap;text-align:left}
header .brand-name small{display:block;margin-top:5px;font-size:11px;letter-spacing:.19em;line-height:1.4}
@media(max-width:1100px){header .brand{gap:8px}header .brand-mark{width:90px;height:48px}header .brand-mark img{width:90px;height:48px}header .brand-name{font-size:18px}header .brand-name small{font-size:10px;letter-spacing:.13em}}
@media(max-width:600px){header .brand{gap:7px}header .brand-mark{width:66px;height:42px}header .brand-mark img{width:66px;height:42px}header .brand-name{font-size:16px}header .brand-name small{display:block;font-size:9px;letter-spacing:.11em;margin-top:3px}}

/* Optional community links share the existing quiet footer treatment. */
.footer-links { flex-wrap: wrap; align-items: center; }
a.footer-link { display: inline-flex; align-items: center; text-decoration: none; }
a.soft-btn { text-decoration: none; }

.thumbnail-editor{grid-column:1/-1;border:1px solid var(--line,#383831);border-radius:8px;padding:14px;display:grid;gap:10px;min-width:0}.thumbnail-editor p,.thumbnail-editor small{margin:0;font-size:12px;line-height:1.7;color:var(--muted,#aaa)}.thumbnail-current{display:flex;align-items:center;gap:12px;font-size:12px}.thumbnail-current .activity-art{width:144px;height:81px;flex:none}.thumbnail-remove{display:flex;align-items:center;gap:8px;font-size:13px}.thumbnail-remove input{width:auto}.thumbnail-editor input[type=file]{max-width:100%}
/* Creator profile: distinguish identity, creative categories, and publishing destinations. */
:is(#memberModal,#profileDesignPreview) .profile-section{margin-top:22px;padding-top:16px;border-top:1px solid #343b3a}
:is(#memberModal,#profileDesignPreview) .profile-section h3{margin:0 0 10px;color:#aab4b0;font-size:11px;letter-spacing:.12em;font-weight:700}
:is(#memberModal,#profileDesignPreview) .profile-section .profile-tags,:is(#memberModal,#profileDesignPreview) .profile-section .social-row{margin:0;gap:7px}
:is(#memberModal,#profileDesignPreview) .profile-tag{padding:5px 8px;border-radius:5px;font-size:11px;font-weight:650;line-height:1.25;border:1px solid var(--tag-color,#abbab4);color:var(--tag-color,#abbab4);background:var(--tag-bg,#19211f)}
.profile-tag[data-category=VIDEO]{--tag-color:#82b5f2;--tag-bg:#14243a}
.profile-tag[data-category=IMAGE]{--tag-color:#cf9be9;--tag-bg:#2a1d34}
.profile-tag[data-category=MUSIC]{--tag-color:#ee9ec3;--tag-bg:#311d28}
.profile-tag[data-category=GAME]{--tag-color:#96d3a2;--tag-bg:#192c20}
.profile-tag[data-category="3D"]{--tag-color:#a5a7f1;--tag-bg:#222339}
.profile-tag[data-category=VFX]{--tag-color:#e5b677;--tag-bg:#342718}
.profile-tag[data-category=DESIGN]{--tag-color:#e3a092;--tag-bg:#33211e}
.profile-tag[data-category=WEB]{--tag-color:#7cced1;--tag-bg:#172c2e}
.profile-tag[data-category=STORY]{--tag-color:#d2c68d;--tag-bg:#2d291a}
:is(#memberModal,#profileDesignPreview) .social-link{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:9px 12px;font-size:12px;font-weight:700;transition:filter .18s,border-color .18s}
:is(#memberModal,#profileDesignPreview) .social-link[data-platform=X]{background:#151719;border-color:#aab0b7;color:#f5f6f7}
:is(#memberModal,#profileDesignPreview) .social-link[data-platform=YOUTUBE]{background:#34191d;border-color:#ed757a;color:#ffb2b5}
:is(#memberModal,#profileDesignPreview) .social-link[data-platform=INSTAGRAM]{background:linear-gradient(125deg,#30213d,#38202e,#39291c);border-color:#dd90bc;color:#f2b2d8}
:is(#memberModal,#profileDesignPreview) .social-link[data-platform=WEB]{background:#162b2c;border-color:#78babe;color:#a3e0e1}
:is(#memberModal,#profileDesignPreview) .social-link:hover{filter:brightness(1.22)}
:is(#memberModal,#profileDesignPreview) .creator-best .best-work-link{grid-template-columns:240px minmax(0,1fr)}
:is(#memberModal,#profileDesignPreview) .best-work-link .activity-art{height:100%;min-height:185px;grid-row:1/3}
:is(#memberModal,#profileDesignPreview) .best-work-copy{padding:18px 20px;min-width:0;align-self:center}
:is(#memberModal,#profileDesignPreview) .best-work-copy strong{display:block;font-size:20px;line-height:1.5;overflow-wrap:anywhere}
:is(#memberModal,#profileDesignPreview) .best-work-copy p{margin:10px 0 0;font-size:13px;line-height:1.8;color:#c8d0cd;overflow-wrap:anywhere;white-space:pre-line}
:is(#memberModal,#profileDesignPreview) .best-work-cta{grid-column:2;padding:10px 20px}
@media(max-width:1050px){:is(#memberModal,#profileDesignPreview) .creator-best .best-work-link{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:700px){:is(#memberModal,#profileDesignPreview) .creator-best .best-work-link{grid-template-columns:minmax(0,1fr)}:is(#memberModal,#profileDesignPreview) .best-work-link .activity-art{grid-row:auto;height:185px}:is(#memberModal,#profileDesignPreview) .best-work-cta{grid-column:1}:is(#memberModal,#profileDesignPreview) .best-work-copy{padding:14px 16px}:is(#memberModal,#profileDesignPreview) .best-work-copy strong{font-size:18px}}
.activity-author-line{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}
.platform-badge{display:inline-flex;align-items:center;flex:none;white-space:nowrap;pointer-events:none;padding:3px 7px;border:1px solid #899c99;border-radius:4px;background:#182725;color:#c0dbd6;font-size:10px;line-height:1.4;font-weight:700;letter-spacing:.015em}
.platform-badge[data-platform=X]{background:#141619;color:#f5f6f7;border-color:#aab0b7}
.platform-badge[data-platform=YOUTUBE]{background:#39181e;color:#ffb2b5;border-color:#ed757a}
.platform-badge[data-platform=INSTAGRAM]{background:linear-gradient(120deg,#30213d,#38202e,#39291c);color:#f2b2d8;border-color:#dd90bc}
.platform-badge[data-platform=NOTE]{background:#172b25;color:#a2e5cc;border-color:#6da68e}
.activity-card[data-platform=NOTE]{--platform-surface:#1c2924;--platform-border:#3e594d;--platform-shade:13,27,22}
.activity-controls{display:flex;align-items:center;gap:5px;flex-shrink:0}
.activity-owner-menu{position:relative;pointer-events:auto;flex-shrink:0;color:#e6ece9}
.activity-owner-menu summary{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #66716c;border-radius:6px;background:#131a18;cursor:pointer;list-style:none;font-size:23px;line-height:1;font-weight:700}
.activity-owner-menu summary::-webkit-details-marker{display:none}
.activity-owner-menu summary:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.activity-owner-options{position:absolute;right:0;bottom:39px;z-index:8;min-width:144px;background:#171e1b;border:1px solid #77877e;border-radius:7px;box-shadow:0 8px 24px #0009;padding:5px}
.activity-owner-options button{display:block;width:100%;padding:10px 12px;text-align:left;color:#edf2ef;background:transparent;border:0;border-radius:4px;font-size:12px;white-space:nowrap;cursor:pointer}
.activity-owner-options button:hover{background:#2b3730}.activity-owner-options button.delete{color:#ffa39b}
.activity-overlay-card .overlay-kicker{justify-content:flex-end;pointer-events:none}
.activity-card .activity-art .art-label{display:none}
.activity-summary .overlay-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px}
.activity-summary .activity-member{margin:0}
.creator-work-meta{display:flex;align-items:center;gap:8px;padding:9px 12px}.creator-work-meta time{padding:0!important;margin-right:auto}.creator-work-meta .activity-owner-menu{margin-left:auto}

/* A prominent representative work, followed by a compact continuous filmstrip. */
:is(#memberModal,#profileDesignPreview) .best-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
:is(#memberModal,#profileDesignPreview) .best-heading h3{margin:5px 0 0;font-size:22px}
:is(#memberModal,#profileDesignPreview) .best-heading .eyebrow{color:var(--orange)}
:is(#memberModal,#profileDesignPreview) .creator-best .best-work-link{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:300px}
:is(#memberModal,#profileDesignPreview) .best-work-link .activity-art{height:100%;min-height:300px}
:is(#memberModal,#profileDesignPreview) .best-work-copy{padding:22px 26px;align-self:start}
:is(#memberModal,#profileDesignPreview) .best-work-copy strong{font-size:clamp(22px,2vw,30px);line-height:1.4}
:is(#memberModal,#profileDesignPreview) .best-work-copy p{font-size:14px;line-height:1.9;max-height:205px;overflow:auto;scrollbar-width:thin}
:is(#memberModal,#profileDesignPreview) .best-work-cta{padding:12px 26px}
:is(#memberModal,#profileDesignPreview) .creator-recent-list{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:2px 1px 8px;cursor:grab;touch-action:pan-x pan-y;overscroll-behavior-x:contain}
:is(#memberModal,#profileDesignPreview) .creator-recent-list::-webkit-scrollbar{display:none}
:is(#memberModal,#profileDesignPreview) .creator-recent-list:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
:is(#memberModal,#profileDesignPreview) .creator-recent-list.dragging{cursor:grabbing;user-select:none}
:is(#memberModal,#profileDesignPreview) .creator-work-card{flex:0 0 max(100px,calc((100% - 72px)/10));overflow:visible;position:relative}
:is(#memberModal,#profileDesignPreview) .creator-work-card .activity-art{height:auto;min-height:0;aspect-ratio:16/10;border-radius:6px 6px 0 0;overflow:hidden}
:is(#memberModal,#profileDesignPreview) .creator-work-card h4{font-size:11px;line-height:1.5;padding:6px 7px 0;height:39px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
:is(#memberModal,#profileDesignPreview) .creator-work-meta{gap:3px;flex-wrap:wrap;padding:5px 6px}
:is(#memberModal,#profileDesignPreview) .creator-work-meta time{font-size:10px;white-space:nowrap}
:is(#memberModal,#profileDesignPreview) .creator-work-meta .platform-badge{font-size:9px;padding:2px 3px}
:is(#memberModal,#profileDesignPreview) .creator-work-meta summary{width:24px;height:24px}
:is(#memberModal,#profileDesignPreview) .creator-work-card:has(details[open]){z-index:5}
:is(#memberModal,#profileDesignPreview) .creator-work-card .activity-owner-options{bottom:28px;right:0;min-width:96px;padding:3px}
:is(#memberModal,#profileDesignPreview) .creator-work-card .activity-owner-options button{font-size:11px;padding:7px 5px}
.rail-hint{font-size:11px;color:var(--muted);margin:2px 0 0;text-align:right}
.rail-hint span{margin-left:8px;color:var(--orange)}
:is(#memberModal,#profileDesignPreview) .creator-work-meta time{flex-basis:100%}
:is(#memberModal,#profileDesignPreview) .creator-work-card{align-self:stretch}
.report-link{margin-top:24px;padding:6px 0;background:none;border:0;border-bottom:1px solid #626b67;color:var(--muted);font-size:11px;cursor:pointer}
.moderation-panel{margin:20px 0}.moderation-panel>p,.moderation-panel details>p{font-size:13px;color:var(--muted)}
.moderation-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;max-height:500px;overflow:auto}
.moderation-list article,.block-row{padding:14px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}
.moderation-list article p{white-space:pre-wrap;overflow-wrap:anywhere}.moderation-list pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;font-size:11px}
.moderation-panel summary{cursor:pointer;font-size:12px;margin:10px 0}.block-row{display:flex;justify-content:space-between;gap:12px;margin:8px 0}
@media(max-width:1050px){:is(#memberModal,#profileDesignPreview) .creator-work-card{flex-basis:130px}:is(#memberModal,#profileDesignPreview) .creator-best .best-work-link{min-height:260px}:is(#memberModal,#profileDesignPreview) .best-work-link .activity-art{min-height:260px}:is(#memberModal,#profileDesignPreview) .best-work-copy{padding:18px}}
@media(max-width:700px){:is(#memberModal,#profileDesignPreview) .creator-best .best-work-link{grid-template-columns:1fr}:is(#memberModal,#profileDesignPreview) .best-work-link .activity-art{grid-row:auto;height:220px;min-height:220px}:is(#memberModal,#profileDesignPreview) .best-work-cta{grid-column:1}:is(#memberModal,#profileDesignPreview) .best-work-copy p{max-height:none}:is(#memberModal,#profileDesignPreview) .creator-work-card{flex-basis:140px}:is(#memberModal,#profileDesignPreview) .best-heading h3{font-size:20px}:is(#memberModal,#profileDesignPreview) .best-heading button{font-size:11px}}
@media(max-width:700px){.activity-overlay-card .overlay-card-bottom{flex-wrap:wrap;gap:8px}.activity-controls{margin-left:auto}.activity-author-line{gap:5px}}

#view-home .discovery-intro .discovery-invitation{margin:10px 0 0;color:#ffad70;font-family:var(--display);font-size:clamp(17px,1.35vw,21px);font-weight:650;letter-spacing:.06em;line-height:1.5;max-width:none}
.activity-card{--platform-surface:#1c2121;--platform-border:#3b4442;--platform-shade:12,18,18;background:var(--platform-surface);border-color:var(--platform-border)}
.activity-card[data-platform=YOUTUBE]{--platform-surface:#292124;--platform-border:#514044;--platform-shade:28,16,19}
.activity-card[data-platform=INSTAGRAM]{--platform-surface:#27222c;--platform-border:#4b4054;--platform-shade:26,17,30}
.activity-card[data-platform=WEB]{--platform-surface:#1e2828;--platform-border:#3b4e4d;--platform-shade:13,25,25}
.activity-summary .activity-body{background:var(--platform-surface);display:flex;flex-direction:column}
.activity-summary .overlay-card-bottom{margin-top:auto}
.activity-summary .activity-author-line{flex:1;flex-wrap:nowrap;justify-content:space-between}
.activity-summary .activity-author-line .platform-badge{margin-left:auto}
.activity-summary .activity-member{min-width:0;font-size:12px}
.activity-summary .activity-member span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}
.activity-summary .activity-owner-menu summary{width:25px;height:25px;font-size:19px}
.activity-overlay-card .activity-body{background:linear-gradient(transparent,rgba(var(--platform-shade),.91) 45%,rgba(var(--platform-shade),.97))}

:is(#memberModal,#profileDesignPreview) .best-heading{padding-right:48px}
.activity-panel-head{align-items:flex-end!important}
.activity-panel-head h2,.activity-panel-head p{margin-bottom:0!important}
.activity-submit-actions{display:flex;align-items:center;gap:18px;justify-content:flex-end}
.retention-warning{margin-right:auto;max-width:650px;padding:12px 15px;border-left:3px solid var(--orange);background:#ff822012;text-align:left;font-size:12px;color:#ead8be}
.retention-warning strong{font-size:13px;color:#ffc283}.retention-warning p{margin:5px 0;line-height:1.7}.retention-warning small{display:block;overflow-wrap:anywhere}
.protected-label{display:inline-block;font-size:11px;padding:5px 8px;color:#99d4c2;border:1px solid #578575;border-radius:4px;background:#20332b}
.activity-owner-options .protected-label{border:0;margin:3px}
.audit-retention-note{font-size:12px;color:var(--muted)}
.admin-treatment{border:1px solid var(--line);border-radius:7px;padding:9px 12px;max-width:330px;min-width:170px}
.admin-treatment summary{cursor:pointer;color:var(--text);font-size:12px;font-weight:700}
.admin-treatment p,.admin-treatment small{display:block;font-size:11px;line-height:1.7;color:var(--muted);margin:7px 0;white-space:normal}
.admin-treatment button{display:block;margin:9px 0 4px}.danger-zone{border-top:1px solid #955d5144;margin-top:12px;padding-top:4px}
.admin-delete-dialog{width:min(580px,calc(100vw - 32px));padding:28px;max-height:90dvh;overflow:auto}
.admin-delete-dialog p{font-size:13px;line-height:1.8;color:var(--muted)}
.spotlight-kind{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.1em;color:#d9e1d9;margin-bottom:7px}
.spotlight-kind::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--orange)}
.spotlight-description{font-size:12px;line-height:1.6;color:#e0e4de;margin:7px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pickup-preference{margin:14px 0 22px;padding:15px;border:1px solid var(--line);border-radius:8px;background:#19211e}
.pickup-toggle{display:flex;align-items:center;gap:14px;cursor:pointer;font-size:13px;font-weight:700}
.pickup-toggle>span{flex:1}.pickup-toggle input{position:absolute;opacity:0;width:1px;height:1px}
.pickup-toggle i{position:relative;width:42px;height:24px;flex:none;border:1px solid #6f7a75;border-radius:14px;background:#343d38}
.pickup-toggle i::after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;background:#d9dfda;border-radius:50%;transition:transform .15s}
.pickup-toggle input:checked+i{background:var(--orange);border-color:var(--orange)}.pickup-toggle input:checked+i::after{transform:translateX(18px);background:#151914}
.pickup-toggle input:focus-visible+i{outline:2px solid #fff;outline-offset:3px}
.pickup-preference small{display:block;margin-top:10px;font-size:12px;line-height:1.7;color:var(--muted)}
/* Quiet language control follows About; keep it accessible on narrow screens. */
.head nav{margin-left:auto}
.head .language-control{margin-left:0}
.head .language-control select{background:transparent;border-color:transparent;color:var(--muted);font-size:12px;min-height:36px;max-width:92px;padding:4px}
.head .language-control select:hover,.head .language-control select:focus-visible{border-color:var(--line2);color:var(--ink)}
.head .language-control select option{background:var(--panel);color:var(--ink)}
#view-activities .page-head::after{display:none}
#view-activities .page-head{padding-right:0;padding-top:0;min-height:0}
@media(max-width:850px){.head .language-control{margin-left:auto}.head .account-cta{margin-left:0}}
.admin-member-row>div:nth-child(2)>strong,.admin-member-row>div:nth-child(2)>small,.admin-activity-row>div:nth-child(2)>strong,.admin-activity-row>div:nth-child(2)>small{display:block}
.admin-member-row>div:nth-child(2)>small,.admin-activity-row>div:nth-child(2)>small{margin-top:4px;font-size:11px}
.admin-activity-row>.admin-activity-thumb{flex:0 0 84px;width:84px;height:64px;overflow:hidden;border-radius:5px}
.admin-activity-thumb .activity-art{height:64px;min-height:0}
.admin-activity-row>div:nth-child(2){flex:1;min-width:0}
@media(max-width:700px){.admin-activity-row{flex-wrap:wrap}.admin-member-row>.admin-actions,.admin-activity-row>.admin-treatment{width:100%;max-width:none}.admin-member-row .admin-treatment{max-width:none}.admin-delete-dialog{padding:20px}}
.delete-target{display:block;border-left:3px solid #e68c76;padding:12px;background:#4d25232b;overflow-wrap:anywhere}
.delete-ack{display:flex;align-items:center;gap:10px;font-size:13px;margin:20px 0}
@media(max-width:700px){.activity-submit-actions{flex-wrap:wrap}.retention-warning{flex-basis:100%}.manage-actions{flex-wrap:wrap}}
@media(max-width:700px){:is(#memberModal,#profileDesignPreview) .best-heading{padding-right:0}}

/* Live discovery: eight compact cards on a single horizontal rail. */
#homeActivityGrid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 56px)/8);gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:5px;scrollbar-width:thin}
#homeActivityGrid .activity-summary{display:flex;flex-direction:column;min-height:0;min-width:0}
#homeActivityGrid .activity-link{height:auto;flex:none}
#homeActivityGrid .activity-art{height:auto;min-height:0;aspect-ratio:16/10}
#homeActivityGrid .activity-body{padding:7px 8px;gap:4px;flex:1}
#homeActivityGrid .activity-kicker{font-size:10px;line-height:1.3}
#homeActivityGrid h3{font-size:12px;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}
#homeActivityGrid .overlay-card-bottom{display:flex;flex-direction:column;align-items:stretch;gap:3px}
#homeActivityGrid .activity-author-line{display:block}
#homeActivityGrid .activity-author-line>.platform-badge{display:none}
#homeActivityGrid .activity-member{font-size:11px;min-height:24px;gap:4px;width:100%;justify-content:flex-start}
#homeActivityGrid .activity-member img{width:20px;height:20px}
#homeActivityGrid .live-card-tools{display:flex;align-items:center;justify-content:space-between;min-height:25px;gap:4px}
#homeActivityGrid .platform-badge{font-size:9px;padding:2px 5px}
#homeActivityGrid .activity-owner-options{right:0;left:auto}
@media(max-width:1100px){#homeActivityGrid{grid-auto-columns:140px}}

header .beta-badge{display:inline-block;vertical-align:middle;margin-left:9px;padding:2px 6px;border:1px solid #a66c3d;border-radius:4px;color:#efb782;background:#33251c;font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.04em}
@media(max-width:1100px){header .brand-name{position:relative;padding-bottom:19px}header .beta-badge{position:absolute;bottom:0;left:0;margin:0;padding:1px 5px;font-size:9px}}

/* Portfolio identity and optional contact details. */
.profile-share{font-size:11px;padding:8px 10px;margin:10px 0;max-width:100%;white-space:normal}
.creator-identity .profile-bio,.profile-status p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}
.profile-status p{margin:0;font-size:13px;color:#ead8bc}
.profile-email{display:block;font-size:12px;color:#e9b380;overflow-wrap:anywhere}
:is(#memberModal,#profileDesignPreview) .creator-identity{min-width:0}
:is(#memberModal,#profileDesignPreview) .creator-overview{min-width:0}
.avatar-crop-dialog,.profile-copy-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;border:1px solid #64706b;border-radius:14px;padding:22px;background:#141918;color:#eee9df}
.avatar-crop-dialog::backdrop,.profile-copy-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
.avatar-crop-dialog h2,.profile-copy-dialog h2{font-size:19px;margin:0 0 10px}
.avatar-crop-dialog p{font-size:12px;line-height:1.6}
.crop-stage{position:relative;max-width:280px;margin:12px auto;background:#0c100f;line-height:0}
.crop-stage canvas{width:100%;height:auto;display:block;touch-action:none;cursor:grab}
.crop-empty{position:absolute;top:48%;left:0;right:0;text-align:center;font-size:12px;line-height:1.5}
.crop-controls{border:0;margin:0;padding:0;display:grid;gap:7px}
.crop-controls label{display:grid;grid-template-columns:90px 1fr;align-items:center;font-size:12px}
.crop-controls input{width:100%;accent-color:#ff822e}
.crop-controls .soft-btn{justify-self:start;padding:6px 10px;font-size:11px}
.crop-note{color:#adb5ad;margin:8px 0}.crop-error{color:#ffb1a6;min-height:0}
.crop-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.crop-actions button{font-size:12px}
.profile-copy-dialog input{box-sizing:border-box;width:100%;padding:10px;margin:8px 0 16px;color:#eee;background:#202725;border:1px solid #64706b}
@media(max-width:600px){.avatar-crop-dialog{padding:16px}.crop-stage{max-width:220px}.crop-actions{justify-content:space-between}}

/* Profile-only palettes, including light themes. Social/category colors remain distinct. */
:is(#memberModal,#profileDesignPreview) .dialog{--profile-background:#101413;--profile-text:#f1efe6;--profile-accent:#ff792a;--profile-on-accent:#101413;background:var(--profile-background);color:var(--profile-text);border-color:color-mix(in srgb,var(--profile-text) 35%,var(--profile-background))}
:is(#memberModal,#profileDesignPreview) .profile-name,:is(#memberModal,#profileDesignPreview) h3,:is(#memberModal,#profileDesignPreview) .profile-bio,:is(#memberModal,#profileDesignPreview) .profile-status p,:is(#memberModal,#profileDesignPreview) .best-work-copy strong,:is(#memberModal,#profileDesignPreview) .best-work-copy p,:is(#memberModal,#profileDesignPreview) .creator-work-card h4,:is(#memberModal,#profileDesignPreview) .creator-work-meta time,:is(#memberModal,#profileDesignPreview) .rail-hint,:is(#memberModal,#profileDesignPreview) .muted{color:var(--profile-text)}
:is(#memberModal,#profileDesignPreview) .eyebrow,:is(#memberModal,#profileDesignPreview) .profile-email{color:var(--profile-accent)}
:is(#memberModal,#profileDesignPreview) .best-work-link,:is(#memberModal,#profileDesignPreview) .creator-work-card,:is(#memberModal,#profileDesignPreview) .empty-state{background:color-mix(in srgb,var(--profile-background) 94%,var(--profile-text));border-color:color-mix(in srgb,var(--profile-text) 25%,var(--profile-background));color:var(--profile-text)}
:is(#memberModal,#profileDesignPreview) .best-work-cta{background:var(--profile-accent);color:var(--profile-on-accent)}
:is(#memberModal,#profileDesignPreview) .soft-btn,:is(#memberModal,#profileDesignPreview) .dialog-close{background:color-mix(in srgb,var(--profile-background) 92%,var(--profile-text));border-color:color-mix(in srgb,var(--profile-text) 40%,var(--profile-background));color:var(--profile-text)}
:is(#memberModal,#profileDesignPreview) .profile-section{border-color:color-mix(in srgb,var(--profile-text) 25%,var(--profile-background))}
.theme-colors{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0}.theme-colors label{display:grid;gap:7px;font-size:12px}.theme-colors input{width:72px;height:36px;padding:2px;background:transparent;border:1px solid #67736c;border-radius:6px}
.profile-theme-preview{padding:18px;border-radius:8px;background:var(--profile-background);color:var(--profile-text);border:1px solid #67736c}.profile-theme-preview p{color:inherit!important}.profile-theme-preview span{display:inline-block;padding:7px 12px;border-radius:4px;background:var(--profile-accent);color:var(--profile-on-accent);font-size:12px}.theme-contrast-note{font-size:12px}

:is(#memberModal,#profileDesignPreview) .creator-identity .profile-section h3{color:var(--profile-text);opacity:.78}
.icon-platform{display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;flex:none;min-width:40px;min-height:40px;padding:8px!important;border:0!important;border-radius:6px}
.icon-platform[data-platform=X]{background:#000!important}
.icon-platform[data-platform=INSTAGRAM]{background:linear-gradient(35deg,#f9ce34,#ee2a7b,#6228d7)!important}
.platform-icon{display:block;object-fit:contain;width:24px;height:24px;max-width:none;flex:none}
.icon-platform[data-platform=X] .platform-icon{width:13px;height:13px}
#homeActivityGrid .live-card-tools{min-height:40px}
.creator-work-meta{flex-wrap:wrap}

.crop-drop-zone{border:1px dashed #6b7c71;border-radius:8px;padding:12px;background:#1b221f;display:grid;gap:5px}.crop-drop-zone>strong{font-size:13px}.crop-drop-zone>span{font-size:11px;color:#b9c3bc}.crop-drop-zone .field{margin:2px 0}.crop-drag-over .crop-drop-zone{border-color:#ff832f;background:#34271e}.crop-drop-zone input{max-width:100%;box-sizing:border-box}

/* Direct-manipulation avatar editor. */
.avatar-crop-dialog{width:min(440px,calc(100vw - 24px));padding:24px;border:1px solid #47534b;background:linear-gradient(145deg,#202722,#111613 65%);border-radius:18px;box-shadow:0 24px 100px #0009}
.avatar-crop-dialog .crop-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:static;background:none;border:0;padding:0;box-shadow:none}
.crop-eyebrow{font:10px var(--label);letter-spacing:.16em;color:#eaa676}.avatar-crop-dialog h2{margin:6px 0 0;font-size:19px;font-weight:650}
.crop-close{width:30px;height:30px;border-radius:50%;border:1px solid #526056;background:#27322a;color:#dfe8e1;font-size:23px;line-height:1;cursor:pointer}
.avatar-crop-dialog .crop-lead{margin:10px 0 18px;color:#b9c5bc;font-size:12px}
.avatar-crop-dialog .crop-stage{width:min(280px,100%);max-width:none;aspect-ratio:1;border-radius:12px;overflow:hidden;background:radial-gradient(circle,#28372c,#121a15);margin:0 auto}
.crop-stage canvas{touch-action:none;cursor:grab}.crop-stage canvas.dragging{cursor:grabbing}.crop-stage canvas:focus-visible{outline:2px solid #ffab6a;outline-offset:-3px}
.crop-stage .crop-empty{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none;line-height:1.5}.crop-empty[hidden]{display:none!important}.crop-empty>span{font-size:36px;color:#efa871;font-weight:300}.crop-empty strong{font-size:13px;font-weight:500}.crop-empty small{font-size:10px;color:#96a59a}
.avatar-crop-dialog .crop-gesture-hint{text-align:center;font-size:11px;color:#aab9ae;margin:12px 0 18px}
.avatar-crop-dialog .crop-controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;border:0;padding:0;margin:0 0 18px;font-size:11px}
.avatar-crop-dialog .crop-controls label{display:block;font-size:11px}.crop-controls output{font:11px var(--label);min-width:36px;text-align:right;color:#ecc29f}.crop-reset{background:none;color:#bdc9c0;border:0;padding:5px 0;font-size:11px;text-decoration:underline;cursor:pointer}
.crop-file-row{display:flex;gap:12px;align-items:center;border:1px dashed #4b5d50;border-radius:8px;padding:12px}.crop-file-row>div{min-width:0;display:grid;gap:4px}.crop-filename{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}.crop-file-row small{font-size:10px;color:#98a79b}
.crop-file-button{position:relative;flex:none;padding:9px 12px;border-radius:6px;border:1px solid #637967;font-size:12px;cursor:pointer;background:#253429;color:#e6eee7;overflow:hidden}.crop-file-button .crop-file{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.crop-file-button:focus-within{outline:2px solid #eaaa75}
.crop-drag-over .crop-stage{outline:2px solid #ffa368}.crop-drag-over .crop-file-row{border-color:#ffa368;background:#34271e}
.avatar-crop-dialog .crop-actions{position:static;display:grid;grid-template-columns:1fr 1.5fr;gap:10px;padding:0;margin:18px 0 0;background:none;border:0}.crop-actions button{justify-content:center;border-radius:7px}.avatar-crop-dialog .crop-save-note{text-align:center;color:#899a8d;font-size:10px;margin:12px 0 0}
@media(max-width:600px){.avatar-crop-dialog{padding:18px}.avatar-crop-dialog .crop-stage{width:min(230px,100%)}.crop-filename{max-width:180px}.avatar-crop-dialog .crop-lead{margin-bottom:12px}.avatar-crop-dialog .crop-gesture-hint{font-size:10px;margin:10px 0 12px}.avatar-crop-dialog .crop-controls{margin-bottom:12px}}

/* Square club icon: replacement artwork never changes the header geometry. */
header .brand-mark,header .brand-mark img{width:116px;height:58px;object-fit:contain;transform:none}
.about-club-logo{width:min(420px,100%);aspect-ratio:2;object-fit:contain;margin:0 0 18px}
@media(max-width:1100px){header .brand-mark,header .brand-mark img{width:90px;height:48px}}
@media(max-width:600px){header .brand-mark,header .brand-mark img{width:66px;height:42px}.about-club-logo{width:300px;max-width:100%}}

:is(#memberModal,#profileDesignPreview) .dialog{--orange:var(--profile-accent);--lime:var(--profile-accent);--muted:color-mix(in srgb,var(--profile-text) 75%,var(--profile-background))}

/* Profile portfolio: six readable works and compact sharing. */
:is(#memberModal,#profileDesignPreview) .profile-name-row{display:flex;align-items:center;gap:8px;margin:14px 0 16px}
:is(#memberModal,#profileDesignPreview) .profile-name-row .profile-name{margin:0;min-width:0;overflow-wrap:anywhere}
:is(#memberModal,#profileDesignPreview) .profile-share{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:36px;flex:0 0 36px;margin:0;padding:7px;border-radius:50%;background:transparent;border-color:transparent;color:var(--profile-text)}
:is(#memberModal,#profileDesignPreview) .profile-share:hover{background:color-mix(in srgb,var(--profile-text) 10%,transparent);border-color:var(--profile-accent)}
:is(#memberModal,#profileDesignPreview) .creator-work-card{flex:0 0 calc((100% - 40px)/6);min-width:0}
:is(#memberModal,#profileDesignPreview) .creator-work-card h4{font-size:12px;height:43px;padding:8px 9px 0}
:is(#memberModal,#profileDesignPreview) .creator-work-meta{padding:7px 9px;gap:6px}
:is(#memberModal,#profileDesignPreview) .best-work-image-link{grid-row:1/3;display:block;min-width:0}
:is(#memberModal,#profileDesignPreview) .best-work-cta{display:inline-flex;align-items:center;gap:10px;justify-self:start;align-self:end;width:auto;margin:0 26px 22px;padding:11px 16px;border-radius:7px;font-weight:700;font-size:13px;min-height:44px}
:is(#memberModal,#profileDesignPreview) .best-work-cta:hover{filter:brightness(1.12)}
@media(max-width:1050px){:is(#memberModal,#profileDesignPreview) .creator-work-card{flex-basis:calc((100% - 24px)/4)}:is(#memberModal,#profileDesignPreview) .best-work-cta{margin:0 18px 18px}}
@media(max-width:700px){:is(#memberModal,#profileDesignPreview) .creator-work-card{flex-basis:155px}:is(#memberModal,#profileDesignPreview) .best-work-image-link{grid-row:auto}:is(#memberModal,#profileDesignPreview) .best-work-cta{margin:0 16px 16px;max-width:calc(100% - 32px)}}

.portfolio-selection>p{font-size:13px;line-height:1.8}.portfolio-selection>small{display:block;color:var(--muted);line-height:1.8;font-size:12px;margin:10px 0}
.portfolio-scope-note{border-left:2px solid var(--orange);padding-left:12px}
.portfolio-auto{display:flex;align-items:center;gap:10px;font-size:13px;margin:16px 0 8px}.portfolio-auto input,.portfolio-select-label input{accent-color:var(--orange);width:18px;height:18px;flex-shrink:0}
.portfolio-selection-list{max-height:520px;overflow-y:auto;padding:4px;scrollbar-width:thin;overscroll-behavior:contain}
.portfolio-selection-row{display:grid;grid-template-columns:36px 76px minmax(0,1fr) 32px;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line2);border-radius:9px;margin:8px 0;padding:10px;transition:border-color .15s,background .15s}
.portfolio-selection-thumb .activity-art{height:50px!important;min-height:0!important;border-radius:4px;aspect-ratio:76/50}.portfolio-selection-thumb .art-label,.portfolio-selection-thumb .link-cover{display:none}
.portfolio-select-label{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:5px 12px;cursor:pointer;font-size:13px;min-width:0}.portfolio-select-label>span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.portfolio-select-label small{color:var(--muted);font-size:11px}.portfolio-select-label input{grid-column:2;grid-row:1/3;align-self:center}
.portfolio-drag,.portfolio-reorder button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--line2);background:transparent;border-radius:5px;color:var(--text)}
.portfolio-drag{touch-action:none;cursor:grab;font-size:26px;height:48px}.portfolio-drag:active{cursor:grabbing}.portfolio-reorder{display:grid;gap:4px}.portfolio-reorder button:disabled{opacity:.25}
.portfolio-unselected .portfolio-selection-thumb,.portfolio-unselected .portfolio-select-label>span{opacity:.45}.portfolio-dragging{border-color:var(--orange);background:color-mix(in srgb,var(--panel) 90%,var(--orange));box-shadow:0 5px 20px #0006;position:relative;z-index:2}.portfolio-selection-status{font-size:12px;color:var(--orange)}
@media(max-width:600px){.portfolio-selection-row{grid-template-columns:30px 54px minmax(0,1fr) 28px;gap:7px;padding:7px}.portfolio-selection-thumb .activity-art{height:44px!important}.portfolio-drag{width:28px}.portfolio-reorder button{width:28px}.portfolio-select-label{font-size:12px;gap:4px}.portfolio-selection-list{max-height:440px}}

/* A personal avatar is the mobile account entry; image selection is tappable. */
@media(max-width:600px){
 #accountCta.has-member{width:44px;min-width:44px;height:44px;padding:2px;border-radius:50%;gap:0;flex-shrink:0}
 #accountCta.has-member .account-copy{display:none}
 #accountCta.has-member #accountAvatar{display:grid;width:38px;height:38px}
 #accountCta.has-member #accountAvatar img{display:block;width:38px;height:38px;object-fit:cover}
 .avatar-crop-dialog .crop-filename:empty{display:none}
}
.crop-stage button.crop-empty{pointer-events:auto;background:transparent;color:inherit;border:0;border-radius:50%;cursor:pointer;width:100%;height:100%;padding:12px}
.crop-stage button.crop-empty:hover{background:#ffffff08}.crop-stage button.crop-empty:focus-visible{outline:2px solid var(--orange);outline-offset:3px}

/* Quiet, recognizable support destination in the footer. */
.footer-discord,.contact-discord { display:inline-flex; flex-direction:column; align-items:flex-start; gap:9px; padding:12px 16px; }
.footer-discord img,.contact-discord img { width:132px; height:auto; object-fit:contain; }

/* Keep the creator discovery artwork in the first phone viewport. */
@media(max-width:480px){
 header .head{height:54px;min-height:54px;flex-wrap:nowrap;gap:6px;align-items:center}
 header .brand{flex:0 1 auto;min-width:0;margin:0;gap:6px}
 header .brand-mark{width:28px;height:28px;flex:0 0 28px}
 header .brand-name{font-size:13px;line-height:1.25;letter-spacing:-.05em;white-space:nowrap}
 header .brand-name .beta-badge,header .brand-name small{display:none}
 header .language-control{flex:0 0 auto;margin-left:auto}
 header .language-control select{width:78px;min-width:78px;max-width:78px;min-height:36px;padding:4px 22px 4px 6px;font-size:11px}
 header #accountCta{flex:0 0 auto;width:auto;min-width:0;max-width:none;height:40px;min-height:40px;margin-left:0;padding:0 8px;gap:0}
 header #accountCta:not(.has-member) #accountLabel{font-size:11px;letter-spacing:0}
 header #accountCta.has-member{width:40px;min-width:40px;height:40px;min-height:40px;padding:2px}
 header #accountCta.has-member #accountAvatar,header #accountCta.has-member #accountAvatar img{width:34px;height:34px}
 #view-home .home-hero{padding:8px 0 0}
 #view-home .discovery-intro{margin-bottom:8px}
 #view-home .discovery-intro .eyebrow{font-size:10px;line-height:1.35;letter-spacing:.04em}
 #view-home .discovery-intro h1{margin-top:4px;font-size:clamp(19px,5.6vw,22px);line-height:1.25}
 #view-home .discovery-intro h1 span{display:block;white-space:nowrap}
 #view-home .discovery-intro .discovery-invitation{margin-top:3px;font-size:12px;line-height:1.35}
 #view-home .discovery-intro>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:5px;font-size:11px;line-height:1.4}
 #view-home .activity-discovery-cta{min-height:36px;margin-top:6px;padding:6px 10px;font-size:12px}
 #view-home .pickup-head{margin-bottom:6px;gap:8px;flex-wrap:nowrap}
 #view-home .pickup-head h2{font-size:11px;line-height:1.35}
 #view-home .pickup-refresh{min-height:34px;padding:4px 9px;font-size:11px}
 #view-home .spotlight-visual .activity-art{height:auto;min-height:0;aspect-ratio:16/9}
 #view-home .spotlight-overlay{padding:32px 14px 14px}
 #view-home .spotlight-overlay h3{margin-top:4px;font-size:clamp(18px,5vw,22px);line-height:1.35}
}
@media(max-width:360px){
 header .head{gap:5px}
 header .brand{gap:5px}
 header .brand-mark{width:26px;height:26px;flex-basis:26px}
 header .brand-name{font-size:12px}
 header .language-control select{width:70px;min-width:70px;max-width:70px;padding:3px 18px 3px 4px;font-size:10px}
 header #accountCta{padding-inline:6px}
 header #accountCta:not(.has-member) #accountLabel{font-size:10px}
}
.footer-discord span { font-size:11px; line-height:1.6; }
.footer-discord:hover { color:#fff; background:rgba(88,101,242,.12); border-radius:6px; }
/* About and terms: balanced columns and consistent inner spacing. */
#view-about .about-intro{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:32px;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--line)}
#view-about .about-intro h1{font-size:clamp(26px,2.7vw,38px);line-height:1.5;margin:12px 0 0;letter-spacing:.025em}
#view-about .about-intro .about-club-logo{width:300px;max-width:100%;margin:0;justify-self:end}
#view-about .about-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
#view-about .manifesto{min-width:0;padding:24px 28px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
#view-about .manifesto p{max-width:none;font-size:15px;line-height:1.95;margin-top:16px}
#view-about .manifesto>div>p:first-child{margin-top:0}
#view-about .quote{padding-top:20px;margin-top:20px!important}
#view-about .principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
#view-about .principle-card:not(.founder-mini){min-height:136px;padding:22px;border:1px solid var(--line);border-radius:8px}
#view-about .principle-card:not(.founder-mini)>.principle-code{font-size:clamp(40px,4.2vw,64px);right:8px;bottom:-5px}
#view-about .principle-card p{font-size:14px}
#view-about .founder-mini{grid-column:1/-1;margin-top:0;padding:24px}
#view-about .about-policy-link{gap:24px;margin-top:24px;padding:24px 28px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
#view-about .about-policy-link p{margin:0;line-height:1.9}
#view-about .about-policy-link .soft-btn{flex-shrink:0;white-space:nowrap}
#view-terms .terms-layout{display:block;max-width:1180px;margin:auto}
#view-terms .terms-intro{position:static;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:8px 40px;align-items:center;margin-bottom:28px;padding-bottom:26px;border-bottom:1px solid var(--line)}
#view-terms .terms-intro .eyebrow{grid-column:1}
#view-terms .terms-intro h1{grid-column:1;margin:0;font-size:32px;line-height:1.5}
#view-terms .terms-intro p{grid-column:2;grid-row:1/3;margin:0;font-size:15px;line-height:1.9}
#view-terms .terms-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#view-terms .terms-card{padding:28px 32px;border:1px solid var(--line);border-radius:8px;min-width:0}
#view-terms .terms-card h2{font-size:19px;margin:0 0 14px}
#view-terms .terms-card p{font-size:15px;line-height:1.95;overflow-wrap:break-word}
#view-terms .terms-card p+p{margin-top:14px}
#view-terms .terms-backup{margin-top:24px;padding:20px 24px;background:rgba(255,122,38,.07);border-left:3px solid var(--orange);border-radius:0 6px 6px 0}
#view-terms .terms-backup h3{font-size:16px;margin:0 0 8px;color:var(--ink)}
#view-terms .terms-backup p{margin:0;font-size:14px}
@media(max-width:850px){#view-about .about-grid{grid-template-columns:1fr;gap:16px}#view-about .about-intro{grid-template-columns:minmax(0,1fr) 210px}#view-terms .terms-intro{display:block}#view-terms .terms-intro h1{margin:8px 0 16px}}
@media(max-width:600px){#view-about .about-intro{grid-template-columns:1fr;gap:16px;padding-bottom:20px;margin-bottom:20px}#view-about .about-intro .about-club-logo{grid-row:1;width:210px;justify-self:start}#view-about .manifesto,#view-about .founder-mini,#view-about .about-policy-link{padding:20px}#view-about .principle-card:not(.founder-mini){padding:18px;min-height:150px}#view-about .principle-card h3{font-size:15px}#view-about .principle-card p{font-size:13px}#view-about .principle-card:not(.founder-mini)>.principle-code{font-size:36px}#view-about .about-policy-link{display:block}#view-about .about-policy-link .soft-btn{margin-top:16px}#view-terms .terms-grid{grid-template-columns:1fr;gap:16px}#view-terms .terms-card{padding:22px}#view-terms .terms-intro h1{font-size:28px}#view-terms .terms-backup{padding:18px;margin-top:20px}}

/* Portfolio work link: clear label, anchored to the bottom-right. */
:is(#memberModal,#profileDesignPreview) .best-work-cta{justify-self:end;justify-content:center;font-size:14px;font-weight:800;line-height:1.5;letter-spacing:.025em;text-align:center}
/* Club story: open typography, vertically stacked principles. */
#view-about .about-intro{border-bottom:0;margin-bottom:32px;padding-bottom:12px}
#view-about .about-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
#view-about .manifesto{padding:6px 0 0;border:0;border-radius:0;background:transparent}
#view-about .manifesto p{font-size:16px;line-height:2.05;margin-top:24px}
#view-about .quote{border-top:0;border-left:2px solid var(--orange);padding:2px 0 2px 20px;margin-top:32px!important}
#view-about .principles{display:flex;flex-direction:column;gap:0}
#view-about .principle-card:not(.founder-mini){min-height:112px;padding:22px 24px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:linear-gradient(90deg,rgba(25,32,30,.64),rgba(25,32,30,.1))}
#view-about .principle-card:not(.founder-mini)>.principle-code{font-size:clamp(54px,6.5vw,84px);right:8px;bottom:-8px;color:#e3edea17}
#view-about .principle-card h3{font-size:17px}
#view-about .founder-mini{margin-top:26px;padding:0;background:transparent;border:0;border-radius:0;gap:10px 20px}
#view-about .about-policy-link{padding:24px 0;margin-top:28px;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0}
@media(max-width:850px){#view-about .about-grid{grid-template-columns:1fr;gap:32px}}
@media(max-width:600px){#view-about .about-intro{margin-bottom:20px}#view-about .manifesto p{font-size:15px;line-height:2}#view-about .principle-card:not(.founder-mini){padding:22px 18px;min-height:112px}#view-about .principle-card:not(.founder-mini)>.principle-code{font-size:clamp(48px,14vw,68px)}#view-about .founder-mini{padding:0;margin-top:24px}#view-about .about-policy-link{padding:22px 0}}
/* Portfolio identity: quiet text, not another set of pills. */
:is(#memberModal,#profileDesignPreview) .creative-status{display:flex;align-items:center;gap:8px;margin:10px 0 18px;color:var(--profile-text);font-size:13px;font-weight:600;line-height:1.7}
:is(#memberModal,#profileDesignPreview) .creative-status i{width:6px;height:6px;flex:none;border-radius:50%;background:var(--profile-accent)}
:is(#memberModal,#profileDesignPreview) .profile-tags{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;max-width:100%;min-width:0}
:is(#memberModal,#profileDesignPreview) .profile-tag{flex:0 1 auto;min-width:0;padding:3px 0;border:0;border-bottom:2px solid var(--tag-color);border-radius:0;background:transparent;font-size:10px;letter-spacing:0;line-height:1.5;white-space:nowrap}
:is(#memberModal,#profileDesignPreview) .social-row{gap:14px;align-items:center}
:is(#memberModal,#profileDesignPreview) .social-link:not(.icon-platform){padding:6px 0;border:0;border-radius:0;background:transparent;color:var(--profile-text);text-decoration:underline;text-underline-offset:5px;min-height:44px}
:is(#memberModal,#profileDesignPreview) .creator-work-card{flex-basis:calc((100% - 40px)/5.5)}
@media(max-width:1050px){:is(#memberModal,#profileDesignPreview) .creator-work-card{flex-basis:calc((100% - 24px)/3.5)}}
@media(max-width:700px){:is(#memberModal,#profileDesignPreview) .creator-work-card{flex-basis:calc((100% - 16px)/2.2);min-width:125px}}
/* Founder as the signature to the club introduction, aligned with the principles. */
#view-about .about-grid{align-items:stretch}
#view-about .principles{justify-content:stretch}
#view-about .principle-card:not(.founder-mini){flex:1;display:flex;align-items:center}
#view-about .manifesto .founder-mini{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
#view-about .founder-avatar-link{padding:0;border:0;background:transparent;width:56px;height:56px;border-radius:50%;cursor:pointer}
#view-about .founder-avatar-link img{display:block;width:56px;height:56px;border-radius:50%}
#view-about .founder-name-link{padding:0;border:0;background:transparent;color:var(--ink);font:inherit;cursor:pointer;text-align:left}
#view-about .founder-name-link:hover{text-decoration:underline;text-underline-offset:4px}
#view-about .founder-mini h3{font-size:18px;margin:4px 0 6px}
#view-about .manifesto .founder-mini p{font-size:13px;line-height:1.8;margin:0;color:var(--muted)}
@media(max-width:850px){#view-about .principle-card:not(.founder-mini){flex:auto}}
/* Account navigation aligned as a single workspace. */
#accountRoot .mypage-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:22px}
#accountRoot .mypage-heading p{margin:0}
.member-discord-invite{display:flex;align-items:center;gap:20px;padding:22px 26px;margin-bottom:28px;border-left:3px solid #5865f2;background:linear-gradient(100deg,#5865f224,transparent);color:var(--ink);text-decoration:none}
.member-discord-invite img{width:40px;height:auto;flex:none}
.member-discord-invite strong{display:block;font-size:18px;font-weight:800}
.member-discord-invite small{display:block;margin-top:6px;color:var(--muted);line-height:1.7}
.discord-invite-action{margin-left:auto;white-space:nowrap;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.member-discord-invite:hover{background-color:#5865f216}
#accountRoot .mypage-sidebar{border-top:0;padding-top:8px}
#accountRoot .mypage-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px;border:1px solid var(--line);border-radius:8px;background:#0c100f;margin-bottom:18px}
#accountRoot .mypage-tab{border:0;border-radius:5px;min-height:46px;padding:10px 8px;color:var(--muted);font-size:14px;font-weight:700;background:transparent}
#accountRoot .mypage-tab.active{background:var(--orange);color:#151611;box-shadow:none}
#accountRoot .mypage-tab:not(.active):hover{background:#ffffff0c;color:var(--ink)}
#accountRoot .mypage-panel{margin-top:0}
@media(max-width:600px){#accountRoot .mypage-heading{display:block}#accountRoot .mypage-heading p{margin-top:10px}.member-discord-invite{padding:18px 14px;gap:12px;flex-wrap:wrap}.member-discord-invite img{width:32px}.member-discord-invite>span:nth-child(2){flex:1;min-width:0}.member-discord-invite strong{font-size:16px}.discord-invite-action{margin-left:44px}#accountRoot .mypage-tab{font-size:12px;padding:10px 2px}#accountRoot .mypage-tabs{gap:2px;padding:4px}}
.member-pause-notice{padding:20px 24px;border-left:3px solid var(--orange);background:#ff792a12;margin-bottom:24px}.member-pause-notice p{margin:10px 0;white-space:pre-wrap}.member-pause-notice small{line-height:1.8;color:var(--muted)}
.timed-visibility{margin:16px 0;padding-top:14px;border-top:1px solid var(--line)}.timed-visibility label{display:block;margin-bottom:12px;font-size:13px}.timed-visibility input,.timed-visibility textarea{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--ink)}

 .platform-badge[data-platform=SUNO]{background:#302522;color:#ffd1ba;border-color:#bd8a70}
 .activity-card[data-platform=SUNO]{--platform-surface:#292321;--platform-border:#59463d;--platform-shade:30,21,17}
 .platform-badge[data-platform=TIKTOK]{background:#18282a;color:#b7eeee;border-color:#5a9c9c}
 .platform-badge[data-platform=THREADS]{background:#22252a;color:#e5e7ea;border-color:#7b858e}
 .platform-badge[data-platform=APP]{background:#252936;color:#c9d2ff;border-color:#7f91d5}
 .activity-card[data-platform=TIKTOK]{--platform-surface:#1d292a;--platform-border:#3e5b5b;--platform-shade:15,27,28}
 .activity-card[data-platform=THREADS]{--platform-surface:#24272b;--platform-border:#4b5158;--platform-shade:26,28,31}
 .activity-card[data-platform=APP]{--platform-surface:#242832;--platform-border:#4a5570;--platform-shade:25,29,40}
 /* App icons and portrait social thumbnails need their full silhouette visible. */
 .activity-art.app-art{background:#e9ece8}
 .activity-art.app-art .remote-thumbnail{box-sizing:border-box;object-fit:contain;padding:clamp(12px,5%,28px);background:#e9ece8}
 .activity-art.portrait-art{background:#171c1b}
 .activity-art.portrait-art .remote-thumbnail{box-sizing:border-box;object-fit:contain;padding:0;background:#171c1b}
 .activity-view-tabs{display:flex;gap:28px;border-bottom:1px solid #ffffff28;margin:0 0 22px}
.activity-view-tabs button{font:inherit;font-weight:700;border:0;background:none;color:var(--muted,#aaa);padding:14px 2px;border-bottom:3px solid transparent;cursor:pointer}
.activity-view-tabs button[aria-pressed=true]{color:var(--text,#fff);border-color:var(--accent,#ff7929)}
.activity-view-tabs small{font-size:10px;letter-spacing:.12em;margin-left:8px;color:var(--accent,#ff7929)}
.ranking-intro{margin-bottom:24px}.ranking-intro[hidden]{display:none}.ranking-intro>p{font-size:24px;font-weight:750;margin:0 0 8px}.ranking-intro>span,.ranking-intro>small{color:var(--muted,#aaa);font-size:13px;line-height:1.8}.ranking-intro>small{display:block;max-width:920px}
.ranking-periods{display:flex;gap:6px;margin:18px 0 12px}.ranking-periods button{background:#ffffff08;border:1px solid #ffffff26;color:inherit;font:inherit;padding:8px 22px;cursor:pointer;border-radius:5px}.ranking-periods button[aria-pressed=true]{background:var(--accent,#ff7929);border-color:var(--accent,#ff7929);color:#151515;font-weight:750}
.ranking-list{align-items:start}.ranked-work{min-width:0}.ranked-work .activity-card{width:100%}.ranking-score{display:flex;justify-content:space-between;align-items:baseline;padding:0 3px 8px;gap:10px}.ranking-score>strong{font-size:32px;color:var(--accent,#ff7929);font-variant-numeric:tabular-nums}.ranking-score>strong span{font-size:15px;margin-right:4px}.ranking-score>span{font-size:16px;font-weight:700}.ranking-score small{font-size:11px;font-weight:400;color:var(--muted,#aaa)}
.toolbar .search-box[hidden]{display:none}.admin-usage{margin:24px 0;padding:22px 26px;border-top:1px solid #ffffff35;border-bottom:1px solid #ffffff35}.admin-usage summary{cursor:pointer;font-weight:750;font-size:18px}.admin-usage p{color:var(--muted,#aaa);font-size:13px;line-height:1.8}.usage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:20px 0}.usage-grid>div{display:flex;flex-direction:column;gap:7px}.usage-grid strong{font-size:25px}.usage-grid small{color:#b8d6b1}.ranking-budget{margin-top:22px;padding-top:20px;border-top:1px solid #ffffff20}
@media(max-width:650px){.activity-view-tabs{gap:18px}.activity-view-tabs small{display:block;font-size:9px;margin:3px 0 0}.ranking-intro>p{font-size:21px}.ranking-periods button{flex:1;padding:9px 12px}.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-usage{padding:20px 6px}.ranking-score>strong{font-size:27px}}
#view-activities .page-head{margin-bottom:8px;padding-bottom:12px}
.ranking-rules{margin-top:10px;font-size:12px;color:var(--muted,#aaa)}.ranking-rules summary{cursor:pointer;width:fit-content}.ranking-rules small{display:block;margin-top:7px;line-height:1.8;max-width:900px}.ranking-intro>p{font-size:22px}
@media(max-width:650px){.ranking-intro>p{font-size:19px}.ranking-intro{margin-bottom:14px}#view-activities .page-head{padding-bottom:4px}.activity-view-tabs{margin-bottom:18px}.ranking-score{padding-top:5px}}
/* Ranking: artwork-first chart, ten compact entries above the fold on desktop. */
#view-activities.show-ranking .page-head{padding:0;margin:0 0 4px;gap:0}
#view-activities.show-ranking .page-head .eyebrow,#view-activities.show-ranking .page-head>p{display:none}
#view-activities.show-ranking .page-head h1{font-size:25px;line-height:1.4}
#view-activities.show-ranking .activity-view-tabs{margin-bottom:10px;gap:24px}
#view-activities.show-ranking .activity-view-tabs button{padding:10px 2px}
#view-activities.show-ranking .toolbar{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:10px 18px;margin:0 0 14px;padding:8px 0 12px}
#view-activities.show-ranking .ranking-intro{margin:0}
#view-activities.show-ranking .ranking-periods{margin:0;gap:2px;padding:3px;border:1px solid #ffffff20;border-radius:6px;background:#080d0c66}
#view-activities.show-ranking .ranking-periods button{padding:5px 14px;font-size:13px;line-height:20px;border:0;background:transparent}
#view-activities.show-ranking .ranking-periods button[aria-pressed=true]{background:var(--accent);color:#161613}
#view-activities.show-ranking .select-box{width:138px;min-height:36px;height:36px;padding:5px 12px;font-size:12px}
#view-activities.show-ranking #activityOrderLabel{display:none}
#view-activities.show-ranking #activityResultMeta{margin-left:auto;font-size:11px;line-height:1.5}
#activitiesList.ranking-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;align-items:start}
#activitiesList .ranked-work{display:grid;grid-template-columns:38px 138px minmax(0,1fr) 30px;align-items:center;gap:12px;min-height:100px;padding:10px 0;border-bottom:1px solid #ffffff22;position:relative;background:linear-gradient(90deg,#ffffff03,transparent)}
.rank-number{font-size:28px;font-weight:800;color:#a1aaa7;font-variant-numeric:tabular-nums;letter-spacing:-.05em;text-align:center}
.ranked-work[data-rank="1"] .rank-number{color:#ffad60}.ranked-work[data-rank="2"] .rank-number{color:#e3e9e5}.ranked-work[data-rank="3"] .rank-number{color:#c79371}
.rank-image{display:block;min-width:0;overflow:hidden;border-radius:4px}
#activitiesList .rank-image .activity-art{height:78px;min-height:0;aspect-ratio:auto;width:100%;border:0}
#activitiesList .rank-image .art-label{display:none}
#activitiesList .rank-image .embed-play{width:26px;height:26px}
.rank-info{min-width:0}.rank-info h3{font-size:14px;line-height:1.45;letter-spacing:.015em;margin:0 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rank-info h3 a{text-decoration:none;color:inherit}.rank-info h3 a:hover{color:var(--accent)}
.rank-author{display:flex;align-items:center;gap:6px;max-width:100%;background:none;border:0;padding:0;color:#b8c0bb;font:inherit;font-size:11px;cursor:pointer;text-align:left}
.rank-author img{width:18px;height:18px;object-fit:cover;border-radius:50%}.rank-author span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rank-meta{display:flex;align-items:center;gap:9px;margin-top:5px;font-size:10px;color:#a9b3ac}.rank-meta b{font-size:12px;color:#e7eae4;font-variant-numeric:tabular-nums}
#activitiesList .rank-meta .platform-badge{height:18px;min-width:22px;padding:1px 5px;font-size:9px;border-radius:3px;line-height:14px}
#activitiesList .rank-meta .platform-icon{width:12px;height:12px}.rank-actions{display:flex;flex-direction:column;align-items:center;gap:5px}.rank-actions .icon-action{width:28px;height:28px;padding:4px}.rank-actions .activity-owner-menu>summary{width:28px;height:28px}
#view-activities.show-ranking #activityPagination:empty{display:none}
#rankingRules{padding:12px 0;margin-top:12px;border-top:0}#rankingRules[hidden]{display:none}
#activitiesList.ranking-list>.empty-state{grid-column:1/-1}
@media(max-width:1100px){#activitiesList.ranking-list{gap:0 20px}#activitiesList .ranked-work{grid-template-columns:30px 108px minmax(0,1fr) 28px;gap:8px}.rank-info h3{font-size:13px}}
@media(max-width:760px){#activitiesList.ranking-list{grid-template-columns:1fr}#activitiesList .ranked-work{grid-template-columns:30px 112px minmax(0,1fr) 28px;gap:9px;min-height:105px}#view-activities.show-ranking .page-head h1{font-size:23px}#view-activities.show-ranking .toolbar{gap:8px;margin-bottom:3px;padding-bottom:8px}#view-activities.show-ranking #activityResultMeta{flex-basis:100%;margin-left:0;font-size:10px}#view-activities.show-ranking .activity-view-tabs small{display:inline;margin-left:6px}#view-activities.show-ranking .select-box{margin-left:auto;width:115px}.rank-number{font-size:25px}.rank-info h3{font-size:13px}.rank-meta{gap:6px}#view-activities.show-ranking .ranking-periods button{padding:5px 12px}}
@media(max-width:370px){#activitiesList .ranked-work{grid-template-columns:25px 92px minmax(0,1fr) 26px;gap:6px}.rank-info h3{font-size:12px}#view-activities.show-ranking .ranking-periods button{padding:5px 9px}}
#view-activities.show-ranking .ranking-periods button[aria-pressed=true]{background:var(--accent,#ff7929);color:#161613}
.rank-actions .action-label{display:none}
#activitiesList .rank-meta .icon-platform{min-height:18px;min-width:22px;height:18px;padding:2px 5px!important}
#activitiesList .rank-image .link-cover{display:none}
#activitiesList .rank-image .text-cover:after{content:'LINK';position:absolute;inset:0;display:grid;place-items:center;font:700 11px/1 monospace;letter-spacing:.15em;color:inherit}
#activitiesList .ranked-work{min-height:96px;padding:8px 0}
@media(max-width:760px){#activitiesList .ranked-work{min-height:105px}}
/* Gentle live ticker, retaining the eight-card desktop footprint. */
.live-motion-wrap{position:relative;padding-bottom:25px;min-width:0}
#homeActivityGrid{scrollbar-width:none;scroll-behavior:auto;scroll-snap-type:none;overflow-x:auto;mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}
#homeActivityGrid::-webkit-scrollbar{display:none}
.live-pause{position:absolute;right:0;bottom:0;background:none;border:0;border-bottom:1px solid #89928a;color:#aeb7ae;font:inherit;font-size:10px;padding:2px 3px;cursor:pointer}
.browse-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:34px;padding:7px 13px;border:1px solid #bdceaa80;border-radius:5px;background:#bbd29816;color:#e0eccf;font:inherit;font-size:12px;font-weight:750;cursor:pointer;box-shadow:inset 0 1px #ffffff0c;transition:background .15s,border-color .15s}
.browse-btn:hover{background:#c7ed9b2e;border-color:#c7ed9b}.browse-btn:focus-visible,.live-pause:focus-visible{outline:2px solid #cfed8e;outline-offset:3px}
#view-home .spotlight-profile span{display:inline-flex;padding:5px 10px;border:1px solid #c6e89070;border-radius:4px;background:#c6e89013;color:#def2b7;font-weight:750;line-height:1.5}
#view-home .spotlight-profile:hover span{background:#c6e89030;text-decoration:none}
#view-home .spotlight-open{font-weight:800;line-height:1.6;color:#21170f;background:#ff7929;border:1px solid #ff9c5e;box-shadow:inset 0 1px #ffffff30}
#view-home .spotlight-open:hover{background:#ff974f;color:#21170f}
@media(prefers-reduced-motion:reduce){#homeActivityGrid{mask-image:none}}
@media(max-width:600px){.browse-btn{min-height:34px;padding:6px 9px;font-size:11px}}
#homeActivityGrid{overflow-anchor:none}

#view-home .spotlight-open{text-wrap:balance;justify-content:center;text-align:center}

.live-motion-wrap{padding-bottom:5px}
#homeActivityGrid{cursor:grab;touch-action:pan-y;user-select:none}
#homeActivityGrid.dragging,#homeActivityGrid.dragging *{cursor:grabbing!important}
#homeActivityGrid img{-webkit-user-drag:none}
#homeActivityGrid:focus-visible{outline:2px solid #c6e890;outline-offset:3px}
.join-notice{margin:0 0 32px;padding:22px 0 26px;border-top:1px solid #c4d9a955;border-bottom:1px solid #ffffff22}
.join-notice>h2{font-size:22px;line-height:1.5;margin:0 0 22px;letter-spacing:.03em}
.join-notice-items{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:28px}
.join-notice-items section{min-width:0}.join-notice-items h3{font-size:15px;line-height:1.65;color:#e2efce;margin:0 0 10px;font-weight:750}
.join-notice-items p{font-size:13px;line-height:1.95;margin:0;color:#d2d6cf}.join-notice-items small{display:block;font-size:11px;line-height:1.8;color:#acb5a9;margin-top:10px}
@media(max-width:800px){.join-notice-items{grid-template-columns:1fr;gap:20px}.join-notice{padding:18px 0 22px}.join-notice>h2{font-size:20px;margin-bottom:18px}.join-notice-items h3{margin-bottom:6px}}
/* Align supporting copy to the title, not the eyebrow above it. */
#view-join .page-head,#view-account .page-head{align-items:flex-end;column-gap:30px;row-gap:10px}
#view-join .page-head>p,#view-account .page-head>p{flex:1 1 440px;align-self:flex-end;padding-bottom:7px;line-height:1.8;text-wrap:balance}
.join-identity-fields{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,1fr);gap:24px;align-items:center;margin-bottom:22px}
.join-identity-fields .avatar-field,.join-identity-fields .field{margin-bottom:0}
.join-identity-fields .avatar-field>div{flex:1;min-width:0}
.join-identity-fields .avatar-field p{max-width:none;margin:5px 0 0;text-wrap:balance}
.join-identity-fields .avatar-field p span{display:block;text-wrap:balance}
.account-choice p,.step-card p,.guide-advice p,.member-card-message,#view-terms p{ text-wrap:balance }
@media(max-width:850px){.join-identity-fields{grid-template-columns:1fr;gap:18px}}
@media(max-width:700px){#view-join .page-head,#view-account .page-head{align-items:flex-start}#view-join .page-head>p,#view-account .page-head>p{flex-basis:100%;padding-bottom:0;text-wrap:pretty}.join-identity-fields .avatar-field{gap:12px}.join-identity-fields .avatar-picker{width:68px}.join-identity-fields .avatar-picker img{width:64px;height:64px}}
.join-notice-items h3,.account-choice h2,.step-card h3,.guide-advice h3{ text-wrap:balance }
.join-notice-items p,.join-notice-items small{ text-wrap:pretty }
#view-start .guide-page-head>p,.join-notice-items p{text-wrap:balance}
.notice-sentence{display:block;text-wrap:balance}.notice-sentence+.notice-sentence{margin-top:.5em}
/* Consistent panel headings and compact related form fields. */
.mypage-panel .panel-head,#view-admin .panel-head{align-items:flex-end;gap:12px 24px}
.mypage-panel .panel-head h2,#view-admin .panel-head h2{margin-bottom:0}
.mypage-panel .panel-head>p,#view-admin .panel-head>p{margin:0;padding-bottom:2px;text-wrap:balance}
.profile-details-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.profile-details-fields>*{grid-column:1/-1;min-width:0}
.profile-details-fields>.field:has(#profileBio),.profile-details-fields>.field:has(#profileStatusComment){grid-column:auto}
.profile-details-fields>.field>small,.thumbnail-editor p,.thumbnail-editor>small,.settings-card p{ text-wrap:balance }
#view-admin .admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
#view-admin .admin-grid>:only-child{grid-column:1/-1}
#view-admin .admin-treatment p,#view-admin .admin-treatment small{text-wrap:balance}
@media(min-width:1100px){
.activity-editor{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0 24px;align-items:start}
.activity-editor>label.field{grid-column:1}
.activity-editor>.thumbnail-editor{grid-column:2;grid-row:1/3;margin:0;align-self:stretch}
.activity-editor>.editor-actions{grid-column:1/-1}
}
@media(max-width:950px){.profile-details-fields{grid-template-columns:1fr}.profile-details-fields>.field:has(#profileBio),.profile-details-fields>.field:has(#profileStatusComment){grid-column:1}}
@media(max-width:700px){.mypage-panel .panel-head,#view-admin .panel-head{align-items:flex-start}.mypage-panel .panel-head>p,#view-admin .panel-head>p{padding:0;text-wrap:pretty}#view-admin .admin-stats{grid-template-columns:1fr}.crop-lead,.crop-gesture-hint,.crop-save-note{text-wrap:balance}}
/* Activity discovery: compact controls and four-column browsing. */
.discovery-entry{display:flex;flex-direction:column;gap:16px;min-width:0}
.discovery-entry .discovery-intro{flex:1}
#view-home .activity-discovery-cta{width:100%;min-height:58px;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#ff7929;color:#21170f;border:1px solid #ff9c5e;border-radius:8px}
#view-home .activity-discovery-cta:hover{background:#ff974f;transform:translateY(-2px)}
#view-home .spotlight-two .spotlight-open{align-self:center;min-height:32px;width:auto;padding:5px 10px;font-size:12px;font-weight:600;color:var(--muted);background:transparent;border:1px solid var(--line);box-shadow:none}
#view-home .spotlight-two .spotlight-open:hover{background:#ffffff0a;color:var(--ink)}
#view-activities .page-head{flex-direction:row;align-items:center;gap:10px 24px;padding:0;margin:0 0 12px}
#view-activities .page-head>div{gap:0}
#view-activities .page-head .eyebrow{display:none}
#view-activities .page-head h1{font-size:26px;line-height:1.4}
#view-activities .page-head>p{font-size:12px;line-height:1.6;flex:1}
#view-activities .activity-view-tabs{margin-bottom:10px}
#view-activities .activity-view-tabs button{padding:8px 14px;min-height:38px;font-size:13px}
#view-activities .toolbar{padding:0;margin-bottom:14px;gap:10px;min-height:0}
#view-activities .search-box{max-width:320px}
#view-activities .search-box input,#view-activities .select-box{min-height:36px;height:36px;padding-top:6px;padding-bottom:6px;font-size:12px}
#view-activities .result-meta{font-size:11px}
#activitiesList:not(.ranking-list){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#activitiesList .activity-overlay-card .activity-art{aspect-ratio:16/9;min-height:0}
#activitiesList .activity-overlay-card .activity-body{padding:40px 10px 8px}
#activitiesList .activity-overlay-card h3{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 4px}
#activitiesList .activity-overlay-card .activity-member{font-size:12px;min-height:30px}
#activitiesList .activity-overlay-card .activity-member img{width:22px;height:22px}
#activitiesList .activity-overlay-card .icon-action{min-width:28px;min-height:30px;padding:4px}
#activitiesList .activity-author-line{gap:4px}
#activitiesList .overlay-kicker{top:7px;right:8px;font-size:10px}
@media(max-width:1000px){#activitiesList:not(.ranking-list){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){#activitiesList:not(.ranking-list){grid-template-columns:repeat(2,minmax(0,1fr))}#view-activities .page-head>p{flex-basis:100%}}
@media(max-width:480px){#activitiesList:not(.ranking-list){grid-template-columns:1fr}#view-activities .search-box{max-width:none;flex:1 1 100%}#view-home .activity-discovery-cta{font-size:16px}}

/* Profile settings: show the essentials, group optional customization. */
.profile-settings-section{border-top:1px solid var(--line,#424644);padding:22px 0}
.profile-settings-section h3{font-size:19px;margin:0 0 6px}
.background-setting-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.background-setting>small{display:block}
.profile-background-dialog{width:min(1120px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:24px;border:1px solid #657169;border-radius:14px;background:#18201b;color:#f1efe6}
.profile-background-dialog::backdrop{background:#000b}
.background-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.background-editor-head h2{font-size:22px;margin:0 0 6px}
.background-editor-head p{font-size:12px;margin:0;color:#c0cac3}
.background-editor-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;margin-top:24px}
.background-controls{min-width:0}
.background-controls .field{margin-bottom:15px}
.background-controls small,.background-preview-column>small,.background-editor-footer>small{display:block;font-size:12px;line-height:1.7;color:#c0cac3}
.background-drop{border:1px dashed #91a697;padding:16px;border-radius:9px}
.background-drop.drag-over{background:#35493c}
.background-drop input{width:100%;font-size:12px}
.background-controls details{border-top:1px solid #526057;padding-top:16px;margin-top:20px}
.background-controls summary{cursor:pointer;font-weight:700;margin-bottom:16px}
.background-slider{display:block;font-size:13px;font-weight:700;margin:16px 0}
.background-slider output{float:right;font-weight:400}
.background-slider input{display:block;width:100%;accent-color:#ff792a;margin-top:8px;min-height:24px}
.background-error{font-size:12px;color:#ffd0bd;min-height:1.7em}
.background-contrast{font-size:12px;color:#c0cac3;line-height:1.7}
.background-preview-column{min-width:0;align-self:start;position:sticky;top:0}
.background-preview-label{font-size:12px;margin:0 0 8px}
.background-preview-column>small{margin-top:12px}
.background-preview{padding:22px;min-height:420px;border:1px solid #64736a;border-radius:10px;background:#101413;overflow-wrap:anywhere;color:#fff}
.background-preview h3{font-size:18px;margin:0 0 12px;color:inherit}
.background-preview p{color:inherit;font-size:14px;line-height:1.8;white-space:pre-wrap;margin:10px 0 0}
.background-preview-identity,.background-preview-work{padding:18px;margin-bottom:16px;border-radius:8px}
.background-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding-top:16px;border-top:1px solid #526057}
.has-profile-background{position:relative;isolation:isolate;--bg-pad:.82}
.profile-background-layer{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:inherit;background:var(--profile-background,#101413)}
.profile-background-layer>div{position:absolute;inset:-5%;pointer-events:none}
.profile-background-image{background-size:cover;background-position:var(--bg-position,50% 50%);filter:brightness(var(--bg-brightness,1)) blur(var(--bg-blur,0px));transform:scale(1.04)}
.profile-background-shade{background:rgb(0 0 0 / var(--bg-dark,.3))}
.profile-background-vignette{background:radial-gradient(ellipse,transparent 20%,rgb(0 0 0 / var(--bg-vignette,.35)) 85%)}
.profile-background-light{background:radial-gradient(ellipse at 25% 30%,#ffe4a455,transparent 60%);opacity:0}
[data-background-motion=sway] .profile-background-image{animation:profile-bg-sway 16s ease-in-out infinite alternate}
[data-background-motion=light] .profile-background-light{opacity:1;animation:profile-bg-light 12s ease-in-out infinite alternate}
[data-background-motion=breathe] .profile-background-image{animation:profile-bg-breathe 18s ease-in-out infinite alternate}
.background-paused .profile-background-image,.background-paused .profile-background-light{animation-play-state:paused!important}
#memberModal:not(.open) .profile-background-layer>div{animation-play-state:paused}
:is(#memberModalContent,#profileDesignerContent).has-profile-background{padding:22px;border-radius:10px;color:var(--profile-text)}
:is(#memberModalContent,#profileDesignerContent).has-profile-background .creator-identity,.has-profile-background .background-preview-identity,.has-profile-background .background-preview-work,
:is(#memberModalContent,#profileDesignerContent).has-profile-background .creator-best,:is(#memberModalContent,#profileDesignerContent).has-profile-background .creator-recent{background:rgb(12 16 14 / var(--bg-pad));color:var(--profile-text);padding:18px;border-radius:9px}
:is(#memberModalContent,#profileDesignerContent)[data-background-tone=light] .creator-identity,[data-background-tone=light] .background-preview-identity,[data-background-tone=light] .background-preview-work,
:is(#memberModalContent,#profileDesignerContent)[data-background-tone=light] .creator-best,:is(#memberModalContent,#profileDesignerContent)[data-background-tone=light] .creator-recent{background:rgb(255 255 255 / var(--bg-pad))}
:is(#memberModalContent,#profileDesignerContent).has-profile-background .creator-identity{align-self:start}
:is(#memberModalContent,#profileDesignerContent).has-profile-background .creator-recent{margin-top:18px}
:is(#memberModalContent,#profileDesignerContent).has-profile-background .creator-best .best-heading{padding-right:0}
:is(#memberModalContent,#profileDesignerContent).has-profile-background .best-work-link,:is(#memberModalContent,#profileDesignerContent).has-profile-background .creator-work-card,:is(#memberModalContent,#profileDesignerContent).has-profile-background .empty-state{background:var(--profile-background);color:var(--profile-text)}
:is(#memberModalContent,#profileDesignerContent).has-profile-background .profile-section h3,:is(#memberModalContent,#profileDesignerContent).has-profile-background .rail-hint{opacity:1}
:is(#memberModalContent,#profileDesignerContent).has-profile-background .profile-tag{color:var(--tag-color);border-color:var(--tag-color)}
.profile-background-toggle{margin:0 0 16px;font-size:12px}
@keyframes profile-bg-sway{to{transform:scale(1.09) translate(1.3%,1%)}}
@keyframes profile-bg-light{to{transform:translate(25%,10%);opacity:.35}}
@keyframes profile-bg-breathe{to{transform:scale(1.12)}}
@media(prefers-reduced-motion:reduce){.profile-background-image,.profile-background-light{animation:none!important}}
@media(max-width:760px){.background-editor-layout{grid-template-columns:1fr}.background-preview-column{position:static}.profile-background-dialog{padding:16px}.background-editor-head h2{font-size:18px}.background-editor-footer{flex-wrap:wrap}.background-editor-footer .solid-btn{width:100%}:is(#memberModalContent,#profileDesignerContent).has-profile-background{padding:10px}:is(#memberModalContent,#profileDesignerContent).has-profile-background .creator-identity,:is(#memberModalContent,#profileDesignerContent).has-profile-background .creator-best,:is(#memberModalContent,#profileDesignerContent).has-profile-background .creator-recent{padding:14px}}
.profile-section-help,.profile-settings-section summary span{font-size:12px;color:var(--muted,#aaa);line-height:1.7}
.profile-section-help{margin:0 0 22px}
.profile-settings-section summary{cursor:pointer;list-style:revert;padding:2px 4px}
.profile-settings-section summary strong{font-size:17px;margin-right:18px}
.profile-settings-section summary span{display:inline-block}
.profile-section-body{padding:24px 0 0}
.profile-form .field>span,.profile-form .field-group legend{font-size:14px;font-weight:700}
.profile-form .field small,.profile-form .field-group>p,.profile-form .field-group>small,.profile-form .pickup-preference small{font-size:12px;line-height:1.7;color:var(--muted,#aaa);font-weight:400}
.profile-form .field-group{margin-bottom:24px}
.profile-form .editor-actions{padding:14px 0;border-top:1px solid var(--line,#424644)}
@media(max-width:600px){.profile-settings-section summary span{display:block;margin-left:20px}.profile-settings-section{padding:18px 0}.profile-settings-section summary strong{font-size:16px}}
/* Final activity review: tighter heading gap and quieter platform marks. */
#view-activities.view{padding-top:20px}
#activitiesList:not(.ranking-list) .platform-badge.icon-platform{width:24px;height:24px;min-width:24px;min-height:24px;padding:4px!important;border-radius:4px}
#activitiesList:not(.ranking-list) .platform-badge.icon-platform .platform-icon{width:16px;height:16px}
#activitiesList:not(.ranking-list) .platform-badge[data-platform=X] .platform-icon{width:12px;height:12px}
/* Discovery CTA: restrained dark surface, warm edge and a clear action. */
#view-home .activity-discovery-cta{position:relative;min-height:58px;padding:10px 14px 10px 22px;gap:16px;border:1px solid #d38d5c;border-radius:9px;background:linear-gradient(110deg,#30251e,#201f1b 75%);color:#fff3e5;box-shadow:inset 0 1px 0 #ffffff0b,0 3px 12px #0002;font-family:var(--sans, sans-serif);font-size:16px;font-weight:700;letter-spacing:.04em;line-height:1.4;transition:background .18s,border-color .18s,box-shadow .18s}
#view-home .activity-discovery-cta .discovery-cta-label{flex:1;text-align:left}
#view-home .discovery-cta-arrow{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#ff934e;color:#24180f;transition:transform .18s,background .18s}
#view-home .activity-discovery-cta:hover{transform:none;background:linear-gradient(110deg,#403024,#28251f 75%);border-color:#ffae76;color:#fff8f0;box-shadow:inset 0 1px 0 #ffffff12,0 4px 16px #0003}
#view-home .activity-discovery-cta:hover .discovery-cta-arrow{transform:translateX(3px);background:#ffb17d}
#view-home .activity-discovery-cta:focus-visible{outline:2px solid #ffbe8d;outline-offset:4px}
#view-home .activity-discovery-cta:active .discovery-cta-arrow{transform:translateX(1px)}
@media(prefers-reduced-motion:reduce){#view-home .activity-discovery-cta,#view-home .discovery-cta-arrow{transition:none}#view-home .activity-discovery-cta:hover .discovery-cta-arrow{transform:none}}

/* Make settings actions and explanatory copy visibly distinct. */
.profile-form details.profile-settings-section{border:1px solid #58645e;border-radius:10px;padding:0;margin:18px 0;background:#171e1a}
.profile-form details.profile-settings-section>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 18px;list-style:none;padding:20px 22px;border-radius:9px;background:#26312b;transition:background .15s}
.profile-form details.profile-settings-section>summary::-webkit-details-marker{display:none}
.profile-form details.profile-settings-section>summary:hover{background:#34443a}
.profile-form details.profile-settings-section>summary:focus-visible{outline:3px solid #ff9b58;outline-offset:3px}
.profile-form details.profile-settings-section>summary>strong{font-size:20px;margin:0;color:#f5f5ed}
.profile-form details.profile-settings-section>summary>span{grid-column:1;font-size:13px;margin:0;color:#c6d0c9}
.settings-toggle{grid-column:2;grid-row:1/3;align-self:center;border:1px solid #83958a;border-radius:6px;padding:8px 12px;color:#fff;font-size:14px;white-space:nowrap}
.settings-toggle i{font-style:normal}
.profile-settings-section>summary .when-open{display:none}
.profile-settings-section[open]>summary .when-open{display:inline}
.profile-settings-section[open]>summary .when-closed{display:none}
.profile-form .profile-section-body{padding:22px}
.profile-form .profile-section-body>.field-group,.profile-presentation-controls>.field{border:1px solid #46544b;border-radius:9px;background:#111814;padding:22px;margin:0 0 22px;min-width:0}
.profile-form .profile-section-body>.field-group>legend{font-size:21px;font-weight:750;color:#f2f4eb;padding:0 8px;line-height:1.5}
.profile-form .profile-presentation-controls>.field>span{font-size:19px;font-weight:750;line-height:1.5;margin-bottom:12px;color:#f2f4eb}
.profile-form .profile-presentation-controls{gap:18px}
.profile-form .profile-section-body select{min-height:44px;padding:9px 12px;border:1px solid #87998d;border-radius:6px;background:#2a352e;color:#fff;font-size:15px;cursor:pointer;width:100%}
.profile-form .profile-section-body>.field-group>p{font-size:13px;line-height:1.8;margin:0 0 18px;color:#bcc9bf}
.profile-form .profile-presentation-controls small{font-size:13px;line-height:1.8;color:#bcc9bf;margin-top:12px}
@media(max-width:700px){.profile-form details.profile-settings-section>summary{padding:16px;gap:6px 10px}.profile-form details.profile-settings-section>summary>strong{font-size:18px}.profile-form .profile-section-body{padding:16px}.profile-form .profile-section-body>.field-group,.profile-presentation-controls>.field{padding:16px}.profile-form .profile-section-body>.field-group>legend{font-size:19px}.profile-form .profile-presentation-controls{grid-template-columns:1fr}.settings-toggle{padding:7px;font-size:12px}}

/* Portfolio sharing is a page, with only a quiet attribution link. */
body.standalone-profile{background:#101413;overflow:auto!important}
body.standalone-profile::before,body.standalone-profile::after{display:none}
body.standalone-profile> :not(#memberModal):not(#toast):not(script):not(dialog){display:none!important}
.standalone-profile #memberModal{position:static;display:block;inset:auto;padding:0;background:none;min-height:100dvh}
.standalone-profile #memberModal>.backdrop,.standalone-profile :is(#memberModal,#profileDesignPreview) .dialog-close{display:none!important}
.standalone-profile :is(#memberModal,#profileDesignPreview) .dialog{width:100%;max-width:none;max-height:none;min-height:100dvh;margin:0;padding:24px;border:0;border-radius:0;overflow:visible;box-shadow:none;display:flex;flex-direction:column;justify-content:center}
.portfolio-credit{display:block;text-align:center;font-size:11px;font-weight:400;line-height:1.7;color:#aeb8b0;padding:16px 8px 0;margin:0}
.portfolio-credit a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(min-width:1100px){
 :is(#memberModal,#profileDesignPreview) .dialog{padding:20px;max-height:calc(100dvh - 24px)}
 :is(#memberModalContent,#profileDesignerContent).has-profile-background{padding:12px}
 :is(#memberModal,#profileDesignPreview) .creator-overview{grid-template-columns:240px minmax(0,1fr);gap:18px}
 :is(#memberModalContent,#profileDesignerContent).has-profile-background .creator-identity,:is(#memberModalContent,#profileDesignerContent).has-profile-background .creator-best,:is(#memberModalContent,#profileDesignerContent).has-profile-background .creator-recent{padding:14px}
 :is(#memberModal,#profileDesignPreview) .creator-identity .profile-avatar{width:76px;height:76px}
 :is(#memberModal,#profileDesignPreview) .profile-name-row{margin:10px 0}
 :is(#memberModal,#profileDesignPreview) .creator-identity .profile-name{font-size:23px}
 :is(#memberModal,#profileDesignPreview) .creator-identity .profile-bio,:is(#memberModal,#profileDesignPreview) .profile-status p{font-size:13px;line-height:1.6;margin:8px 0}
 :is(#memberModal,#profileDesignPreview) .creative-status{margin:8px 0 10px;font-size:12px}
 :is(#memberModal,#profileDesignPreview) .profile-section{margin-top:13px;padding-top:12px}
 :is(#memberModal,#profileDesignPreview) .profile-section h3{margin-bottom:8px}
 :is(#memberModal,#profileDesignPreview) .creator-identity .social-row{margin-top:6px;gap:10px}
 :is(#memberModal,#profileDesignPreview) .creator-portfolio{gap:16px}
 :is(#memberModalContent,#profileDesignerContent).has-profile-background .creator-recent{margin-top:0}
 :is(#memberModal,#profileDesignPreview) .best-heading{margin-bottom:12px}
 :is(#memberModal,#profileDesignPreview) .creator-best .best-heading h3{margin:4px 0 0}
 :is(#memberModal,#profileDesignPreview) .best-work-copy p{font-size:13px;line-height:1.7}
 :is(#memberModal,#profileDesignPreview) .creator-work-card .activity-art{aspect-ratio:16/9}
 :is(#memberModal,#profileDesignPreview) .creator-work-card h4{font-size:12px;line-height:1.5}
 :is(#memberModal,#profileDesignPreview) .rail-hint{margin:6px 0 0}
}
@media(max-width:700px){.standalone-profile :is(#memberModal,#profileDesignPreview) .dialog{padding:12px}.portfolio-credit{font-size:10px;padding-top:16px}}
@media(min-width:1100px) and (max-height:850px){
 :is(#memberModal,#profileDesignPreview) .dialog{padding:12px}
 :is(#memberModalContent,#profileDesignerContent).has-profile-background{padding:8px}
 :is(#memberModal,#profileDesignPreview) .creator-portfolio{gap:12px}
 :is(#memberModal,#profileDesignPreview) .creator-best .best-work-link{min-height:0}
 :is(#memberModal,#profileDesignPreview) .best-work-link .activity-art{height:230px;min-height:230px}
 :is(#memberModal,#profileDesignPreview) .best-work-copy{padding:12px 16px}
 :is(#memberModal,#profileDesignPreview) .best-work-copy strong{font-size:24px}
 :is(#memberModal,#profileDesignPreview) .best-work-copy p{line-height:1.6;margin:8px 0}
 :is(#memberModal,#profileDesignPreview) .best-work-cta{margin:0 16px 12px;padding:9px 14px}
 :is(#memberModal,#profileDesignPreview) .creator-recent .section-head{margin-bottom:10px}
 :is(#memberModal,#profileDesignPreview) .creator-work-card .activity-art{aspect-ratio:2/1}
 :is(#memberModal,#profileDesignPreview) .creator-identity .profile-avatar{width:64px;height:64px}
 .standalone-profile :is(#memberModal,#profileDesignPreview) .dialog{padding:12px}
 .portfolio-credit{padding-top:10px}
}
#activityThumbnailError{padding:12px 14px;border:1px solid #d38d5c;border-radius:6px;background:#382b20;color:#ffe0bd;font-size:13px;line-height:1.7}
#activityThumbnailError[hidden]{display:none}
/* Compact live cards: platform in the image corner, author remains the main action. */
#homeActivityGrid .activity-link{position:relative}
#homeActivityGrid .live-platform{position:absolute;top:6px;right:6px;z-index:2;line-height:1;pointer-events:none}
#homeActivityGrid .live-platform .platform-badge{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:24px;min-height:24px;min-width:24px;padding:3px 6px!important;border-radius:4px;font-size:9px;line-height:1;box-shadow:0 1px 5px #0005}
#homeActivityGrid .live-platform .icon-platform{width:24px;padding:4px!important}
#homeActivityGrid .live-platform .platform-icon{width:16px;height:16px}
#homeActivityGrid .live-platform [data-platform=X] .platform-icon{width:12px;height:12px}
#homeActivityGrid .overlay-card-bottom{flex-direction:row;align-items:center;gap:4px}
#homeActivityGrid .activity-author-line{flex:1;min-width:0}
#homeActivityGrid .live-card-tools{min-height:24px;flex:none}
#homeActivityGrid .activity-owner-menu>summary{width:24px;height:24px;min-height:24px;padding:0}
/* Shared profile entry feedback, including keyboard and touch activation. */
.activity-member,.rank-author{border-radius:4px;transition:background-color .18s,color .18s}
.activity-member img,.rank-author img,.member-mini img,.member-card img{transition:transform .18s,box-shadow .18s}
:is(.activity-member,.rank-author,.member-mini,.member-card):is(:hover,:focus-visible){color:var(--lime);background-color:#c8f36b12}
:is(.activity-member,.rank-author,.member-mini,.member-card):focus-visible{outline:2px solid var(--lime);outline-offset:2px}
:is(.activity-member,.rank-author,.member-mini,.member-card):is(:hover,:focus-visible) img{transform:scale(1.12);box-shadow:0 0 0 2px #c8f36b88}
:is(.activity-member,.rank-author):is(:hover,:focus-visible) span,.member-mini:is(:hover,:focus-visible) strong,.member-card:is(:hover,:focus-visible) h3{text-decoration:underline;text-underline-offset:3px}
:is(.activity-member,.rank-author,.member-mini,.member-card):active img{transform:scale(1.04)}
@media(prefers-reduced-motion:reduce){:is(.activity-member,.rank-author,.member-mini,.member-card):is(:hover,:focus-visible,:active) img{transform:none}}
@media(min-width:1101px){
 #view-home .discovery-intro{padding:22px 28px;gap:14px}
 #view-home .discovery-intro h1{margin-top:8px;line-height:1.45}
 #view-home .spotlight-visual .activity-art{height:230px}
 #view-home .members-showcase{margin-top:10px;padding-top:10px}
}
@media(min-width:1101px){
 #view-home .discovery-intro{padding:16px 28px;gap:8px}
 #view-home .discovery-intro h1{font-size:28px;line-height:1.4;margin:0}
 #view-home .discovery-intro .discovery-invitation{margin:0}
 #view-home .discovery-entry{gap:8px}
 #view-home .spotlight-two .spotlight-person{padding:12px;gap:6px}
 #view-home .spotlight-two .spotlight-profile img{width:48px;height:48px}
 #view-home .spotlight-message{margin:4px 0;font-size:14px!important}
 #view-home .spotlight-visual .activity-art{height:210px}
}
#homeActivityGrid .live-platform{z-index:6}
#homeMembersGrid .member-mini img{transition:transform .18s,box-shadow .18s,border-color .18s}
@media(min-width:1101px){
 #view-home .pickup-stage{padding:12px 16px}
 #view-home .shuffle-btn{min-height:32px;padding:4px 10px}
 #view-home .spotlight-two .spotlight-person{gap:4px;padding:10px 12px}
 #view-home .spotlight-profile{gap:5px}
 #view-home .home-hero{margin-top:14px}
}
/* Hero header lives over the artwork; refresh only occupies the creator corner. */
#view-home .pickup-stage{position:relative;padding:0;border-left:1px solid #ffffff22;display:flex}
#randomActivityPickup{width:100%;min-width:0}
#view-home .pickup-overlay-heading{position:absolute;left:12px;top:12px;z-index:6;margin:0;max-width:calc(100% - 246px);padding:6px 9px;border:1px solid #ffffff25;border-radius:4px;background:#101715dc;color:#f0f2eb;font-size:13px;line-height:1.5;pointer-events:none}
.pickup-overlay-heading small{font-size:10px;font-weight:400;white-space:nowrap}
#view-home .pickup-refresh{position:absolute;right:10px;top:10px;z-index:7;width:30px;height:30px;min-height:30px;padding:0;display:grid;place-items:center;font-size:22px;line-height:1;background:#151c19;border:1px solid #778477;border-radius:5px}
.pickup-refresh:disabled{opacity:.5;cursor:wait}
#view-home .spotlight-two{height:100%;border:0;border-radius:0}
#view-home .spotlight-two .spotlight-person{padding-top:42px}
#view-home .spotlight-visual .activity-art{height:100%;min-height:260px}
#view-home .spotlight-visual .art-label{top:54px;bottom:auto}
#view-home .discovery-entry{gap:0}
#view-home .discovery-intro{gap:18px;padding:22px 28px}
#view-home .activity-discovery-cta{margin-top:auto;min-height:48px}
@media(max-width:1100px){#view-home .pickup-overlay-heading{max-width:calc(100% - 216px)}}
@media(max-width:850px){#view-home .pickup-stage{border-left:0}#view-home .pickup-overlay-heading{max-width:calc(100% - 56px)}#view-home .spotlight-two .spotlight-person{padding-top:42px}#view-home .spotlight-visual .activity-art{height:260px}#view-home .discovery-intro{padding:20px}}
#view-home .pickup-stage{justify-content:stretch}
#randomActivityPickup{flex:1;display:grid}
#view-home .spotlight-two{height:auto}
#view-home .pickup-overlay-heading{font-family:var(--mono);font-size:11px;letter-spacing:.035em}
@media(min-width:1101px){#view-home .discovery-intro{padding:18px 24px;gap:12px}#view-home .discovery-intro p{line-height:1.7}#view-home .activity-discovery-cta{min-height:46px}}
@media(max-width:600px){#view-home .pickup-refresh{top:270px}}

/* Signal timings use the external stylesheet to comply with production CSP. */
.signal-route.signal-route-1{left:0%;top:calc(var(--grid-step)*1);--cycle:12s;--phase:-0.00s}
.signal-route.signal-route-2{left:20%;top:calc(var(--grid-step)*1);--cycle:15s;--phase:-2.37s}
.signal-route.signal-route-3{left:40%;top:calc(var(--grid-step)*1);--cycle:18s;--phase:-4.74s}
.signal-route.signal-route-4{left:60%;top:calc(var(--grid-step)*1);--cycle:13s;--phase:-7.11s}
.signal-route.signal-route-5{left:80%;top:calc(var(--grid-step)*1);--cycle:16s;--phase:-9.48s}
.signal-route.signal-route-6{left:0%;top:calc(var(--grid-step)*3);--cycle:19s;--phase:-11.85s}
.signal-route.signal-route-7{left:20%;top:calc(var(--grid-step)*3);--cycle:14s;--phase:-14.22s}
.signal-route.signal-route-8{left:40%;top:calc(var(--grid-step)*3);--cycle:17s;--phase:-16.59s}
.signal-route.signal-route-9{left:60%;top:calc(var(--grid-step)*3);--cycle:12s;--phase:-18.96s}
.signal-route.signal-route-10{left:80%;top:calc(var(--grid-step)*3);--cycle:15s;--phase:-2.33s}
.signal-route.signal-route-11{left:0%;top:calc(var(--grid-step)*5);--cycle:18s;--phase:-4.70s}
.signal-route.signal-route-12{left:20%;top:calc(var(--grid-step)*5);--cycle:13s;--phase:-7.07s}
.signal-route.signal-route-13{left:40%;top:calc(var(--grid-step)*5);--cycle:16s;--phase:-9.44s}
.signal-route.signal-route-14{left:60%;top:calc(var(--grid-step)*5);--cycle:19s;--phase:-11.81s}
.signal-route.signal-route-15{left:80%;top:calc(var(--grid-step)*5);--cycle:14s;--phase:-14.18s}
.signal-route.signal-route-16{left:0%;top:calc(var(--grid-step)*7);--cycle:17s;--phase:-16.55s}
.signal-route.signal-route-17{left:20%;top:calc(var(--grid-step)*7);--cycle:12s;--phase:-18.92s}
.signal-route.signal-route-18{left:40%;top:calc(var(--grid-step)*7);--cycle:15s;--phase:-2.29s}
.signal-route.signal-route-19{left:60%;top:calc(var(--grid-step)*7);--cycle:18s;--phase:-4.66s}
.signal-route.signal-route-20{left:80%;top:calc(var(--grid-step)*7);--cycle:13s;--phase:-7.03s}
.signal-route.signal-route-21{left:0%;top:calc(var(--grid-step)*9);--cycle:16s;--phase:-9.40s}
.signal-route.signal-route-22{left:20%;top:calc(var(--grid-step)*9);--cycle:19s;--phase:-11.77s}
.signal-route.signal-route-23{left:40%;top:calc(var(--grid-step)*9);--cycle:14s;--phase:-14.14s}
.signal-route.signal-route-24{left:60%;top:calc(var(--grid-step)*9);--cycle:17s;--phase:-16.51s}
.signal-route.signal-route-25{left:80%;top:calc(var(--grid-step)*9);--cycle:12s;--phase:-18.88s}
.signal-route.signal-route-26{left:0%;top:calc(var(--grid-step)*11);--cycle:15s;--phase:-2.25s}
.signal-route.signal-route-27{left:20%;top:calc(var(--grid-step)*11);--cycle:18s;--phase:-4.62s}
.signal-route.signal-route-28{left:40%;top:calc(var(--grid-step)*11);--cycle:13s;--phase:-6.99s}
.signal-route.signal-route-29{left:60%;top:calc(var(--grid-step)*11);--cycle:16s;--phase:-9.36s}
.signal-route.signal-route-30{left:80%;top:calc(var(--grid-step)*11);--cycle:19s;--phase:-11.73s}
.signal-node.node-1{--arrival:.2}
.signal-node.node-2{--arrival:.45}
.signal-node.node-3{--arrival:.7}

#homeActivityGrid{touch-action:pan-x pan-y pinch-zoom}

/* Public release history and a compact member notice row. */
.updates-page{max-width:1000px;margin:0 auto;padding-bottom:28px}
.updates-page .page-head{margin-bottom:36px;align-items:last baseline}
.updates-page .page-head h1{margin:0}
.updates-page .page-head>p{flex:1 1 350px;margin:0}
@media(max-width:760px){.updates-page .page-head>p{flex-basis:100%}}
.update-day{display:grid;grid-template-columns:170px minmax(0,1fr);gap:36px;padding:30px 0;border-top:1px solid var(--line)}
.update-date h2{font:600 20px/1.5 var(--mono);margin:0 0 10px}
.update-latest-label{display:inline-block;padding:3px 10px;border-radius:4px;background:#ff782e16;color:var(--orange-ink);font-size:11px;font-weight:700}
.update-items{list-style:none;margin:0;padding:0;min-width:0}
.update-items li+li{margin-top:24px;padding-top:24px;border-top:1px solid #ffffff0b}
.update-items h3{font-size:17px;line-height:1.7;margin:0 0 7px;overflow-wrap:anywhere}
.update-items p{font-size:14px;line-height:1.9;color:var(--muted);margin:0;overflow-wrap:anywhere}
.mypage-notices{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:18px;align-items:stretch;margin-bottom:26px}
.mypage-notices.without-discord{grid-template-columns:1fr}
.mypage-update{padding:18px 22px;border:1px solid var(--line);border-radius:8px;background:#ffffff03;min-width:0}
.mypage-update-meta{display:flex;align-items:center;gap:14px;font-size:11px;margin-bottom:7px}
.mypage-update-meta>span{font-weight:700;color:var(--orange-ink)}
.mypage-update-meta time{font-family:var(--mono);color:var(--muted)}
.mypage-update h2{font-size:16px;line-height:1.6;margin:0 0 5px;overflow-wrap:anywhere}
.mypage-update p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 9px;overflow-wrap:anywhere}
.update-more{display:inline-flex;align-items:center;gap:12px;color:var(--ink);font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:5px 0}
.update-more:hover{color:var(--orange-ink)}
.update-more:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.mypage-notices .member-discord-invite{display:grid;grid-template-columns:32px minmax(0,1fr);align-content:center;gap:8px 12px;margin:0;padding:18px;border:1px solid #5865f24d;border-radius:8px;background:#5865f20b}
.mypage-notices .member-discord-invite img{width:32px;height:auto;grid-row:1/3;align-self:start;margin-top:3px}
.mypage-notices .member-discord-invite strong{font-size:14px}
.mypage-notices .member-discord-invite small{font-size:11px;line-height:1.8;margin-top:5px}
.mypage-notices .discord-invite-action{grid-column:2;margin:0;font-size:12px}
.mypage-notices .member-discord-invite:hover{background:#5865f21c}
@media(max-width:760px){.mypage-notices{grid-template-columns:1fr;gap:12px}.mypage-update{padding:16px}.mypage-notices .member-discord-invite{grid-template-columns:28px minmax(0,1fr) auto;padding:14px 16px;gap:10px}.mypage-notices .member-discord-invite img{width:28px;grid-row:1;align-self:center;margin:0}.mypage-notices .discord-invite-action{grid-column:3;align-self:center}.update-day{grid-template-columns:1fr;gap:20px;padding:26px 0}.update-date{display:flex;align-items:center;gap:14px}.update-date h2{margin:0;font-size:18px}.update-items h3{font-size:16px}.update-items p{font-size:13px}.updates-page .page-head{margin-bottom:24px}}
@media(max-width:380px){.mypage-notices .member-discord-invite{grid-template-columns:28px minmax(0,1fr)}.mypage-notices .discord-invite-action{grid-column:2}.mypage-notices .member-discord-invite strong{font-size:13px}}

/* Private operating dashboard */
.analytics-panel{min-width:0;margin-bottom:24px}.analytics-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.analytics-panel h2{font-size:24px;line-height:1.4}.analytics-panel h3{font-size:18px;margin:24px 0 12px}.analytics-panel p{line-height:1.75;font-size:13px}.analytics-meta{opacity:.8}.analytics-actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.analytics-actions label{display:grid;gap:5px;font-size:12px}.analytics-actions select{padding:10px;background:#202020;color:#fff;border:1px solid #666;border-radius:6px}.analytics-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.analytics-cards article{padding:18px;background:#202020;border:1px solid #4b4b4b;border-radius:12px;min-width:0}.analytics-cards strong{display:block;font-size:30px;line-height:1.4;color:#e3fd79;overflow-wrap:anywhere}.analytics-cards small{display:block;font-size:12px;line-height:1.6}.analytics-cards p{margin:8px 0}.analytics-charts,.analytics-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.analytics-charts figure{margin:0;min-width:0;padding:12px;border:1px solid #444;border-radius:8px}.analytics-charts svg{display:block;width:100%;height:100px;color:#dfef86}.analytics-charts figcaption{font-size:14px}.analytics-charts small{display:block;font-size:11px;opacity:.8}.analytics-facts{margin:0}.analytics-facts>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #444;padding:10px 0;font-size:13px}.analytics-facts dd{margin:0;text-align:right}.analytics-notice{padding:12px 16px;border-left:3px solid #edbd76;background:#29261e;color:#f8deb2}.analytics-panel details{margin:20px 0;padding:14px;border:1px solid #555;border-radius:8px}.analytics-panel summary{cursor:pointer;font-size:14px}.analytics-table-wrap{overflow-x:auto}.analytics-panel table{border-collapse:collapse;width:100%;font-size:12px;margin-top:12px}.analytics-panel th,.analytics-panel td{padding:10px 8px;border-bottom:1px solid #444;text-align:right;white-space:nowrap}.analytics-panel th:first-child{text-align:left}.analytics-panel ul{padding-left:24px;font-size:13px;line-height:1.8}.analytics-panel li{margin:8px 0}.analytics-panel meter{width:100%;height:16px}.analytics-cards .quota-warning{border-color:#f4b568}.analytics-cards .quota-danger{border-color:#ff8585}.analytics-highlight{font-size:26px!important;color:#e3fd79}.analytics-actions button:focus-visible,.analytics-panel summary:focus-visible{outline:2px solid #dff77d;outline-offset:4px}
@media(max-width:1000px){.analytics-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.analytics-columns,.analytics-charts{grid-template-columns:1fr}.analytics-cards{gap:8px}.analytics-cards article{padding:12px}.analytics-cards strong{font-size:26px}.analytics-actions{width:100%}.analytics-actions button{font-size:12px}.analytics-panel h2{font-size:21px}}
.best-management{border:1px solid var(--line,#dedbd5);border-radius:16px;padding:20px;margin-bottom:28px;background:rgba(186,143,63,.06)}
.best-management-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.best-management .manage-activity{border:0;padding:0;background:transparent}
.best-badge{font-size:12px;font-weight:700;color:#795916;background:#f2e6cb;padding:5px 10px;border-radius:20px}
.manage-work-title{font-weight:700;color:inherit;text-decoration:none;overflow-wrap:anywhere}
.manage-work-title:hover{text-decoration:underline}
.manage-thumb{display:block}.manage-thumb:focus-visible,.manage-work-title:focus-visible{outline:2px solid #ac813c;outline-offset:3px}
.protection-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:8px!important}
.protection-icon svg{width:18px;height:18px}.protection-icon:disabled{opacity:.7;cursor:default}
.protection-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#292824;color:#fff;padding:7px 10px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:5;pointer-events:none;display:none}
.protection-icon:hover .protection-tooltip,.protection-icon:focus-visible .protection-tooltip{display:block}
.best-switch-action{width:100%;padding:18px;border:1px solid #dbcbaa;border-radius:12px;background:#faf6ec;margin-bottom:12px}
.best-switch-action p,.best-edit-note{font-size:13px;margin:0 0 12px}.activity-submit-actions{flex-wrap:wrap}
.work-details-editor{display:grid;gap:16px;margin:18px 0}.best-edit-note{width:100%;color:#795916}
@media(max-width:700px){.best-management{padding:14px}.best-management .manage-activity{grid-template-columns:72px minmax(0,1fr)}.best-switch-btn{width:100%}.protection-tooltip{left:auto;right:0;transform:none}}
.manage-work-title{display:block;font-size:13px;margin-bottom:4px}.manage-content .protected-label{display:inline-block;margin-left:8px}
.best-switch-action{background:rgba(255,121,41,.06);border-color:rgba(255,121,41,.3)}.best-edit-note{color:var(--accent,#ff7929)}
.best-badge{background:rgba(255,121,41,.13);color:var(--accent,#ff7929)}.work-details-editor{grid-column:1/-1}.thumbnail-editor[hidden]{display:none}
.best-work-confirm{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:26px;border:1px solid var(--line);border-radius:14px;background:var(--panel,#191e1e);color:var(--text,#eee)}
.best-work-confirm::backdrop{background:rgba(0,0,0,.7)}.best-work-confirm h2{font-size:20px;line-height:1.5;margin:0 0 16px}.best-work-confirm p{font-size:13px;line-height:1.8;margin:12px 0;color:var(--muted,#aaa)}.best-work-confirm .field{margin:18px 0}.best-work-confirm .best-confirm-work{color:var(--text,#eee);overflow-wrap:anywhere;white-space:pre-wrap}.best-work-confirm .editor-actions{margin-top:20px}

/* Compact profile headings and expandable achievements. */
:is(#memberModal,#profileDesignPreview) .profile-compact-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;min-width:0}
:is(#memberModal,#profileDesignPreview) .profile-compact-heading h3{margin:0;font-size:18px;line-height:1.4;overflow-wrap:anywhere}
:is(#memberModal,#profileDesignPreview) .profile-compact-heading .eyebrow{font-size:10px;line-height:1.4;margin:0;overflow-wrap:anywhere}
:is(#memberModal,#profileDesignPreview) .best-heading,:is(#memberModal,#profileDesignPreview) .creator-recent .section-head{margin:0 0 10px}
:is(#memberModal,#profileDesignPreview) .achievements-summary{font-size:12px;line-height:1.6;margin:0 0 8px;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
:is(#memberModal,#profileDesignPreview) .achievements-more{font-size:12px;padding:5px 10px;min-height:32px;display:inline-flex;gap:12px;align-items:center}
.achievements-dialog{width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:24px;border:1px solid #66756b;border-radius:12px;background:#141b17;color:#f2f3ed;box-sizing:border-box;overflow:auto}
.achievements-dialog::backdrop{background:#000b}
.achievements-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.achievements-dialog-head h2{margin:0;font-size:22px}
.achievements-owner{font-size:13px;color:#b9c6be;margin:10px 0 20px;overflow-wrap:anywhere}
.achievements-full{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.9}
.achievements-full a{color:#8ed4ff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.achievements-dialog{padding:16px}.achievements-dialog-head h2{font-size:20px}:is(#memberModal,#profileDesignPreview) .profile-compact-heading h3{font-size:17px}}

/* Flexible profile blocks: content and headings can be hidden independently. */
[data-profile-block][hidden],[data-profile-block] [hidden]{display:none!important}
:is(#memberModal,#profileDesignPreview) .creator-identity>[data-profile-block="best"] .best-work-link{display:flex;flex-direction:column;min-height:0}
:is(#memberModal,#profileDesignPreview) .creator-identity>[data-profile-block="best"] .best-work-image-link{width:100%;grid-row:auto;grid-column:auto}
:is(#memberModal,#profileDesignPreview) .creator-identity>[data-profile-block="best"] .best-work-copy{width:100%;box-sizing:border-box;grid-column:auto}
:is(#memberModal,#profileDesignPreview) .creator-identity>[data-profile-block="best"] .best-work-cta{width:auto;align-self:stretch;grid-column:auto}
:is(#memberModal,#profileDesignPreview) .creator-identity>[data-profile-block="best"] .activity-art{width:100%;height:auto!important;min-height:0!important;aspect-ratio:16/9!important}
.creator-identity>[data-profile-block="best"] .best-work-copy{padding:10px}
.creator-identity>[data-profile-block="best"] .best-work-copy strong{font-size:17px!important}
.creator-identity>[data-profile-block="best"] .best-work-cta{margin:0 10px 10px;padding:8px;font-size:12px}
.creator-identity>[data-profile-block="best"],.creator-identity>[data-profile-block="recent"]{margin-top:14px}
[data-recent-layout="vertical"] .creator-recent-list{display:flex!important;flex-direction:column!important;overflow-x:hidden!important;overflow-y:auto;max-height:440px;grid-auto-flow:unset;touch-action:pan-y}
[data-recent-layout="vertical"] .creator-work-card{width:100%!important;min-width:0!important;flex:none}
[data-recent-layout="vertical"] .creator-work-card>a{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center}
[data-recent-layout="vertical"] .creator-work-card .activity-art{height:auto;aspect-ratio:16/9}
[data-recent-layout="vertical"] .creator-work-card h4{padding:8px}
[data-recent-layout="grid"] .creator-recent-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:auto}
.profile-column-empty{display:none!important}
.has-profile-background .creator-portfolio>.profile-section{background:rgb(12 16 14 / var(--bg-pad));color:var(--profile-text);padding:16px;border-radius:9px;margin:0}
[data-background-tone="light"] .creator-portfolio>.profile-section{background:rgb(255 255 255 / var(--bg-pad))}
.creator-overview:has(>.profile-column-empty){grid-template-columns:minmax(0,720px)!important;justify-content:center}
/* Preview editor shares the same profile markup and scoped profile styling. */
.profile-designer{width:calc(100vw - 24px);height:calc(100dvh - 24px);max-width:none;max-height:none;margin:auto;padding:0;border:1px solid #56665b;border-radius:12px;background:#131a16;color:#f3f4ed;overflow:hidden}
.profile-designer::backdrop{background:#000b}
.designer-header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #435047;min-height:82px;box-sizing:border-box}
.designer-header>div{margin-right:auto}.designer-header h2{font-size:21px;margin:0 0 5px}.designer-header p{font-size:12px;color:#c0cdc4;margin:0}
.designer-body{display:grid;grid-template-columns:285px minmax(0,1fr);height:calc(100% - 106px);min-height:0}
.designer-controls{overflow:auto;padding:18px;background:#1c2720;border-right:1px solid #425147}
.designer-controls .field{display:flex;flex-direction:column;gap:6px;margin:0 0 14px}.designer-controls .field>span{font-size:13px;font-weight:700}
.designer-controls input:not([type="checkbox"]):not([type="color"]),.designer-controls select,.designer-controls textarea{box-sizing:border-box;width:100%;background:#0e1711;color:#fff;border:1px solid #75867c;border-radius:5px;padding:9px;font-size:14px}
.designer-controls textarea{resize:vertical}.designer-controls small,.designer-help{font-size:12px;line-height:1.7;color:#bac8bf}.designer-controls button{font-size:12px}
.designer-check{display:flex;align-items:center;gap:9px;font-size:14px;margin:14px 0}.designer-check input{width:18px;height:18px;accent-color:#ff7a22}
.designer-move{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.designer-move button{padding:8px}
.designer-background{border-top:1px solid #56665b;margin:20px 0;padding-top:14px}.designer-background summary{cursor:pointer;font-size:15px;font-weight:700}
.designer-colors{display:flex;gap:12px;margin:14px 0}.designer-colors label{font-size:12px;display:flex;flex-direction:column;gap:6px}.designer-colors input{width:60px}
.designer-preview-area{min-width:0;min-height:0;display:flex;flex-direction:column;background:#090d0b}
.designer-preview-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 14px}.designer-preview-tools strong{margin-right:auto;font-size:14px}.designer-preview-tools span{font-size:11px;color:#9daea3}.designer-preview-tools button{font-size:12px;padding:5px 10px}.designer-preview-tools button[aria-pressed="true"]{border-color:#ff954a;color:#ffb17b}
.designer-preview-scroll{overflow:auto;min-height:0;flex:1;padding:12px}
#profileDesignPreview{width:1100px;transform-origin:top left;margin:auto}
#profileDesignPreview>.dialog{width:100%;max-width:none;max-height:none;min-height:640px;padding:16px;margin:0;overflow:visible;background:var(--profile-background,#101413);box-sizing:border-box}
#profileDesignPreview .creator-overview{grid-template-columns:240px minmax(0,1fr);gap:18px}
#profileDesignPreview .creator-portfolio{display:flex;flex-direction:column;gap:16px}
#profileDesignPreview [data-profile-column]{min-height:120px}
#profileDesignPreview [data-profile-block]{position:relative;outline:1px dashed #8ba19566;outline-offset:4px;cursor:pointer;margin-bottom:14px;min-height:35px}
#profileDesignPreview [data-profile-block].designer-selected{outline:2px solid #ff994f}
#profileDesignPreview .designer-drag{position:absolute;z-index:2;top:0;right:0;border:1px solid #a7b1aa;border-radius:4px;padding:2px 7px;background:#1d2b23;color:#fff;font-size:20px;cursor:grab;line-height:1.1}
#profileDesignPreview .profile-compact-heading{padding-right:35px}
#profileDesignPreview .design-hidden{opacity:.35}#profileDesignPreview .design-heading-hidden{opacity:.35;text-decoration:line-through}
#profileDesignPreview .design-empty p{font-size:12px;color:#a7b2ac}
#profileDesignPreview [contenteditable="plaintext-only"]{outline:2px solid #fff;min-width:30px;cursor:text}
.profile-designer[data-preview="mobile"] #profileDesignPreview{width:390px}
.profile-designer[data-preview="mobile"] #profileDesignPreview .creator-overview{display:flex;flex-direction:column}
.profile-designer[data-preview="mobile"] #profileDesignPreview .best-work-link{display:flex;flex-direction:column}
.profile-designer[data-preview="mobile"] #profileDesignPreview .activity-art{height:auto!important;min-height:0!important}
.designer-status{height:22px;margin:0;padding:0 14px;font-size:12px;color:#bed0c3}
@media(max-width:760px){.profile-designer{width:100vw;height:100dvh;border-radius:0}.designer-header{padding:10px;flex-wrap:wrap}.designer-header>div{width:100%}.designer-header h2{font-size:18px}.designer-header p{font-size:11px}.designer-body{height:calc(100% - 146px);grid-template-columns:1fr;grid-template-rows:minmax(180px,42%) minmax(220px,58%)}.designer-controls{border-right:0;border-bottom:1px solid #56665b;padding:12px}.designer-preview-tools span{display:none}}

#profileDesignPreview .designer-drag{touch-action:none}
#profileDesignPreview .designer-drop-target{box-shadow:0 -4px 0 #ffc18c!important}

/* Optional split of the wide area; all three columns use the same movable blocks. */
:is(#memberModal,#profileDesignPreview) .creator-portfolio{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;gap:18px}
.profile-main-column{display:flex;flex-direction:column;gap:18px;min-width:0}
.profile-main-column[hidden]{display:none!important}
:is(#memberModal,#profileDesignPreview) [data-main-split="true"] .creator-portfolio{grid-template-columns:repeat(2,minmax(0,1fr))}
.has-profile-background .profile-main-column>.profile-section{background:rgb(12 16 14 / var(--bg-pad));color:var(--profile-text);padding:16px;border-radius:9px;margin:0}
[data-background-tone="light"] .profile-main-column>.profile-section{background:rgb(255 255 255 / var(--bg-pad))}
:is(#memberModal,#profileDesignPreview) [data-main-split="true"] .profile-main-column .best-work-link{display:flex;flex-direction:column;min-height:0}
:is(#memberModal,#profileDesignPreview) [data-main-split="true"] .profile-main-column .best-work-image-link{width:100%}
:is(#memberModal,#profileDesignPreview) [data-main-split="true"] .profile-main-column .best-work-link .activity-art{width:100%;height:auto!important;min-height:0!important;aspect-ratio:16/9!important}
:is(#memberModal,#profileDesignPreview) [data-main-split="true"] .profile-main-column .best-work-copy{padding:14px;width:100%;box-sizing:border-box}
:is(#memberModal,#profileDesignPreview) [data-main-split="true"] .profile-main-column .best-work-copy strong{font-size:20px}
:is(#memberModal,#profileDesignPreview) [data-main-split="true"] .profile-main-column .best-work-cta{align-self:stretch;margin:0 14px 14px;font-size:12px;text-align:center}
.designer-main-layout{margin-top:20px!important;padding-top:16px;border-top:1px solid #56665b}
.designer-add{width:100%;margin-bottom:6px}
#profileDesignPreview .profile-main-column:empty{border:1px dashed #879b8d;border-radius:8px;min-height:180px;padding:12px;box-sizing:border-box}
#profileDesignPreview .profile-main-column:empty::after{content:'ここに項目を移動';font-size:14px;color:#aebdb3;align-self:center;margin-top:40px;pointer-events:none}
.designer-status button{color:#ffd0ab;background:none;border:0;text-decoration:underline;cursor:pointer}
@media(max-width:900px){#memberModal [data-main-split="true"] .creator-portfolio{grid-template-columns:minmax(0,1fr)}}
.profile-designer[data-preview="mobile"] #profileDesignPreview [data-main-split="true"] .creator-portfolio{grid-template-columns:minmax(0,1fr)}
:is(#memberModal,#profileDesignPreview) [data-main-split="true"][data-recent-layout="horizontal"] .profile-main-column .creator-work-card{flex:0 0 max(140px,calc((100% - 12px)/2.2))}
:is(#memberModal,#profileDesignPreview) [data-recent-layout="horizontal"] .creator-identity .creator-work-card{flex:0 0 150px}

/* Each main row independently fills the available width or holds a pair. */
.profile-main-row{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;min-width:0;align-items:start}
.profile-main-row[data-main-split="true"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.profile-main-row[hidden]{display:none!important}
:is(#memberModal,#profileDesignPreview) [data-recent-layout="horizontal"] .profile-main-row[data-main-split="true"] .creator-work-card{flex:0 0 max(140px,calc((100% - 12px)/2.2))}
@media(max-width:900px){#memberModal .profile-main-row[data-main-split="true"]{grid-template-columns:minmax(0,1fr)}}
.profile-designer[data-preview="mobile"] #profileDesignPreview .profile-main-row[data-main-split="true"]{grid-template-columns:minmax(0,1fr)}

/* Keep copying a link distinct from choosing a social share destination. */
:is(#memberModal,#profileDesignPreview) .profile-name-row{flex-wrap:wrap;gap:6px}
:is(#memberModal,#profileDesignPreview) .profile-name-row .profile-name{flex:1 1 100%}
:is(#memberModal,#profileDesignPreview) .profile-share-menu-button{width:auto;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--profile-text) 30%,transparent);border-radius:7px;padding:6px 10px;gap:7px;font-size:12px;font-weight:700}
.profile-share-menu-button svg{width:17px;height:17px;flex:none}
.profile-share-dialog .profile-share-help{font-size:14px;line-height:1.7;color:#c0cbc5;margin:0 0 20px}
.profile-share-targets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.profile-share-targets .soft-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;padding:14px;font-size:16px;min-height:48px;box-sizing:border-box}
.profile-share-targets .soft-btn:focus-visible{outline:2px solid #ffa76b;outline-offset:3px}
.profile-share-status{font-size:13px;line-height:1.7;color:#ffc7a0;margin:16px 0}
.profile-share-dialog .profile-share-footer{display:flex;justify-content:flex-end;margin-top:18px}

/* The member directory shows the overall participant count in place of its watermark. */
#view-members .page-head::after{display:none}
#view-members .page-head{padding-right:250px;padding-top:0}
#view-members .page-head>.members-total{position:absolute;right:0;top:14px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
#view-members .members-total strong{font-size:28px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
@media(max-width:850px){#view-members .page-head{padding-right:0}#view-members .page-head>.members-total{position:static;align-items:flex-start;margin-top:6px}#view-members .members-total strong{font-size:24px}}
/* A small, time-of-day plaza above the member directory. */
#view-members .page-head.members-plaza{position:relative;display:block;isolation:isolate;overflow:hidden;width:100%;height:clamp(360px,34vw,510px);padding:0;margin:0;border:1px solid var(--line);border-radius:18px;background:#292b37;contain:layout paint}
#view-members .members-plaza .plaza-world{position:absolute;left:50%;top:0;transform:translateX(-50%);height:100%;width:100%;min-width:calc(360px * 2.8);aspect-ratio:2.8;pointer-events:none}
#view-members .members-plaza .plaza-world{width:max(100%,calc(clamp(360px,34vw,510px) * 2.8))}
.plaza-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.plaza-cast{position:absolute;inset:0;z-index:1;isolation:isolate}
/* 3D town: the canvas fills the frame and avatars are positioned from projected world points. */
#view-members .members-plaza[data-period="day"]{background:#cfe3ea}
#view-members .members-plaza[data-period="evening"]{background:#eeb892}
#view-members .members-plaza[data-period="night"]{background:#1c2340}
#view-members .members-plaza:not([data-mode="2d"]) .plaza-world{left:0;transform:none;width:100%;min-width:0;aspect-ratio:auto}
#view-members .members-plaza:not([data-mode="2d"]) .plaza-background{display:none}
#view-members .members-plaza[data-mode="3d"]{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}
#view-members .members-plaza[data-mode="3d"][data-dragging="true"]{cursor:grabbing}
.plaza-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;animation:plaza-town-in .7s ease both}
/* Static optical finish sits below avatars and controls: no blur buffer or animation. */
.members-plaza[data-mode="3d"] .plaza-world::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 48% 46%,transparent 35%,#28343e38 100%),linear-gradient(145deg,#ffdfaa14,transparent 48%,#274b6d12)}
.members-plaza[data-mode="3d"][data-period="evening"] .plaza-world::after{background:radial-gradient(ellipse at 48% 46%,transparent 30%,#37293848 100%),linear-gradient(140deg,#ffb75e22,transparent 52%,#382b5018)}
.members-plaza[data-mode="3d"][data-period="night"] .plaza-world::after{background:radial-gradient(ellipse at 48% 46%,transparent 24%,#080e285c 100%),linear-gradient(140deg,#7791ba0a,transparent 50%,#0b153622)}
@keyframes plaza-town-in{from{opacity:0}to{opacity:1}}
.members-plaza[data-mode="3d"] .plaza-avatar{left:0;top:0;transform-origin:50% 100%;will-change:transform;transition:opacity .25s ease}
.members-plaza[data-mode="3d"] .plaza-avatar[data-behind="true"]{opacity:.38}
.members-plaza[data-dragging="true"] .plaza-avatar{cursor:grabbing}
.plaza-zoom{position:absolute;z-index:1100;right:22px;top:50%;display:flex;flex-direction:column;gap:6px;transform:translateY(-50%)}
.plaza-zoom[hidden]{display:none}
.plaza-zoom button{width:34px;height:34px;padding:0;border:1px solid #ffffff80;border-radius:50%;background:#192229b3;color:#fff;font-size:17px;line-height:1;cursor:pointer}
.plaza-zoom button:hover{background:#192229e6}.plaza-zoom button:focus-visible{outline:3px solid #dcff79;outline-offset:2px}
.plaza-hint{position:absolute;z-index:1100;left:50%;bottom:24px;margin:0;padding:7px 14px;border-radius:30px;background:#192229cc;color:#fff;font-size:11px;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,6px);transition:opacity .35s ease,transform .35s ease}
.members-plaza[data-hint="show"] .plaza-hint{opacity:1;transform:translate(-50%,0)}
#view-members .members-plaza .plaza-heading{position:absolute;z-index:1100;top:26px;left:28px;max-width:calc(100% - 160px);color:#fff;pointer-events:none;text-shadow:0 2px 14px #192229aa}
#view-members .members-plaza::before{content:"";position:absolute;z-index:1000;inset:0;pointer-events:none;background:linear-gradient(180deg,#171c2c88,transparent 35%,transparent 74%,#171c2c99)}
#view-members .members-plaza h1{font-size:clamp(22px,2.5vw,34px);line-height:1.45;letter-spacing:.025em;margin:5px 0;color:#fff}
#view-members .members-plaza .eyebrow{color:#fff;font-size:11px;letter-spacing:.22em}
.plaza-time{position:absolute;z-index:1100;top:28px;right:26px;padding:6px 12px;border:1px solid #ffffff80;border-radius:30px;background:#19222988;color:#fff;font-size:11px;letter-spacing:.05em}
#view-members .members-plaza>.members-total{z-index:1100;position:absolute;top:auto;bottom:22px;right:26px;display:flex;align-items:flex-end;gap:1px;margin:0;font-size:12px;color:#fff;text-shadow:0 2px 10px #182033}
#view-members .members-plaza .members-total strong{color:#fff;font-size:26px;line-height:1.35}
.plaza-toggle{position:absolute;z-index:1100;bottom:24px;left:26px;border:1px solid #ffffff80;border-radius:30px;padding:9px 14px;background:#192229b3;color:#fff;font-size:11px;cursor:pointer}
.plaza-toggle:hover{background:#192229e6}.plaza-toggle:focus-visible{outline:3px solid #dcff79;outline-offset:3px}.plaza-toggle:disabled{opacity:.75;cursor:default}
.plaza-note{display:flex;flex-wrap:wrap;gap:4px 8px;margin:10px 2px 25px;font-size:12px;line-height:1.8;color:var(--muted)}
.plaza-note>span{font-size:11px}
.plaza-avatar{position:absolute;width:clamp(34px,3.4vw,48px);height:clamp(34px,3.4vw,48px);padding:0;border:0;border-radius:50%;background:none;transform:translate(-50%,-100%);pointer-events:auto;will-change:left,top;cursor:pointer}
.plaza-avatar[hidden],.plaza-profile-card[hidden]{display:none!important}
.plaza-avatar:focus-visible{outline:3px solid #edff8d;outline-offset:4px}
.plaza-avatar::after{content:"";position:absolute;z-index:-1;left:5%;right:5%;height:9px;bottom:-5px;border-radius:50%;background:#27302255;filter:blur(2px)}
.plaza-face{display:block;width:100%;height:100%;padding:3px;border-radius:50%;background:#fff7e8;box-shadow:0 2px 5px #17213666;animation:plaza-sway 2.6s ease-in-out infinite;animation-delay:var(--step-delay)}
.plaza-face img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.plaza-avatar[data-action="walk"] .plaza-face{animation:plaza-hop var(--step-duration) ease-in-out infinite;animation-delay:var(--step-delay)}
.plaza-avatar[data-action="talk"] .plaza-face{animation:plaza-sway .85s ease-in-out infinite}
.plaza-bubble{position:absolute;bottom:calc(100% + 10px);left:50%;min-width:26px;white-space:nowrap;padding:4px 9px;border-radius:12px;background:#fffbe8;color:#433426;font-weight:800;font-size:12px;line-height:1.4;text-align:center;box-shadow:0 2px 7px #342a3230;opacity:0;transform:translateX(-50%) scale(.4);transform-origin:50% 100%;pointer-events:none}
.plaza-bubble::after{content:"";position:absolute;bottom:-5px;left:calc(50% - 4px);border:4px solid transparent;border-top-color:#fffbe8;border-bottom:0}
.plaza-avatar[data-action="talk"] .plaza-bubble{animation:plaza-pop 2.8s ease both;animation-delay:var(--reply-delay)}
.members-plaza[data-paused="true"] .plaza-face,.members-plaza[data-paused="true"] .plaza-bubble{animation-play-state:paused}
.plaza-profile-card{position:absolute;z-index:2000;width:260px;height:310px;padding:15px;display:flex;flex-direction:column;gap:9px;border:1px solid #e7dfcf;border-radius:14px;background:#fffaf0;color:#302d28;box-shadow:0 10px 32px #121b344d;text-align:left;pointer-events:none;transform-origin:0 35%}
.plaza-profile-card[data-side="left"]{transform-origin:100% 35%}
.plaza-profile-card[data-state="open"]{animation:plaza-card-pop .24s cubic-bezier(.2,.9,.25,1.2) both}
.plaza-profile-card[data-state="closing"]{animation:plaza-card-away .14s ease-out both}
@keyframes plaza-card-pop{0%{opacity:0;transform:scale(.88) translateY(5px)}70%{opacity:1;transform:scale(1.025) translateY(-1px)}100%{opacity:1;transform:scale(1) translateY(0)}}
@keyframes plaza-card-away{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97) translateY(-3px)}}
.plaza-card-person{display:flex;align-items:center;gap:10px;min-height:34px}
.plaza-card-person>img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.plaza-card-name{color:inherit;font-size:15px;font-weight:750;text-align:left;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.4}
.plaza-card-bio{margin:0;min-height:36px;max-height:36px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px;line-height:18px;color:#645d52;white-space:pre-line}
.plaza-card-work{display:block;position:relative;flex:1;min-height:0;color:#302d28;text-decoration:none}
.plaza-card-kicker{position:absolute;top:7px;left:7px;z-index:3;border-radius:4px;background:#302d28cc;color:#fff;padding:3px 6px;font:9px/1.3 var(--label);letter-spacing:.1em}
.plaza-card-work .activity-art{height:110px;min-height:0;aspect-ratio:auto;border-radius:8px;overflow:hidden}
.plaza-card-work .activity-art img{width:100%;height:100%;object-fit:cover}
.plaza-card-work .cover-word{font-size:15px}.plaza-card-work .art-label,.plaza-card-work .cover-caption,.plaza-card-work .cover-index{display:none}
.plaza-card-work>strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;line-height:1.5;margin-top:5px}
.plaza-card-spacer{flex:1}
.plaza-card-open{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-top:1px solid #ded7ca;padding:9px 0 0;background:none;color:#4a4437;font-size:10px;text-align:left}
.plaza-profile-card button:focus-visible,.plaza-profile-card a:focus-visible{outline:2px solid #ac571b;outline-offset:3px}
.plaza-profile-card button:hover,.plaza-card-work:hover>strong{color:#a74510}
@keyframes plaza-hop{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-6px) rotate(5deg)}}
@keyframes plaza-sway{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
@keyframes plaza-pop{0%,100%{opacity:0;transform:translateX(-50%) scale(.4)}12%,85%{opacity:1;transform:translateX(-50%) scale(1)}20%{transform:translateX(-50%) scale(1.08)}}
@media(max-width:600px){
 #view-members .page-head.members-plaza{height:320px;border-radius:12px}
 #view-members .members-plaza .plaza-world{width:896px;min-width:896px}
 #view-members .members-plaza .plaza-heading{top:16px;left:16px;max-width:calc(100% - 32px)}
 #view-members .members-plaza h1{font-size:18px;max-width:100%;line-height:1.5}
 .members-plaza[data-mode="2d"] .plaza-cast{transform:translateY(20px)}
 #view-members .members-plaza .eyebrow{font-size:9px}
 .plaza-time{top:auto;bottom:74px;right:16px;font-size:10px;padding:3px 8px}
 #view-members .members-plaza>.members-total{right:16px;bottom:17px;font-size:10px}
 #view-members .members-plaza .members-total strong{font-size:22px}
 .plaza-toggle{left:16px;bottom:20px;padding:8px 10px;font-size:10px}
 .plaza-zoom{right:12px;top:44%;gap:5px}.plaza-zoom button{width:30px;height:30px;font-size:15px}
 .plaza-hint{bottom:62px;font-size:10px;padding:5px 11px}
 .plaza-avatar{width:33px;height:33px}.plaza-face{padding:2px}.plaza-bubble{font-size:10px;padding:3px 7px}
 .plaza-note{font-size:11px;margin-bottom:18px}
}
@media(prefers-reduced-motion:reduce){.plaza-face,.plaza-avatar[data-action] .plaza-face,.plaza-avatar[data-action] .plaza-bubble{animation:none}.plaza-bubble{display:none}}
@media(prefers-reduced-motion:reduce){.plaza-profile-card[data-state]{animation:none}}

/* Ordinary profile editing: one reading order, controls beside their content. */
.profile-form.profile-editor{display:grid;gap:20px}
.profile-form.profile-editor>.profile-settings-section{min-width:0;margin:0;padding:24px;border:1px solid var(--line);border-radius:10px;background:transparent}
.profile-editor .profile-section-help{margin:4px 0 20px;font-size:13px;line-height:1.7}
.profile-editor .profile-identity-fields{display:grid;grid-template-columns:88px minmax(0,1fr);gap:24px;align-items:center;margin-bottom:20px}
.profile-editor .profile-identity-fields .field{margin:0}
.profile-editor .avatar-picker{border:0;padding:0;background:none;color:inherit}
.profile-editor .avatar-picker:focus-visible{outline:2px solid var(--orange);outline-offset:4px;border-radius:8px}
.profile-editor .field{margin:0 0 20px}
.profile-form.profile-editor .field-group{margin:0;padding:0;border:0;min-width:0}
.profile-editor .category-options{margin-top:10px;gap:8px}
.profile-editor .profile-field-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}
.profile-editor .profile-field-heading h3{margin:0}
.profile-editor .profile-field-heading>label{font-size:14px;font-weight:700}
.profile-editor .profile-visibility{display:inline-flex;align-items:center;gap:8px;position:relative;cursor:pointer;min-height:32px;flex-shrink:0}
.profile-editor .profile-visibility>span:last-child{font-size:12px;font-weight:400;color:var(--muted)}
.profile-editor .profile-visibility>input{position:absolute;opacity:0;width:36px;height:24px;margin:0;left:0;top:4px}
.profile-editor .profile-switch{position:relative;width:34px;height:20px;border:1px solid #829087;border-radius:12px;background:#363e39;flex-shrink:0}
.profile-editor .profile-switch:after{content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#d9dfda;transition:transform .15s}
.profile-editor .profile-visibility input:checked+.profile-switch{background:var(--orange);border-color:var(--orange)}
.profile-editor .profile-visibility input:checked+.profile-switch:after{transform:translateX(14px);background:#131714}
.profile-editor .profile-visibility input:focus-visible+.profile-switch{outline:2px solid var(--orange);outline-offset:3px}
.profile-editor .profile-visibility:has(input:disabled){opacity:.55;cursor:default}
.profile-editor .profile-optional-field+.profile-optional-field{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.profile-editor .profile-optional-field>input,.profile-editor .profile-optional-field>textarea{display:block;width:100%;box-sizing:border-box;border:1px solid var(--line2);border-radius:5px;background:transparent;color:var(--text);font:inherit;font-size:14px;padding:12px;line-height:1.7}
.profile-editor .profile-optional-field>textarea{resize:vertical;min-height:98px}
.profile-editor .profile-optional-field>small,.profile-editor .editor-actions>small{display:block;color:var(--muted);font-size:12px;line-height:1.7;margin-top:8px}
.profile-editor .portfolio-auto{margin-top:8px;font-size:14px;line-height:1.6}
.profile-editor .portfolio-selection>small:last-child{display:none}
.profile-editor .portfolio-selection-status{margin:14px 0 0;padding:12px;border-radius:5px;background:#ffffff05;font-size:12px;line-height:1.8}
.profile-editor .profile-activity-choices{margin-top:18px}
.profile-editor .portfolio-selection-list{max-height:370px;margin-top:12px}
.profile-editor .portfolio-scope-note{font-size:12px;color:var(--muted);line-height:1.8;margin:12px 0}
.profile-editor .profile-settings-section>details>summary,.profile-editor .profile-activity-choices>summary{padding:10px 0;font-size:14px;font-weight:600;cursor:pointer}
.profile-editor .profile-settings-section>details>summary:focus-visible,.profile-editor .profile-activity-choices>summary:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.profile-form.profile-editor .profile-section-body{padding:18px 0 0}
.profile-form.profile-editor .profile-section-body>.field-group{padding:0 0 24px;margin-bottom:24px;border:0;border-bottom:1px solid var(--line);background:transparent}
.profile-form.profile-editor .profile-section-body>.field-group>legend{font-size:16px;padding:0}
.profile-form.profile-editor>details.profile-settings-section>summary{padding:0;background:transparent;gap:6px 16px}
.profile-form.profile-editor>details.profile-settings-section>summary>strong{font-size:19px}
.profile-form.profile-editor>details.profile-settings-section>summary>span{font-size:12px;color:var(--muted)}
.profile-editor .settings-toggle{border:0;padding:4px 0;color:var(--muted);font-size:12px}
.profile-editor .profile-designer-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.profile-editor .profile-designer-entry p{font-size:12px;color:var(--muted);margin:6px 0 0}
.profile-form.profile-editor>.editor-actions{justify-content:space-between;align-items:center;margin:0;padding:0;border:0}
.profile-editor .editor-actions>small{margin:0}
@media(max-width:700px){
 .profile-form.profile-editor{gap:14px}
 .profile-form.profile-editor>.profile-settings-section{padding:18px 16px}
 .profile-editor .profile-identity-fields{grid-template-columns:68px minmax(0,1fr);gap:16px}
 .profile-editor .avatar-picker{width:68px}
 .profile-editor .avatar-picker img{width:64px;height:64px}
 .profile-editor .profile-field-heading{gap:6px}
 .profile-editor .profile-visibility>span:last-child{font-size:11px}
 .profile-editor .portfolio-selection-row{grid-template-columns:28px 42px minmax(0,1fr) 28px;gap:6px;padding:8px}
 .profile-editor .portfolio-drag,.profile-editor .portfolio-reorder button{width:28px}
 .profile-editor .portfolio-selection-thumb .activity-art{height:36px!important}
 .profile-editor .portfolio-select-label{font-size:12px;gap:4px}
 .profile-editor .profile-designer-entry>.soft-btn,.profile-editor .editor-actions>.solid-btn{width:100%}
}

/* About: keep the two columns, with the film above compact principles. */
#view-about .about-copy{min-width:0}
#view-about .about-intro{display:block;margin-bottom:26px;padding-bottom:0}
#view-about .about-video{display:block;flex:none;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#101512;border:1px solid var(--line);border-radius:8px;margin-bottom:16px}
#view-about .principle-card:not(.founder-mini){min-height:88px;padding:16px 24px}
#view-about .principle-card:not(.founder-mini)>.principle-code{font-size:clamp(48px,5.5vw,70px)}
@media(max-width:600px){#view-about .principle-card:not(.founder-mini){min-height:88px;padding:16px 18px}#view-about .principle-card:not(.founder-mini)>.principle-code{font-size:52px}}

/* Owner-only click counts beside the activity date; wrap on narrow screens. */
.manage-content .manage-meta{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 14px}
.manage-content .manage-click-counts{display:inline-flex;flex-wrap:wrap;gap:4px 12px}
.manage-content .manage-click-count{white-space:nowrap}
.manage-click-count b{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}

.activity-art.thumbnail-fallback .link-cover{display:block}
.activity-art.thumbnail-fallback .cover-index{display:block}
.activity-art.thumbnail-fallback .cover-caption{display:flex}
.activity-art.thumbnail-fallback .cover-word{display:flex}
.portfolio-selection-thumb .activity-art.thumbnail-fallback .link-cover{display:none}
.activity-summary .activity-art.thumbnail-fallback .cover-index{top:8px;left:10px;font-size:10px}
.activity-summary .activity-art.thumbnail-fallback .cover-word{top:26px;left:10px;right:10px;max-height:calc(100% - 48px);overflow:hidden}
.activity-summary .activity-art.thumbnail-fallback .cover-note{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px;line-height:1.4}
.activity-summary .activity-art.thumbnail-fallback .cover-caption{left:10px;right:10px;bottom:6px;font-size:10px}
@media(max-width:700px){#profileContactEmail{font-size:16px}}