:root {

      --font-serif: "Fraunces", Georgia, serif;
      --font-sans:  "Archivo", "Helvetica Neue", sans-serif;
      --font-mono:  "IBM Plex Mono", ui-monospace, monospace;


      --radius-sm:   8px;
      --radius-md:   13px;
      --radius-lg:   20px;
      --radius-xl:   28px;
      --radius-pill: 9999px;


      --sp-1:  4px;  --sp-2:  8px;  --sp-3: 12px;
      --sp-4: 16px;  --sp-5: 20px;  --sp-6: 24px;
      --sp-8: 32px;  --sp-10: 40px; --sp-12: 48px; --sp-16: 64px;
    }


    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }


    .bento-card a:not(.btn),
    .modal a:not(.btn) {
      color: var(--app-verified-soft);
      text-decoration: underline;
      text-underline-offset: 2px;
    }

    html { font-size: 16px; -webkit-font-smoothing: antialiased; }

    body {
      font-size: 1rem;
      line-height: 1.5;
      min-height: 100dvh;
    }


    .loading-state,
    .auth-prompt {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: var(--sp-5);
      min-height: 80vh;
      text-align: center;
      padding: var(--sp-6);
    }

    .loading-state__spinner {
      width: 32px;
      height: 32px;
      border: 3px solid var(--app-line);
      border-top-color: var(--app-human);
      border-radius: 50%;
      animation: spin 0.75s linear infinite;
    }

    @keyframes spin { to { transform: rotate(360deg); } }

    .loading-state__label,
    .auth-prompt__label {
      font-family: var(--font-mono);
      font-size: 0.8125rem;
      color: var(--app-text-3);
      letter-spacing: 0.08em;
    }

    .auth-prompt__title {
      font-family: var(--font-serif);
      font-size: 1.75rem;
      font-weight: 500;
      color: var(--app-text);
      letter-spacing: -0.01em;
    }

    .auth-prompt__body {
      font-size: 1rem;
      color: var(--app-text-2);
      max-width: 36ch;
      line-height: 1.55;
    }


    .chip {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      font-weight: 500;
      letter-spacing: 0.10em;
      text-transform: uppercase;
      padding: 4px 10px 4px 8px;
      border-radius: var(--radius-pill);
      white-space: nowrap;
    }

    .chip--verified::before {
      content: "";
      display: inline-block;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      flex-shrink: 0;
    }


    .ichip {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 5px 10px 5px 7px;
      border-radius: var(--radius-pill);
      background: var(--app-well);
      border: 1px solid var(--app-line);
      white-space: nowrap;
    }

    .ichip svg { width: 15px; height: 15px; flex-shrink: 0; color: var(--app-text-3); }

    .ichip__label {
      font-family: var(--font-mono);
      font-size: 0.625rem;
      font-weight: 500;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--app-text-2);
    }

    .ichip--sage svg  { color: var(--app-verified-soft); }
    .ichip--coral svg { color: var(--app-human-soft); }


    .ichip--toggle { cursor: pointer; transition: border-color 0.15s ease, background 0.15s ease; }


    .ichip--toggle {
      white-space: normal;
      text-align: left;
      max-width: 100%;
    }
    .ichip--toggle .ichip__label { white-space: normal; }
    .ichip--toggle:hover { border-color: var(--app-line-strong); }
    .ichip--toggle:focus-visible { outline: var(--app-focus); outline-offset: 2px; }
    .ichip--toggle:disabled { opacity: 0.6; cursor: progress; }

    .ichip--on {
      background: var(--app-verified-fill);
      border-color: rgba(111, 183, 160, 0.45);
    }
    .ichip--on .ichip__label { color: var(--app-text); }

    /* 2026-08-29 (founder review) — Approvals segmented toggle: one housing,
       two segments, exactly one active. Reads as a single either/or setting
       where the two loose pills read as two separate options. */
    .seg-toggle {
      display: inline-flex;
      max-width: 100%;
      padding: 3px;
      gap: 3px;
      border-radius: var(--radius-pill);
      background: var(--app-well);
      border: 1px solid var(--app-line);
    }
    .seg-toggle__opt {
      appearance: none;
      background: transparent;
      border: 1px solid transparent;
      border-radius: var(--radius-pill);
      padding: 8px 14px;
      cursor: pointer;
      font-family: var(--font-mono);
      font-size: 0.625rem;
      font-weight: 500;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--app-text-2);
      text-align: center;
      transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    }
    .seg-toggle__opt:hover { color: var(--app-text); }
    .seg-toggle__opt:focus-visible { outline: var(--app-focus); outline-offset: 2px; }
    .seg-toggle__opt:disabled { opacity: 0.6; cursor: progress; }
    .seg-toggle__opt--on {
      background: var(--app-verified-fill);
      border-color: rgba(111, 183, 160, 0.45);
      color: var(--app-text);
      cursor: default;
    }

    .ichip__badge {
      font-family: var(--font-mono);
      font-size: 0.5rem;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--app-human-soft);
      background: var(--app-human-fill);
      border-radius: var(--radius-pill);
      padding: 2px 6px;
      margin-left: 2px;
    }

    .industries-toggles { display: flex; flex-wrap: wrap; gap: var(--sp-2); margin-bottom: var(--sp-3); }


    .bento-card__title { font-size: 1.125rem; }


    .panel {
      background: var(--app-well);
      border: 1px solid var(--app-line);
      border-radius: 18px;
      padding: var(--sp-5);
    }

    .panel--notch {
      position: relative;
      --notch: 24px;
      -webkit-mask: radial-gradient(circle var(--notch) at calc(100% - 2px) 2px,
        transparent calc(var(--notch) - 1px), #000 var(--notch));
      mask: radial-gradient(circle var(--notch) at calc(100% - 2px) 2px,
        transparent calc(var(--notch) - 1px), #000 var(--notch));
    }


    .bento-card--pattern-band,
    .bento-card--pattern-sage { position: relative; overflow: hidden; }

    .bento-card--pattern-band::after,
    .bento-card--pattern-sage::after {
      content: "";
      position: absolute;
      inset: 0;
      background: var(--ppl-grain);
      pointer-events: none;
      border-radius: inherit;
    }


    .bento-card--pattern-band > *,
    .bento-card--pattern-sage > * { position: relative; z-index: 1; }


    .licenses-list { isolation: isolate; }

    .licenses-list .license-row { position: relative; margin-top: 16px; }
    .licenses-list .license-row:first-child { margin-top: 14px; }

    .licenses-list .license-row::before,
    .licenses-list .license-row::after {
      content: "";
      position: absolute;
      height: 14px;
      border-radius: 14px 14px 0 0;
      border: 1px solid var(--app-line);
      border-bottom: none;
      z-index: -1;
    }

    .licenses-list .license-row::before {
      left: 6%; right: 6%; top: -7px;
      background: var(--app-card-raised);
    }

    .licenses-list .license-row::after {
      left: 12%; right: 12%; top: -12px;
      background: var(--app-well);
    }




    .viz-logo {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: var(--app-well);
      border: 1px solid var(--app-line);
      overflow: hidden;
      flex-shrink: 0;
    }

    .viz-logo__img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      background: #FFFFFF;
      border-radius: 50%;
    }

    .viz-logo__monogram {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      font-family: var(--font-serif);
      font-size: 1.05rem;
      font-weight: 500;
      color: var(--app-text-2);
    }


    .viz-rowlead {
      display: flex;
      align-items: center;
      gap: var(--sp-3);
      flex-wrap: wrap;
    }

    .viz-rowlead__name {
      font-weight: 600;
      font-size: 0.9375rem;
      color: var(--app-text);
    }

    .viz-rowlead__fee {
      margin-left: auto;
      font-family: var(--font-serif);
      font-size: 1.25rem;
      font-weight: 500;
      color: var(--app-text);
      white-space: nowrap;
    }

    .ledger-share {
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      letter-spacing: 0.06em;
      color: var(--app-verified-soft);
      white-space: nowrap;
    }


    .viz-stats {
      display: flex;
      flex-wrap: wrap;
      gap: var(--sp-3);
      margin-bottom: var(--sp-4);
    }

    .viz-stat {
      background: var(--app-well);
      border: 1px solid var(--app-line);
      border-radius: var(--radius-lg);
      padding: var(--sp-4) var(--sp-5);
      display: flex;
      flex-direction: column;
      gap: var(--sp-1);
      flex: 1 1 auto;
      min-width: 96px;
    }

    .viz-stat__value {
      font-family: var(--font-serif);
      font-size: clamp(1.25rem, 1rem + 1.2vw, 1.75rem);
      font-weight: 500;
      line-height: 1.1;
      color: var(--app-text);
      white-space: nowrap;
    }

    .viz-stat__label {
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      font-weight: 500;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--app-text-3);
    }

    .viz-stat--sage .viz-stat__value { color: var(--app-verified-soft); }
    .viz-stat--coral .viz-stat__value { color: var(--app-human-soft); }


    .viz-meter {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      vertical-align: middle;
    }

    .viz-meter__dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--app-line);
    }

    .viz-meter .viz-meter__dot--on { background: var(--app-verified); }
    .viz-meter--coral .viz-meter__dot--on { background: var(--app-human); }


    .viz-checklist {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: var(--sp-3);
      margin: 0;
      padding: 0;
    }

    .viz-check {
      display: flex;
      align-items: flex-start;
      gap: var(--sp-3);
      flex-wrap: wrap;
      color: var(--app-text-2);
    }

    .viz-check__disc {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      border: 1.5px solid var(--app-line-strong);
      flex-shrink: 0;

      margin-top: 1px;
    }

    .viz-check--done { color: var(--app-text); }

    .viz-check--done .viz-check__disc {
      border-color: transparent;
      background: var(--app-verified-fill);
      color: var(--app-verified);
    }

    .viz-check__disc svg { width: 13px; height: 13px; stroke: currentColor; fill: none;
      stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

    .viz-check__label {
      font-size: 0.9375rem;
      line-height: 1.4;

      flex: 1 1 220px;
      min-width: 0;
      padding-top: 2px;
    }

    .viz-check__cta { margin-left: auto; flex-basis: 100%; margin-top: var(--sp-2); }


    .viz-termbar { margin-top: var(--sp-3); }

    .viz-termbar__track {
      height: 6px;
      border-radius: var(--radius-pill);
      background: var(--app-well);
      overflow: hidden;
    }

    .viz-termbar__fill {
      height: 100%;
      border-radius: var(--radius-pill);
      background: var(--app-text-3);
    }

    .viz-termbar--live .viz-termbar__fill { background: var(--app-verified); }

    .viz-termbar__dates {
      display: flex;
      justify-content: space-between;
      margin-top: var(--sp-1);
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      letter-spacing: 0.04em;
      color: var(--app-text-3);
    }


    .viz-tilegrid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
      gap: var(--sp-3);
    }

    .viz-tile {
      display: flex;
      flex-direction: column;
      gap: var(--sp-2);
      background: var(--app-well);
      border: 1px solid var(--app-line);
      border-radius: var(--radius-lg);
      padding: var(--sp-4);
      min-width: 0;
    }

    .viz-tile--connected { border-color: rgba(111, 183, 160, .4); }

    .viz-tile__icon { color: var(--app-text-2); }
    .viz-tile--connected .viz-tile__icon { color: var(--app-verified-soft); }

    .viz-tile__icon svg { width: 22px; height: 22px; stroke: currentColor; fill: none;
      stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

    .viz-tile__name { font-weight: 600; font-size: 0.875rem; color: var(--app-text); }

    .viz-tile__meta {
      display: flex;
      flex-direction: column;
      gap: var(--sp-1);
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      letter-spacing: 0.04em;
      color: var(--app-text-3);
    }

    .viz-tile .btn { align-self: flex-start; margin-top: auto; }

    .viz-tile--form { grid-column: 1 / -1; }


    .viz-funnel {
      list-style: none;
      display: flex;
      gap: var(--sp-2);
      flex-wrap: wrap;
      margin: 0 0 var(--sp-3);
      padding: 0;
    }

    .viz-funnel__stage {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 2px;
      min-width: 56px;
      padding: var(--sp-2) var(--sp-1);
      border-radius: var(--radius-md);
      background: var(--app-well);
      border: 1px solid var(--app-line);
    }

    .viz-funnel__stage--reached { border-color: rgba(111, 183, 160, .4); }

    .viz-funnel__count {
      font-family: var(--font-serif);
      font-size: 1.125rem;
      font-weight: 500;
      color: var(--app-text-3);
      line-height: 1;
    }

    .viz-funnel__stage--reached .viz-funnel__count { color: var(--app-verified-soft); }

    .viz-funnel__label {
      font-family: var(--font-mono);
      font-size: 0.625rem;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--app-text-3);
    }


    .earnings-zero { display: flex; flex-direction: column; gap: var(--sp-4); }

    .earnings-spark {
      position: relative;
      overflow: hidden;
      border-radius: var(--radius-lg);
      padding: var(--sp-5) var(--sp-6);
      background:
        linear-gradient(100deg, var(--app-card) 22%, rgba(40, 28, 28, .3) 42%, rgba(40, 28, 28, 0) 62%),
        url("/app/assets/patterns/stair-band.png") no-repeat center / cover,
        var(--app-card);
      color: var(--app-text);
    }
    .earnings-spark__sheen {
      position: absolute;
      inset: -60% -30%;
      background: radial-gradient(closest-side, rgba(255, 255, 255, 0.18), transparent 70%);
      transform: translateX(-35%);
      animation: spark-sweep 7s ease-in-out infinite alternate;
      pointer-events: none;
    }
    @keyframes spark-sweep {
      from { transform: translateX(-35%); }
      to   { transform: translateX(35%); }
    }
    .earnings-spark__kicker {
      font-family: var(--font-mono);
      font-size: 0.625rem;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      opacity: 0.7;
      margin: 0 0 var(--sp-2);
    }
    .earnings-spark__total {
      display: flex;
      align-items: baseline;
      gap: var(--sp-3);
      flex-wrap: wrap;
      margin: 0 0 var(--sp-2);
    }
    .earnings-spark__cents {
      font-family: var(--font-serif);
      font-size: clamp(2.5rem, 2rem + 2.5vw, 3.5rem);
      font-weight: 500;
      line-height: 1;
    }
    .earnings-spark__meta {
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      opacity: 0.75;
    }
    .earnings-spark__pitch {
      max-width: 46ch;
      font-size: 0.9375rem;
      line-height: 1.55;
      opacity: 0.85;
      margin: 0;
      position: relative;
    }


    .earnings-zero .viz-funnel { margin-bottom: 0; }
    .earnings-zero .viz-funnel__stage { flex: 1; }
    .earnings-zero .viz-funnel__stage--reached {
      border-color: rgba(111, 183, 160, 0.55);
      box-shadow: 0 0 18px rgba(111, 183, 160, 0.22);
    }


    .ghost-card {
      display: flex;
      flex-direction: column;
      gap: var(--sp-2);
      padding: var(--sp-4);
      margin-bottom: var(--sp-3);
      border: 1.5px dashed var(--app-line-strong);
      border-radius: var(--radius-md);
      background: var(--app-well);
    }
    .ghost-card__bar {
      height: 10px;
      width: 34%;
      border-radius: var(--radius-pill);
      background: var(--app-line);
    }
    .ghost-card__bar--wide { width: 62%; height: 14px; }
    .ghost-card__tag {
      margin-top: var(--sp-1);
      font-family: var(--font-mono);
      font-size: 0.625rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--app-text-3);
    }


    .setup-guide[hidden], .setup-guide [hidden] { display: none !important; }
    .setup-guide {
      position: fixed; right: 20px; bottom: 20px; z-index: 70;
      width: min(380px, calc(100vw - 40px));
      display: flex; flex-direction: column; align-items: flex-end;
      font-family: var(--font-sans);
    }
    .setup-guide__pill {
      display: inline-flex; align-items: center; gap: 10px;
      background: var(--app-card-raised); color: var(--app-text);
      border: 1px solid var(--app-line-strong); border-radius: var(--radius-pill);
      padding: 10px 16px; cursor: pointer;
      font-family: var(--font-sans); font-size: 0.8125rem; font-weight: 600;
      letter-spacing: 0.02em;
      box-shadow: 0 10px 28px rgba(26, 18, 18, 0.38);
      transition: border-color 0.15s ease;
    }
    .setup-guide__pill:hover { border-color: var(--app-text-3); }
    .setup-guide__pill:focus-visible { outline: var(--app-focus); outline-offset: 2px; }
    .setup-guide__microbar {
      width: 52px; height: 4px; border-radius: var(--radius-pill);
      background: var(--app-line); overflow: hidden;
    }
    .setup-guide__microbar-fill, .setup-guide__bar-fill {
      display: block; height: 100%; width: 0;
      background: var(--ppl-sage-pop); border-radius: inherit;
      transition: width 0.25s ease;
    }
    .setup-guide__panel {
      width: 100%; max-height: min(72vh, 600px); overflow-y: auto;
      background: var(--app-card-raised); border: 1px solid var(--app-line-strong);
      border-radius: var(--radius-lg); padding: var(--sp-5);
      box-shadow: 0 18px 44px rgba(26, 18, 18, 0.42);
      scrollbar-width: thin;
    }
    .setup-guide__panel:focus-visible { outline: var(--app-focus); outline-offset: 2px; }

    .setup-guide__fixedhead {
      position: sticky; top: calc(-1 * var(--sp-5));
      margin: calc(-1 * var(--sp-5)) calc(-1 * var(--sp-5)) 0;
      padding: var(--sp-5) var(--sp-5) var(--sp-3);
      background: var(--app-card-raised);
      border-radius: var(--radius-lg) var(--radius-lg) 0 0;
      z-index: 2;
    }
    .setup-guide__head { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); }
    .setup-guide__title {
      font-family: var(--font-serif); font-size: 1.125rem; font-weight: 500;
      color: var(--app-text); letter-spacing: -0.01em;
    }
    .setup-guide__collapse {
      background: none; border: none; cursor: pointer; color: var(--app-text-2);
      width: 28px; height: 28px; border-radius: 50%; flex-shrink: 0;
      display: grid; place-items: center;
      transition: background 0.15s ease, color 0.15s ease;
    }
    .setup-guide__collapse:hover { color: var(--app-text); background: var(--app-well); }
    .setup-guide__collapse:focus-visible { outline: var(--app-focus); outline-offset: 2px; }
    .setup-guide__collapse svg { width: 14px; height: 14px; stroke: currentColor; stroke-width: 2.5; fill: none; stroke-linecap: round; stroke-linejoin: round; }
    .setup-guide__count {
      font-family: var(--font-mono); font-size: 0.625rem; letter-spacing: 0.08em;
      text-transform: uppercase; color: var(--app-text-3); margin-top: var(--sp-2);
    }
    .setup-guide__bar {
      height: 6px; border-radius: var(--radius-pill); background: var(--app-line);
      overflow: hidden; margin-top: var(--sp-2);
    }
    .setup-guide__tasks {
      list-style: none; display: flex; flex-direction: column;
      gap: var(--sp-2); margin-top: var(--sp-4); padding: 0;
    }

    .sg-phase {
      background: var(--app-well);
      border: 1px solid var(--app-line);
      border-radius: var(--radius-md);
      padding: var(--sp-4);
      display: flex;
      flex-direction: column;
      gap: var(--sp-3);
      position: relative;
      overflow: hidden;
    }
    .sg-phase.is-active { border-color: rgba(237, 99, 105, 0.42); }
    .sg-phase.is-active::before {
      content: "";
      position: absolute; inset: 0 0 auto 0; height: 2px;
      background: linear-gradient(90deg, var(--ppl-coral), rgba(237, 99, 105, 0));
    }
    .sg-phase.done { opacity: 0.72; }
    .sg-phase__head { display: flex; align-items: center; gap: var(--sp-3); }
    .sg-ring { flex: none; }
    .sg-ring__text {
      font-family: var(--font-mono); font-size: 10px; fill: var(--app-text);
    }
    .sg-phase.done .sg-ring__text { fill: var(--app-verified-soft); }
    .sg-phase__eyebrow {
      display: block;
      font-family: var(--font-mono); font-size: 0.625rem; letter-spacing: 0.14em;
      text-transform: uppercase; color: var(--app-text-3);
    }
    .sg-phase__title { display: block; font-size: 0.9375rem; font-weight: 600; color: var(--app-text); }
    .sg-phase.done .sg-phase__title { color: var(--app-text-2); }
    .sg-phase__body { font-size: 0.8125rem; line-height: 1.5; color: var(--app-text-2); margin: 0; }
    .sg-phase__foot { display: flex; align-items: center; gap: var(--sp-3); flex-wrap: wrap; }
    .sg-phase__action { align-self: flex-start; }
    .sg-phase__state {
      font-family: var(--font-mono); font-size: 0.625rem; letter-spacing: 0.1em;
      text-transform: uppercase; color: var(--app-text-3);
    }
    .sg-phase__state.done { color: var(--app-verified-soft); }

    .sg-strip { display: flex; gap: 4px; }
    .sg-strip i {
      flex: 1; height: 30px; border-radius: 5px;
      background: var(--app-well);
      border: 1px dashed var(--app-line-strong);
      display: block;
    }
    .sg-strip i.is-filled {
      border-style: solid; border-color: transparent;
      background: linear-gradient(140deg, rgba(242, 242, 240, 0.22), rgba(242, 242, 240, 0.07));
    }
    .sg-strip i.is-next { border-style: solid; border-color: var(--ppl-coral); }
    @media (max-width: 639px) {
      .setup-guide { left: 0; right: 0; bottom: 0; width: 100%; align-items: stretch; }
      .setup-guide__pill { align-self: flex-end; margin: 0 16px 16px 0; }
      .setup-guide__panel {
        border-radius: var(--radius-lg) var(--radius-lg) 0 0;
        border-left: none; border-right: none; border-bottom: none;
        max-height: 76vh;
      }
    }


    .funnel-chart {
      display: flex;
      flex-direction: column;
      gap: 3px;
      margin: 0 0 var(--sp-4);
    }

    .funnel-chart__row {
      display: grid;
      grid-template-columns: 82px minmax(0, 1fr) 40px;
      align-items: center;
      gap: var(--sp-3);
    }

    .funnel-chart__label {
      font-family: var(--font-mono);
      font-size: 0.625rem;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--app-text-3);
      text-align: right;
    }

    .funnel-chart__track {
      display: flex;
      justify-content: center;
      height: 20px;
    }

    .funnel-chart__bar {
      height: 100%;
      border-radius: 5px;
      background: var(--app-well);
      border: 1px solid var(--app-line);
      min-width: 10px;
    }

    .funnel-chart__row--reached .funnel-chart__bar {
      background: var(--app-verified-fill);
      border-color: rgba(111, 183, 160, 0.45);
    }


    .funnel-chart__zero {
      align-self: center;
      width: 10px;
      height: 2px;
      border-radius: 1px;
      background: var(--app-line-strong);
    }

    .funnel-chart__count {
      font-family: var(--font-serif);
      font-size: 1rem;
      font-weight: 500;
      color: var(--app-text-3);
      line-height: 1;
    }

    .funnel-chart__row--reached .funnel-chart__count { color: var(--app-verified-soft); }


    .referral-funnel { width: 100%; margin: 0 0 var(--sp-4); }
    .referral-funnel .svg-funnel-js { display: block; width: 100%; }
    .referral-funnel .svg-funnel-js__container { width: 100%; height: 100%; }

    .referral-funnel .svg-funnel-js__labels {
      position: static;
      width: 100%;
      height: auto;
      box-sizing: border-box;
      margin-bottom: var(--sp-2);
    }
    .referral-funnel .svg-funnel-js__label { flex: 1 1 0; position: relative; padding: 0 0 var(--sp-2) var(--sp-3); }
    .referral-funnel .svg-funnel-js__label:first-child { padding-left: 0; }
    .referral-funnel .label__value {
      font-family: var(--font-serif);
      font-size: 1.25rem;
      font-weight: 500;
      line-height: 1.1;
      color: var(--app-text);
      margin-bottom: 2px;
    }
    .referral-funnel .label__title {
      font-family: var(--font-mono);
      font-size: 0.625rem;
      font-weight: 500;
      letter-spacing: 0.10em;
      text-transform: uppercase;
      color: var(--app-verified-soft);
    }
    .referral-funnel .label__percentage {
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      color: var(--app-text-2);
    }
    .referral-funnel .svg-funnel-js__label:not(:first-child) {
      border-left: 1px solid var(--app-line);
    }


    .ring {
      position: relative;
      width: 172px;
      flex-shrink: 0;
    }

    .ring--sm { width: 128px; }

    .ring svg { display: block; width: 100%; height: auto; }

    .ring__center {
      position: absolute;
      inset: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      gap: 2px;
      padding: 20%;
    }

    .ring__value {
      font-family: var(--font-serif);
      font-size: clamp(1rem, 0.8rem + 0.7vw, 1.35rem);
      font-weight: 500;
      line-height: 1.05;
      color: var(--app-text);
      overflow-wrap: anywhere;
    }

    .ring__label {
      font-family: var(--font-mono);
      font-size: 0.5625rem;
      font-weight: 500;
      letter-spacing: 0.10em;
      text-transform: uppercase;
      color: var(--app-text-3);
    }

    .ring-wrap {
      display: flex;
      align-items: center;
      gap: var(--sp-6);
      flex-wrap: wrap;
    }

    .ring-side { flex: 1; min-width: 200px; display: flex; flex-direction: column; gap: var(--sp-3); }

    .ring-legend {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: var(--sp-2);
    }


    .ring-legend__item {
      display: grid;
      grid-template-columns: 8px 26px minmax(0, 1fr);
      grid-template-rows: auto auto;
      align-items: center;
      column-gap: var(--sp-3);
      row-gap: 1px;
    }

    .ring-legend__item .viz-logo { width: 26px; height: 26px; grid-row: 1 / span 2; }
    .ring-legend__item .viz-logo__monogram { font-size: 0.8125rem; }

    .ring-legend__dot { width: 8px; height: 8px; border-radius: 50%; grid-row: 1 / span 2; }

    .ring-legend__name {
      grid-column: 3;
      min-width: 0;
      font-weight: 600;
      font-size: 0.875rem;
      color: var(--app-text);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .ring-legend__val {
      grid-column: 3;
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      color: var(--app-text-2);
    }

    .ring-foot {
      font-family: var(--font-mono);
      font-size: 0.625rem;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--app-text-3);
    }


    .earnings-head { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }

    .earnings-total {
      font-family: var(--font-serif);
      font-size: clamp(2.4rem, 1.6rem + 2.6vw, 3.5rem);
      font-weight: 500;
      letter-spacing: -0.02em;
      line-height: 1;
      color: var(--app-verified-soft);
    }

    .earnings-total__label {
      font-family: var(--font-mono);
      font-size: 0.625rem;
      font-weight: 500;
      letter-spacing: 0.10em;
      text-transform: uppercase;
      color: var(--app-text-3);
    }


    .cascading-hero--cards { margin-top: var(--sp-4); isolation: isolate; }

    .cascading-hero--cards .cascading-hero__list {
      min-height: 0;
      height: 236px;
      flex: none;
    }


    .cascading-hero--cards .cascading-hero__item { --radius: 16px; }
    .cascading-hero--cards .cascading-hero__item-inner { background: none; }
    .cascading-hero--cards .cascading-hero__item-inner::after { content: none; }

    .license-card {
      display: flex;
      flex-direction: column;
      gap: var(--sp-2);
      height: 100%;
      background: var(--app-card-raised);
      border: 1px solid var(--app-line);
      border-radius: 16px;
      padding: var(--sp-5);
    }

    .license-card--muted { opacity: 0.72; }

    .license-card__head { display: flex; align-items: center; gap: var(--sp-3); min-width: 0; }
    .license-card__head .viz-logo { width: 32px; height: 32px; flex-shrink: 0; }
    .license-card__head .chip { margin-left: auto; flex-shrink: 0; }

    .license-card__name {
      font-weight: 600;
      font-size: 0.9375rem;
      color: var(--app-text);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .license-card__cents {
      font-family: var(--font-serif);
      font-size: 1.625rem;
      font-weight: 500;
      line-height: 1.05;
      color: var(--app-verified-soft);
    }

    .license-card__cents--quiet { color: var(--app-text-3); }

    .license-card__meta,
    .license-card__term {
      font-family: var(--font-mono);
      font-size: 0.625rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--app-text-3);
    }

    .license-card__more { margin-top: auto; align-self: flex-start; }


    .cascading-hero--cards .cascading-hero__item[data-status="inactive"] .license-card {
      overflow: hidden;
      opacity: 0.38;
      transition: opacity 0.4s ease;
    }

    .cascading-hero--cards .cascading-hero__nav {
      display: flex;
      gap: var(--sp-2);
      justify-content: center;
      padding: var(--sp-3) 0 0;
    }


    .cascading-hero--cards.cascading-hero--static .cascading-hero__list {
      height: auto;
      min-height: 236px;
    }
    .cascading-hero--cards.cascading-hero--static .cascading-hero__item {
      flex: 0 0 min(320px, 84%);
      height: auto;
    }
    .cascading-hero--cards.cascading-hero--static .cascading-hero__nav { display: none; }


    .dropping-stack {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: var(--sp-4);

      isolation: isolate;
    }


    .dropping-stack__collection {
      width: 100%;
      padding-bottom: 2.25em;
      padding-right: 2.25em;
    }

    .dropping-stack__list {
      justify-content: center;
      align-items: flex-start;
      display: flex;
      position: relative;
      width: 100%;
    }

    .dropping-stack__item {
      will-change: transform, opacity;
      -webkit-user-select: none;
      user-select: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
    }


    .dropping-stack .license-row {
      background: var(--app-card-raised);
      margin: 0;
    }


    .dropping-stack .decision-more__body { max-height: 220px; overflow-y: auto; }

    .dropping-stack__controls { display: flex; gap: var(--sp-2); }

    .dropping-stack__control {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      border: 1px solid var(--app-line);
      background: var(--app-well);
      color: var(--app-text-2);
      cursor: pointer;
      transition: transform 0.3s ease, border-color 0.15s ease;
      transform: translateY(0) rotate(0.001deg);
    }

    .dropping-stack__control:hover {
      transform: translateY(-0.2em) rotate(0.001deg);
      border-color: var(--app-line-strong);
    }

    .dropping-stack__control:focus-visible { outline: var(--app-focus); outline-offset: 2px; }


    .dropping-stack__control:disabled {
      opacity: 0.35;
      cursor: default;
      transform: translateY(0) rotate(0.001deg);
    }
    .dropping-stack__control.is--prev:disabled { transform: scaleX(-1); }
    .dropping-stack__control svg { width: 16px; height: 16px; }
    .dropping-stack__control.is--prev { transform: scaleX(-1); }
    .dropping-stack__control.is--prev:hover { transform: scaleX(-1) translateY(-0.2em); }


    .dot-gauge {
      display: flex;
      align-items: center;
      gap: var(--sp-6);
      flex-wrap: wrap;
      margin-bottom: var(--sp-4);
    }

    .dot-gauge__cluster { display: flex; align-items: center; gap: var(--sp-3); }

    .dot-gauge__count {
      font-family: var(--font-serif);
      font-size: 2rem;
      font-weight: 500;
      line-height: 1;
      color: var(--app-human-soft);
    }

    .dot-gauge__col { display: flex; flex-direction: column; gap: 4px; }

    .dot-gauge__dots { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; max-width: 180px; }

    .dot-gauge__dot { width: 10px; height: 10px; border-radius: 50%; }
    .dot-gauge__dot--waiting { background: var(--app-human); }

    .dot-gauge__more {
      font-family: var(--font-mono);
      font-size: 0.625rem;
      color: var(--app-text-3);
    }

    .dot-gauge__label {
      font-family: var(--font-mono);
      font-size: 0.625rem;
      font-weight: 500;
      letter-spacing: 0.10em;
      text-transform: uppercase;
      color: var(--app-text-3);
    }

    .dot-gauge__foot {
      font-family: var(--font-mono);
      font-size: 0.625rem;
      letter-spacing: 0.06em;
      color: var(--app-text-3);
      margin-left: auto;
    }


    .contracts-list { display: flex; flex-direction: column; gap: var(--sp-4); }

    .contract-row {
      background: var(--app-well);
      border: 1px solid var(--app-line);
      border-radius: 18px;
      padding: var(--sp-5);
    }

    .contract-row--review  { border-color: rgba(237, 99, 105, 0.35); }
    .contract-row--accepted { border-color: rgba(111, 183, 160, 0.4); }
    .contract-row--history  { opacity: 0.6; }

    .contract-row__terms { margin-top: var(--sp-4); }

    .contract-row__pledge {
      font-size: 0.875rem;
      color: var(--app-text-2);
      line-height: 1.55;
      margin-top: var(--sp-4);
      max-width: 60ch;
    }

    .contract-row__actions {
      display: flex;
      align-items: center;
      gap: var(--sp-3);
      flex-wrap: wrap;
      margin-top: var(--sp-4);
    }


    .analog-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
      gap: var(--sp-4);
    }
    .analog-item { margin: 0; }
    .analog-item__frame {
      background: var(--app-well);
      border: 1px solid var(--app-line);
      border-radius: 14px;
      overflow: hidden;
      aspect-ratio: 3 / 4;
    }
    .analog-item__frame img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .analog-item figcaption {
      font-size: 0.8125rem;
      color: var(--app-text-2);
      margin-top: var(--sp-2);
      display: flex; flex-direction: column; gap: 2px;
    }
    .analog-item__label {
      font-size: 0.625rem;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: var(--app-text-3);
    }
    .analog-state, .analog-footnote {
      font-size: 0.875rem;
      color: var(--app-text-2);
      line-height: 1.55;
      max-width: 60ch;
    }
    .analog-footnote { margin-top: var(--sp-4); }

    .media-library {
      padding: 0;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }
    .media-library__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: var(--sp-4);
      padding: var(--sp-4) var(--sp-5);
      border-bottom: 1px solid var(--app-line);
      background: var(--app-card-raised);
    }
    .media-library__collection {
      color: var(--ppl-paper);
      flex: 0 0 auto;
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      font-weight: 500;
      letter-spacing: 0.07em;
      line-height: 1.2;
      padding: 9px 12px;
      text-transform: uppercase;
      background: var(--ppl-ink);
      border-radius: var(--radius-pill);
    }
    .media-library__mode-count { opacity: 0.68; }
    .media-library__live {
      color: var(--app-text-3);
      flex: 0 1 auto;
      font-family: var(--font-mono);
      font-size: 0.625rem;
      letter-spacing: 0.07em;
      line-height: 1.35;
      text-align: right;
      text-transform: uppercase;
    }
    .media-library__panel { min-height: 0; }
    .media-library__layout {
      display: grid;
      grid-template-columns: minmax(0, 1.7fr) minmax(280px, 1fr);
      grid-template-areas: "visual copy";
      gap: clamp(var(--sp-5), 4vw, var(--sp-12));
      align-items: center;
      margin-inline: auto;
      max-width: 1320px;
      padding: clamp(var(--sp-5), 3.5vw, var(--sp-10));
      width: 100%;
    }
    .media-library__copy {
      grid-area: copy;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--sp-4);
      min-width: 0;
    }
    .media-library__eyebrow {
      color: var(--app-human-soft);
      font-family: var(--font-mono);
      font-size: 0.625rem;
      font-weight: 500;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .media-library__title {
      color: var(--app-text);
      font-family: var(--font-serif);
      font-size: clamp(2rem, 1.5rem + 2.4vw, 3.75rem);
      font-weight: 500;
      letter-spacing: -0.035em;
      line-height: 0.98;
      max-width: 11ch;
    }
    .media-library__body {
      color: var(--app-text-2);
      font-size: 1rem;
      line-height: 1.58;
      margin: 0;
      max-width: 42ch;
    }
    .media-library__status {
      color: var(--app-text-3);
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      letter-spacing: 0.06em;
      line-height: 1.45;
      text-transform: uppercase;
    }
    .media-library__status--private { color: var(--app-verified-soft); }
    .media-library__actions {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: var(--sp-3);
    }
    .media-library__actions .btn { cursor: pointer; }
    .media-library__actions input[type="file"] { display: none; }
    .media-library__visual {
      grid-area: visual;
      min-width: 0;
      width: 100%;
    }
    .media-library__featured {
      aspect-ratio: 4 / 5;
      background: var(--app-well);
      border-radius: var(--radius-lg);
      margin: 0 auto;
      max-width: 540px;
      overflow: hidden;
      position: relative;
    }
    .media-library__featured img,
    .media-library__featured video {
      display: block;
      height: 100%;
      object-fit: cover;
      width: 100%;
    }
    .media-library__featured video { background: var(--app-well); }
    .media-library__featured.is-hidden img,
    .media-library__featured.is-hidden video,
    .media-library__thumb-wrap.is-hidden img,
    .media-library__thumb-wrap.is-hidden video {
      filter: grayscale(1) brightness(0.54);
      opacity: 0.72;
    }
    .media-library__badge {
      background: rgba(21, 16, 15, 0.78);
      border-radius: var(--radius-pill);
      color: var(--ppl-paper);
      font-family: var(--font-mono);
      font-size: 0.625rem;
      left: var(--sp-3);
      letter-spacing: 0.07em;
      padding: 7px 10px;
      position: absolute;
      text-transform: uppercase;
      top: var(--sp-3);
    }
    .media-library__filmstrip {
      display: flex;
      gap: var(--sp-2);
      margin: var(--sp-3) auto 0;
      max-width: 540px;
      overflow-x: auto;
      padding: 2px;
      scrollbar-width: thin;
      width: 100%;
    }
    .media-library__thumb-wrap {
      flex: 0 0 68px;
      height: 86px;
      position: relative;
    }
    .media-library__thumb {
      appearance: none;
      background: var(--app-well);
      border: 1px solid var(--app-line);
      border-radius: 8px;
      cursor: pointer;
      height: 100%;
      overflow: hidden;
      padding: 0;
      position: relative;
      width: 100%;
    }
    .media-library__thumb[aria-current="true"] {
      border-color: var(--ppl-coral);
      box-shadow: 0 0 0 1px var(--ppl-coral);
    }
    .media-library__thumb:focus-visible { outline: var(--app-focus); outline-offset: 2px; }
    .media-library__thumb img,
    .media-library__thumb video {
      height: 100%;
      object-fit: cover;
      pointer-events: none;
      width: 100%;
    }
    .media-library__thumb-label {
      background: rgba(21, 16, 15, 0.76);
      bottom: 0;
      color: var(--ppl-paper);
      font-family: var(--font-mono);
      font-size: 0.5625rem;
      left: 0;
      letter-spacing: 0.05em;
      overflow: hidden;
      padding: 4px 5px;
      position: absolute;
      text-overflow: ellipsis;
      text-transform: uppercase;
      white-space: nowrap;
      width: 100%;
    }
    .media-library__visibility {
      align-items: center;
      appearance: none;
      background: rgba(21, 16, 15, 0.84);
      border: 1px solid rgba(255, 255, 255, 0.28);
      border-radius: 999px;
      color: var(--ppl-paper);
      cursor: pointer;
      display: inline-flex;
      height: 36px;
      justify-content: center;
      padding: 0;
      position: absolute;
      right: var(--sp-3);
      top: var(--sp-3);
      transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
      width: 36px;
      z-index: 2;
    }
    .media-library__visibility:hover {
      background: var(--ppl-coral);
      border-color: var(--ppl-coral);
      transform: translateY(-1px);
    }
    .media-library__visibility:focus-visible { outline: var(--app-focus); outline-offset: 3px; }
    .media-library__visibility:disabled { cursor: wait; opacity: 0.56; }
    .media-library__visibility svg { height: 18px; width: 18px; }
    .media-library__visibility--thumb {
      height: 28px;
      right: 6px;
      top: 6px;
      width: 28px;
    }
    .media-library__visibility--thumb svg { height: 15px; width: 15px; }
    .media-library__thumb--slot {
      align-items: center;
      border-color: var(--app-line-strong);
      border-style: dashed;
      color: var(--app-text-3);
      display: flex;
      justify-content: center;
      text-decoration: none;
    }
    .media-library__thumb--slot:hover { border-color: var(--ppl-coral); color: var(--ppl-paper); }
    .media-library__thumb--slot .media-library__placeholder-guide {
      height: 48%;
      opacity: 0.72;
      width: 58%;
    }
    .media-library__thumb--slot:focus-visible { outline: var(--app-focus); outline-offset: 2px; }

    @media (min-width: 960px) {
      .media-library__visual.has-filmstrip {
        container-type: inline-size;
        display: grid;
        grid-template-columns: 156px minmax(0, 1fr);
        gap: var(--sp-4);
        margin: 0 auto;
        max-width: 760px;
      }
      .media-library__visual.has-filmstrip .media-library__featured {
        grid-column: 2;
        grid-row: 1;
        margin: 0;
        max-width: none;
        width: 100%;
      }
      .media-library__visual.has-filmstrip .media-library__filmstrip {
        align-items: stretch;
        align-self: stretch;
        flex-direction: column;
        grid-column: 1;
        grid-row: 1;
        height: calc(125cqw - 215px);
        gap: var(--sp-2);
        justify-content: flex-start;
        margin: 0;
        max-height: calc(125cqw - 215px);
        max-width: none;
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 2px 12px 2px 2px;
        -ms-overflow-style: none;
        scrollbar-width: none;
        width: 100%;
      }
      .media-library__visual.has-filmstrip .media-library__filmstrip::-webkit-scrollbar {
        display: none;
      }
      .media-library__visual.has-filmstrip .media-library__thumb {
        aspect-ratio: 4 / 5;
        height: auto;
        max-width: none;
        width: 100%;
      }
      .media-library__visual.has-filmstrip .media-library__thumb-wrap {
        aspect-ratio: 4 / 5;
        flex: 0 0 auto;
        height: auto;
        width: 100%;
      }
    }

    .media-library__set-picker {
      display: flex;
      flex-wrap: wrap;
      gap: var(--sp-2);
      margin: 0 0 var(--sp-3);
    }
    .media-library__set-picker button {
      appearance: none;
      background: transparent;
      border: 1px solid var(--app-line-strong);
      border-radius: var(--radius-pill);
      color: var(--app-text-2);
      cursor: pointer;
      font-family: var(--font-mono);
      font-size: 0.625rem;
      letter-spacing: 0.06em;
      padding: 7px 9px;
      text-transform: uppercase;
    }
    .media-library__set-picker button[aria-current="true"] {
      border-color: var(--app-verified-soft);
      color: var(--app-verified-soft);
    }
    .media-library__set-picker button:focus-visible { outline: var(--app-focus); outline-offset: 2px; }
    .media-library__manage {
      display: flex;
      flex-wrap: wrap;
      gap: var(--sp-2);
      margin-top: var(--sp-2);
    }
    .media-library__manage button {
      appearance: none;
      background: transparent;
      border: 1px solid var(--app-line-strong);
      border-radius: var(--radius-pill);
      color: var(--app-text-2);
      cursor: pointer;
      font-family: var(--font-mono);
      font-size: 0.625rem;
      letter-spacing: 0.06em;
      padding: 7px 9px;
      text-transform: uppercase;
    }
    .media-library__manage button:hover { color: var(--app-text); border-color: var(--app-text-3); }
    .media-library__manage button:focus-visible { outline: var(--app-focus); outline-offset: 2px; }
    .media-library__empty {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--sp-4);
      min-height: 320px;
      padding: clamp(var(--sp-6), 5vw, var(--sp-12));
      background:
        radial-gradient(65% 90% at 100% 0%, rgba(237, 99, 105, 0.26), transparent 68%),
        linear-gradient(135deg, var(--app-card-raised), var(--app-well));
    }
    .media-library__empty-collage {
      align-self: stretch;
      display: grid;
      gap: var(--sp-2);
      grid-template-columns: repeat(3, minmax(0, 1fr));
      max-width: 620px;
    }
    .media-library__empty-preview {
      aspect-ratio: 4 / 5;
      border: 1px solid var(--app-line);
      border-radius: var(--radius-md);
      margin: 0;
      overflow: hidden;
      position: relative;
    }
    .media-library__empty-preview:nth-child(2) { transform: translateY(var(--sp-3)); }
    .media-library__empty-preview img {
      display: block;
      filter: grayscale(0.2) saturate(0.82);
      height: 100%;
      object-fit: cover;
      opacity: 0.76;
      width: 100%;
    }
    .media-library__empty-preview::after {
      background: linear-gradient(180deg, transparent 45%, rgba(21, 16, 15, 0.38));
      content: "";
      inset: 0;
      position: absolute;
    }
    .media-library__empty-guide {
      align-items: center;
      align-self: stretch;
      background: var(--ppl-ink);
      border: 1px solid var(--app-line);
      border-radius: var(--radius-md);
      color: var(--app-text-3);
      display: flex;
      flex-direction: column;
      gap: var(--sp-2);
      justify-content: center;
      min-height: 130px;
      overflow: hidden;
    }
    .media-library__placeholder-guide {
      display: block;
      height: 72px;
      opacity: 0.72;
      width: 54px;
    }
    .media-library__empty-guide span {
      color: var(--ppl-paper);
      font-family: var(--font-mono);
      font-size: 0.625rem;
      letter-spacing: 0.1em;
      text-decoration: underline;
      text-underline-offset: 3px;
      text-transform: uppercase;
    }
    .media-library__empty .media-library__title { max-width: 16ch; }
    .media-library__image-unavailable {
      align-items: center;
      color: var(--app-text-2);
      display: flex;
      flex-direction: column;
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      gap: var(--sp-3);
      height: 100%;
      justify-content: center;
      letter-spacing: 0.05em;
      padding: var(--sp-5);
      text-align: center;
      text-transform: uppercase;
    }
    .media-library__image-unavailable .media-library__placeholder-guide {
      color: var(--app-text-3);
      height: 88px;
      width: 66px;
    }
    .media-library__image-unavailable button {
      background: transparent;
      border: none;
      color: var(--app-verified-soft);
      cursor: pointer;
      font: inherit;
      padding: 4px;
      text-decoration: underline;
      text-underline-offset: 3px;
    }
    .media-library__image-unavailable button:focus-visible { outline: var(--app-focus); outline-offset: 2px; }

    .earnings-payouts { padding: 0; overflow: hidden; }
    .earnings-payouts > .bento-card__head { padding: var(--sp-5) var(--sp-6); }
    .earnings-payouts__intro,
    .settings-area__intro {
      color: var(--app-text-2);
      font-size: 0.875rem;
      line-height: 1.5;
      margin: var(--sp-2) 0 0;
    }
    .earnings-payouts__grid {
      border-top: 1px solid var(--app-line);
      display: grid;
      grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    }
    .earnings-payouts__panel { min-width: 0; padding: var(--sp-5) var(--sp-6) var(--sp-6); }
    .earnings-payouts__panel + .earnings-payouts__panel { border-left: 1px solid var(--app-line); }
    .earnings-payouts__panel--payouts { background: color-mix(in srgb, var(--ppl-sage-soft) 18%, var(--app-card)); }

    .settings-area {
      grid-column: span 12;
      overflow: hidden;
      padding: 0;
    }
    .settings-area__summary {
      align-items: center;
      cursor: pointer;
      display: flex;
      gap: var(--sp-4);
      justify-content: space-between;
      list-style: none;
      padding: var(--sp-4) var(--sp-5);
    }
    .settings-area__summary::-webkit-details-marker { display: none; }
    .settings-area__summary:focus-visible { outline: var(--app-focus); outline-offset: -3px; }
    .settings-area__summary-copy { display: grid; gap: 3px; }
    .settings-area__eyebrow,
    .settings-area__toggle {
      color: var(--app-text-3);
      font-family: var(--font-mono);
      font-size: 0.625rem;
      letter-spacing: 0.07em;
      text-transform: uppercase;
    }
    .settings-area__title {
      color: var(--app-text);
      font-family: var(--font-serif);
      font-size: clamp(1.2rem, 1.05rem + 0.45vw, 1.5rem);
      font-weight: 500;
      letter-spacing: -0.03em;
      line-height: 1;
      margin: 0;
    }
    .settings-area__toggle { align-items: center; display: inline-flex; gap: var(--sp-2); }
    .settings-area__toggle::after {
      border-bottom: 1px solid currentColor;
      border-right: 1px solid currentColor;
      content: "";
      height: 6px;
      transform: rotate(45deg) translateY(-2px);
      transition: transform 160ms ease;
      width: 6px;
    }
    .settings-area[open] .settings-area__toggle::after { transform: rotate(225deg) translate(-1px, -1px); }
    .settings-area__toggle-hide { display: none; }
    .settings-area[open] .settings-area__toggle-show { display: none; }
    .settings-area[open] .settings-area__toggle-hide { display: inline; }
    .settings-area__content {
      border-top: 1px solid var(--app-line);
      padding: var(--sp-4) var(--sp-5) var(--sp-5);
    }
    .settings-area__intro { margin: 0; max-width: 58ch; }
    .settings-area__menu { display: flex; flex-wrap: wrap; gap: var(--sp-2); margin-top: var(--sp-3); }
    .settings-area__menu a {
      border: 1px solid var(--app-line-strong);
      border-radius: var(--radius-pill);
      color: var(--app-text-2);
      font-family: var(--font-mono);
      font-size: 0.625rem;
      letter-spacing: 0.06em;
      padding: 7px 9px;
      text-decoration: none;
      text-transform: uppercase;
    }
    .settings-area__menu a:hover { border-color: var(--ppl-coral); color: var(--app-text); }
    .settings-area__menu a:focus-visible { outline: var(--app-focus); outline-offset: 2px; }
    .settings-area__grid { display: grid; gap: var(--sp-3); grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: var(--sp-4); }
    .settings-area__grid > .bento-card { grid-column: auto; padding: var(--sp-4); }
    .settings-area__grid > .capture-studio-card { grid-column: 1 / -1; }
    .settings-area__grid > .contracts-card { grid-column: 1 / -1; }
    .settings-area__grid > .ledger-card { grid-column: 1 / -1; }
    .settings-area__grid > .policy-card { grid-column: 1 / -1; }
    .settings-area__grid > .account-card { grid-column: 1 / -1; }

    /* ---- Account lifecycle (2026-08-28): freeze + the delete danger zone -- */
    .account-block { border-top: 1px solid var(--app-line); margin-top: var(--sp-4); padding-top: var(--sp-4); }
    .account-block:first-child { border-top: 0; margin-top: 0; padding-top: 0; }
    .account-block h4 { color: var(--app-text); margin: 0 0 var(--sp-2); }
    .account-block p { color: var(--app-text-2); font-size: 0.875rem; line-height: 1.55; margin: 0 0 var(--sp-3); max-width: 62ch; }
    .account-block--danger { border-top-color: rgba(154, 59, 48, 0.55); }
    .account-block--danger h4 { color: var(--ppl-coral); }
    .account-block .btn:disabled { cursor: not-allowed; opacity: 0.45; }

    /* 2026-08-29 (founder review) — the danger zone: freeze + delete sit
       inside one coral-marked enclosure so both read as consequential. */
    .danger-zone {
      margin-top: var(--sp-5);
      padding: var(--sp-4);
      border: 1px solid rgba(237, 99, 105, 0.4);
      border-radius: 16px;
    }
    .danger-zone__label {
      font-family: var(--font-mono);
      font-size: 0.625rem;
      font-weight: 600;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--ppl-coral);
      margin: 0 0 var(--sp-3);
    }
    .danger-zone .account-block:first-of-type { border-top: 0; margin-top: 0; padding-top: 0; }

    /* Benchmark confirmation modal bits: acknowledgement rows + typed name.
       The confirm button starts disarmed — make that visibly so. */
    .modal__actions .btn:disabled { cursor: not-allowed; opacity: 0.45; }
    .danger-acks { display: flex; flex-direction: column; gap: 10px; margin: var(--sp-3) 0; }
    .danger-ack {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      font-size: 0.875rem;
      line-height: 1.5;
      color: var(--app-text-2);
      cursor: pointer;
    }
    .danger-ack input { margin-top: 3px; accent-color: var(--ppl-coral); flex-shrink: 0; }
    .danger-type {
      display: block;
      margin-top: var(--sp-3);
      font-size: 0.8125rem;
      color: var(--app-text-2);
    }
    .danger-type strong { color: var(--app-text); }
    .danger-type__input { width: 100%; margin-top: 8px; }
    .account-block__status {
      color: var(--app-text-3);
      font-family: var(--font-mono);
      font-size: 0.625rem;
      letter-spacing: 0.06em;
      margin-top: var(--sp-2);
      text-transform: uppercase;
    }
    .account-card__engagements {
      color: var(--app-text-2);
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      letter-spacing: 0.04em;
      margin: 0 0 var(--sp-3);
    }

    /* ---- Your ledger (2026-08-28): filters + the vertical timeline --------
       The G145 activity timeline (brand console, horizontal) turned vertical:
       one gradient rail, a dot per event — sage = recorded/verified, coral =
       the member's own act — date + plain-sentence title per row. */
    .ledger-filters { display: flex; flex-direction: column; gap: var(--sp-3); margin: var(--sp-3) 0 var(--sp-4); }
    .ledger-filters__cats { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
    .inbox-cat-chip {
      align-items: center;
      appearance: none;
      background: none;
      border: 1px solid var(--app-line-strong);
      border-radius: var(--radius-pill);
      color: var(--app-text-2);
      cursor: pointer;
      display: inline-flex;
      font-family: var(--font-mono);
      font-size: 0.625rem;
      font-weight: 600;
      gap: 6px;
      letter-spacing: 0.07em;
      min-height: 34px;
      padding: 6px 12px;
      text-transform: uppercase;
      transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
    }
    .inbox-cat-chip:hover { border-color: var(--ppl-coral); color: var(--app-text); }
    .inbox-cat-chip:focus-visible { outline: var(--app-focus); outline-offset: 2px; }
    .inbox-cat-chip.is-active { background: var(--ppl-paper); border-color: var(--ppl-paper); color: var(--ppl-ink); }
    .ledger-filters__row { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
    .ledger-filters__row select,
    .ledger-filters__row input[type="search"] {
      background: var(--app-well);
      border: 1px solid var(--app-line-strong);
      border-radius: var(--radius-md);
      color: var(--app-text);
      font-family: var(--font-sans);
      font-size: 0.8125rem;
      min-height: 38px;
      padding: 6px 10px;
    }
    .ledger-filters__row input[type="search"] { flex: 1 1 220px; min-width: 0; }
    .ledger-filters__row select:focus-visible,
    .ledger-filters__row input[type="search"]:focus-visible { outline: var(--app-focus); outline-offset: 2px; }
    /* 2026-08-28 — the ledger fits the screen: the timeline scrolls inside a
       viewport-height cap instead of stretching the page. */
    #ledger-timeline {
      max-height: clamp(320px, 58vh, 720px);
      overflow-y: auto;
      overscroll-behavior: contain;
      padding-right: var(--sp-2);
      scrollbar-width: thin;
    }
    .vtl {
      list-style: none;
      margin: 0;
      padding: var(--sp-2) 0 var(--sp-2) 22px;
      position: relative;
    }
    .vtl::before {
      background: linear-gradient(180deg, var(--ppl-sage-pop), var(--ppl-coral));
      border-radius: 1px;
      bottom: 8px;
      content: "";
      left: 5px;
      opacity: 0.55;
      position: absolute;
      top: 8px;
      width: 2px;
    }
    .vtl__item { padding: 0 0 var(--sp-4) var(--sp-2); position: relative; }
    .vtl__item:last-child { padding-bottom: 0; }
    .vtl__dot {
      background: var(--ppl-sage-pop);
      border-radius: 50%;
      box-shadow: 0 0 0 3px rgba(111, 183, 160, 0.22), 0 0 10px rgba(111, 183, 160, 0.5);
      height: 8px;
      left: -20px;
      position: absolute;
      top: 6px;
      width: 8px;
    }
    .vtl__dot--human {
      background: var(--ppl-coral);
      box-shadow: 0 0 0 3px rgba(237, 99, 105, 0.22), 0 0 10px rgba(237, 99, 105, 0.5);
    }
    .vtl__date {
      color: var(--app-text-3);
      font-family: var(--font-mono);
      font-size: 0.625rem;
      letter-spacing: 0.07em;
      text-transform: uppercase;
    }
    .vtl__title { color: var(--app-text); line-height: 1.45; margin: 2px 0 0; }
    .vtl__sub { color: var(--app-text-2); font-size: 0.8125rem; line-height: 1.5; margin: 2px 0 0; }
    .vtl__cat {
      color: var(--app-text-3);
      display: inline-block;
      font-family: var(--font-mono);
      font-size: 0.5625rem;
      letter-spacing: 0.09em;
      margin-top: 4px;
      text-transform: uppercase;
    }
    .ledger-card__foot { border-top: 1px solid var(--app-line); margin-top: var(--sp-4); padding-top: var(--sp-4); }
    .opportunities-card .bento-card__scroll--decisions { max-height: none; }
    .opportunities-card .empty-state { max-width: 62ch; }
    .settings-area__context {
      color: var(--app-text-3);
      font-family: var(--font-mono);
      font-size: 0.625rem;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }
    .refer-card { align-self: start; }

    @media (max-width: 720px) {
      .media-library__head { align-items: flex-start; flex-direction: column; }
      .media-library__live { text-align: left; }
      .media-library__layout {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "copy" "visual";
        gap: var(--sp-5);
        padding: var(--sp-5);
      }
      .media-library__title { font-size: clamp(2rem, 9vw, 2.8rem); }
      .media-library__featured {
        height: min(52vh, 420px);
        margin-left: 0;
        width: min(100%, 336px);
      }
      .media-library__copy { align-items: center; text-align: center; }
      .media-library__actions { justify-content: center; }
      .media-library__title { max-width: 12ch; }
      .media-library__filmstrip { margin-inline: auto; }
      .media-library__thumb-wrap { flex-basis: 62px; height: 78px; }
      .media-library__empty { align-items: center; text-align: center; }
      .media-library__empty-collage { max-width: 360px; }
      .earnings-payouts__grid,
      .settings-area__grid { grid-template-columns: minmax(0, 1fr); }
      .earnings-payouts__panel + .earnings-payouts__panel { border-left: 0; border-top: 1px solid var(--app-line); }
      .settings-area__summary { align-items: flex-start; }
    }


    .contract-row__hash {
      font-family: var(--font-mono);
      font-size: 0.625rem;
      letter-spacing: 0.06em;
      color: var(--app-text-3);
      margin-left: auto;
    }


    .contract-acks { margin-top: var(--sp-5); display: grid; gap: var(--sp-3); }
    .contract-acks__lead { font-size: 0.9375rem; margin: 0 0 2px; color: var(--app-text-2); }
    .contract-ack {
      display: grid; grid-template-columns: 20px 1fr; gap: 4px var(--sp-3);
      align-items: start; padding: var(--sp-4);
      border: 1px solid var(--ppl-cloud); border-radius: 10px;
      background: var(--ppl-bg-raised); cursor: pointer;
    }
    .contract-ack:has(.contract-ack-box:checked) {
      border-color: var(--ppl-sage-pop);
      background: color-mix(in srgb, var(--ppl-sage-soft) 22%, var(--ppl-bg-raised));
    }
    .contract-ack-box { margin-top: 3px; width: 16px; height: 16px; accent-color: var(--ppl-sage-pop); }
    .contract-ack__text { line-height: 1.5; }
    .contract-ack .contract-row__hash { grid-column: 2; margin-top: 2px; }


    .contract-row__next {
      font-size: 0.875rem;
      color: var(--app-text-2);
      margin-top: var(--sp-4);
    }
    .contract-row__next a { color: inherit; text-decoration: underline; }

    /* The project the contract covers (open_briefs.brand via 0187) — one line under the company. */
    .contract-row__project {
      margin-top: var(--sp-2);
      font-size: 0.875rem;
      color: var(--app-text-2);
    }


    .payouts-nudge {
      font-size: 0.875rem;
      line-height: 1.55;
      color: var(--app-text-2);
      border-left: 3px solid var(--app-human);
      padding-left: var(--sp-4);
      margin-bottom: var(--sp-5);
      max-width: 64ch;
    }


    .payouts-viz {
      display: flex;
      align-items: center;
      gap: var(--sp-6);
      flex-wrap: wrap;
    }

    .payouts-viz .viz-checklist { flex: 1; min-width: 220px; }

    .bento-card__scroll--grants { max-height: 340px; padding-top: 2px; }
    .bento-card__scroll--sub    { max-height: 300px; }



    .license-row__actions {
      display: flex;
      gap: var(--sp-3);
      flex-wrap: wrap;
      margin-top: var(--sp-4);
    }


    .viz-rowlead__feeline {
      display: flex;
      align-items: baseline;
      gap: var(--sp-2);
      margin-top: var(--sp-2);
    }

    .license-row__chips {
      display: flex;
      align-items: center;
      gap: var(--sp-2);
      flex-wrap: wrap;
      margin-top: var(--sp-3);
    }

    .viz-budget {
      display: flex;
      align-items: center;
      gap: var(--sp-2);
      margin-top: var(--sp-3);
    }

    .viz-budget__label {
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      letter-spacing: 0.06em;
      color: var(--app-text-2);
    }

    .viz-tile__band { color: var(--app-text-2); }
    .viz-tile__asof { color: var(--app-text-3); }

    .asset-brief__posted,
    .payouts-note,
    .refer-disclosure {
      font-size: 0.8125rem;
      color: var(--app-text-2);
      line-height: 1.55;
      margin-top: var(--sp-3);
      max-width: 60ch;
    }

    .profile-view__head {
      display: flex;
      align-items: center;
      gap: var(--sp-4);
    }

    .profile-view__id { display: flex; flex-direction: column; gap: var(--sp-1); min-width: 0; }

    .profile-view__meta {
      display: flex;
      align-items: center;
      gap: var(--sp-2);
      flex-wrap: wrap;
    }

    .profile-view__uses {
      display: flex;
      flex-wrap: wrap;
      gap: var(--sp-2);
    }


    .viz-usetype { display: inline-flex; }
    .viz-usetype svg { width: 12px; height: 12px; stroke: currentColor; fill: none;
      stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }


    .profile-avatar {
      width: 72px;
      height: 72px;
      border-radius: 22px;
      overflow: hidden;
      background: linear-gradient(150deg, var(--ppl-coral-wash) 0%, var(--ppl-coral) 100%);
      flex-shrink: 0;
    }

    .profile-avatar__img { width: 100%; height: 100%; object-fit: cover; }

    .profile-avatar .viz-logo__monogram { color: var(--ppl-ink); }

    .profile-handle {
      font-family: var(--font-serif);
      font-size: 1.375rem;
      font-weight: 500;
      letter-spacing: -0.01em;
      color: var(--app-text);
    }


    .bento-card__subhead {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: var(--sp-3);
      margin: var(--sp-6) 0 var(--sp-3);
    }

    .bento-card__titlerow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-width: 0;
    }

    .bento-card__subhead h3 {
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      font-weight: 500;
      letter-spacing: 0.10em;
      text-transform: uppercase;
      color: var(--app-text-3);
    }


    details.ledger-grant summary {
      cursor: pointer;
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      font-weight: 500;
      letter-spacing: 0.10em;
      text-transform: uppercase;
      color: var(--app-verified-soft);
      margin: var(--sp-3) 0 0;
    }

    details.ledger-grant summary:focus-visible { outline: var(--app-focus); outline-offset: 2px; }

    details.ledger-grant[open] summary { margin-bottom: var(--sp-2); }


    .bento-card__scroll--decisions { max-height: 560px; }

    .decision-bullets {
      list-style: none;
      margin: var(--sp-3) 0 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: var(--sp-1);
    }

    .decision-bullets li {
      position: relative;
      padding-left: var(--sp-5);
      font-size: 0.875rem;
      color: var(--app-text-2);
      line-height: 1.55;
    }


    .decision-bullets li::before {
      content: "";
      position: absolute;
      left: 4px;
      top: 0.58em;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--app-verified);
    }


    details.decision-more summary { list-style: none; }
    details.decision-more summary::-webkit-details-marker { display: none; }

    details.decision-more summary {
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: var(--sp-1);
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      font-weight: 600;
      letter-spacing: 0.10em;
      text-transform: uppercase;
      color: var(--app-verified-soft);
      background: var(--app-well);
      border: 1px solid var(--app-line);
      border-radius: var(--radius-pill);
      padding: var(--sp-1) var(--sp-3);
      margin: var(--sp-3) 0 0;
    }

    details.decision-more summary::after {
      content: "";
      width: 6px;
      height: 6px;
      border-right: 1.5px solid currentColor;
      border-bottom: 1.5px solid currentColor;
      transform: rotate(45deg);
      transition: transform 0.15s ease;
    }

    details.decision-more[open] summary::after { transform: rotate(-135deg); }

    details.decision-more summary:hover {
      border-color: var(--app-line-strong);
      background: var(--app-card-raised);
    }

    details.decision-more summary:focus-visible { outline: var(--app-focus); outline-offset: 2px; }

    details.decision-more[open] summary { margin-bottom: var(--sp-2); }

    .decision-more__body {
      display: flex;
      flex-direction: column;
      gap: var(--sp-3);
      padding: var(--sp-3) 0 var(--sp-1);
    }

    .decision-detail__grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
      gap: var(--sp-3) var(--sp-5);
    }


    .decision-thumb img, .decision-thumb video {
      display: block; max-width: 100%; max-height: 260px;
      border-radius: var(--radius-sm); margin: 0 auto var(--sp-2);
    }
    .piece-ledger { display: flex; flex-direction: column; gap: var(--sp-3); }
    .piece-row {
      display: flex; gap: var(--sp-3); align-items: flex-start;
      border: 1px solid var(--app-line); border-radius: var(--radius-md);
      padding: var(--sp-3); background: var(--app-card);
    }
    .piece-row__thumb {
      flex: 0 0 72px; width: 72px; height: 72px; overflow: hidden;
      border-radius: var(--radius-sm); background: var(--app-well);
    }
    .piece-row__thumb img, .piece-row__thumb video {
      width: 100%; height: 100%; object-fit: cover; display: block;
    }
    .piece-row__body { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
    .piece-row__lead { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
    .piece-row__title { font-weight: 600; font-size: 0.9375rem; color: var(--app-text); }
    .piece-row__meta {
      font-family: var(--font-mono); font-size: 0.6875rem; letter-spacing: 0.04em;
      color: var(--app-text-3);
    }
    .piece-row__note { font-size: 0.8125rem; color: var(--app-text-2); line-height: 1.5; }
    .piece-row__note a { color: var(--ppl-sage-pop); }

    .decision-detail__pair { display: flex; flex-direction: column; gap: 2px; min-width: 0; }

    .decision-detail__label {
      font-family: var(--font-mono);
      font-size: 0.625rem;
      font-weight: 500;
      letter-spacing: 0.10em;
      text-transform: uppercase;
      color: var(--app-text-3);
    }

    .decision-detail__value {
      font-size: 0.875rem;
      color: var(--app-text);
      line-height: 1.45;
      overflow-wrap: anywhere;
    }


    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: none;
      border-radius: var(--radius-pill);
      cursor: pointer;
      text-decoration: none;
      font-family: var(--font-sans);
      font-weight: 600;
      font-size: 0.875rem;
      letter-spacing: 0.02em;
      padding: 10px 22px;
      transition: background 0.15s ease, color 0.15s ease, opacity 0.15s ease;
      white-space: nowrap;
    }

    .btn--revoke, .btn--decline { font-size: 0.8125rem; padding: 8px 18px; }
    .btn--revoke:disabled, .btn--decline:disabled,
    .btn--interest:disabled, .btn--authorize:disabled { opacity: 0.5; cursor: not-allowed; }


    .modal {
      position: fixed;
      inset: 0;
      z-index: 60;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: var(--sp-5);
    }

    .modal[hidden] { display: none; }

    .modal__scrim {
      position: absolute;
      inset: 0;
      background: rgba(21, 16, 15, 0.62);
    }

    .modal__panel {
      position: relative;
      background: var(--app-card-raised, var(--ppl-ink));
      border: 1px solid var(--app-line-strong);
      border-radius: var(--radius-lg);
      width: min(640px, 100%);
      max-height: 85dvh;
      display: flex;
      flex-direction: column;
      box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);
    }

    .modal__panel:focus { outline: none; }

    .modal__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: var(--sp-4);
      padding: var(--sp-5) var(--sp-6) var(--sp-3);
    }

    .modal__title {
      font-family: var(--font-serif);
      font-size: 1.375rem;
      font-weight: 500;
      letter-spacing: -0.01em;
      color: var(--app-text);
    }

    .modal__close {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 32px;
      height: 32px;
      border: 1px solid var(--app-line);
      border-radius: 50%;
      background: transparent;
      color: var(--app-text-2);
      font-size: 1rem;
      line-height: 1;
      cursor: pointer;
      flex-shrink: 0;
    }

    .modal__close:hover { border-color: var(--app-line-strong); color: var(--app-text); }
    .modal__close:focus-visible { outline: var(--app-focus); outline-offset: 2px; }

    .modal__body {
      padding: 0 var(--sp-6);
      overflow-y: auto;
      overscroll-behavior: contain;
      font-size: 0.9375rem;
      color: var(--app-text-2);
      line-height: 1.6;
    }

    .modal__body > p { max-width: 60ch; }

    .modal__body .license-row { margin-top: var(--sp-3); }


    .modal__lede {
      font-size: 1rem;
      color: var(--app-text);
      margin: 0 0 var(--sp-4);
    }

    .activation-prompt__grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: var(--sp-5);
      margin-bottom: var(--sp-4);
    }

    .activation-prompt__label {
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: var(--app-text-2);
      margin: 0 0 var(--sp-2);
    }

    .activation-prompt__list {
      margin: 0;
      padding-left: 1.1em;
      display: flex;
      flex-direction: column;
      gap: var(--sp-2);
    }

    .activation-prompt__list li { color: var(--app-text); }

    .activation-prompt__hint {
      margin: var(--sp-3) 0 0;
      color: var(--app-text-2);
      font-size: 0.875rem;
    }

    .modal__actions {
      display: flex;
      justify-content: flex-end;
      gap: var(--sp-3);
      flex-wrap: wrap;
      padding: var(--sp-4) var(--sp-6) var(--sp-5);
    }


    .hero-stage {
      padding: 0;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      position: relative;
    }


    .cascading-hero { width: 100%; position: relative; display: flex; flex-direction: column; flex: 1; }

    .cascading-hero__collection { width: 100%; position: relative; flex: 1; display: flex; }

    .cascading-hero__list {
      --gap: 2px;
      width: 100%;
      flex: 1;

      min-height: 300px;
      position: relative;
      overflow: hidden;
    }

    .cascading-hero__item {
      --clip: 0;
      --radius: 0px;
      cursor: pointer;
      will-change: transform, clip-path;
      clip-path: inset(0px calc(var(--clip) * 1px) round var(--radius));
      -webkit-user-select: none;
      user-select: none;
      height: 100%;
      position: absolute;
      inset: 0% auto auto 0%;
    }

    .cascading-hero__item[data-status="active"] { cursor: default; }

    .cascading-hero__item-inner {
      width: 100%;
      height: 100%;
      position: relative;
      overflow: hidden;
      background: var(--app-well);
    }

    .cascading-hero__item-bg,
    .cascading-hero__item-bg img,
    .cascading-hero__item-bg video {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }


    .cascading-hero__item-inner::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(21, 16, 15, 0) 60%, rgba(21, 16, 15, 0.55) 100%);
      pointer-events: none;
    }


    .progressive-blur {
      z-index: 12;
      pointer-events: none;
      isolation: isolate;
      contain: paint;
      width: 100%;
      height: 15em;
      transform-style: preserve-3d;
      position: absolute;
      bottom: 0;
      left: 0;
      overflow: hidden;
      transform: translateZ(0);
    }

    .progressive-blur__layer {
      width: 100%;
      height: 100%;
      position: absolute;
    }

    .progressive-blur__layer.is--1 {
      -webkit-backdrop-filter: blur(.09375em);
      backdrop-filter: blur(.09375em);
      -webkit-mask: linear-gradient(#0000 50%, #000 62.5% 75%, #0000 87.5%);
      mask: linear-gradient(#0000 50%, #000 62.5% 75%, #0000 87.5%);
    }

    .progressive-blur__layer.is--2 {
      -webkit-backdrop-filter: blur(.1875em);
      backdrop-filter: blur(.1875em);
      -webkit-mask: linear-gradient(#0000 62.5%, #000 75% 87.5%, #0000 100%);
      mask: linear-gradient(#0000 62.5%, #000 75% 87.5%, #0000 100%);
    }

    .progressive-blur__layer.is--3 {
      -webkit-backdrop-filter: blur(.375em);
      backdrop-filter: blur(.375em);
      -webkit-mask: linear-gradient(#0000 75%, #000 87.5% 100%);
      mask: linear-gradient(#0000 75%, #000 87.5% 100%);
    }

    .progressive-blur__layer.is--4 {
      -webkit-backdrop-filter: blur(.75em);
      backdrop-filter: blur(.75em);
      -webkit-mask: linear-gradient(#0000 82%, #000 92% 100%);
      mask: linear-gradient(#0000 82%, #000 92% 100%);
    }

    .progressive-blur__layer.is--5 {
      -webkit-backdrop-filter: blur(1.5em);
      backdrop-filter: blur(1.5em);
      -webkit-mask: linear-gradient(#0000 88%, #000 100%);
      mask: linear-gradient(#0000 88%, #000 100%);
    }


    .cascading-hero--static .cascading-hero__list {
      display: flex;
      gap: 2px;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
    }
    .cascading-hero--static .cascading-hero__item {
      position: relative;
      inset: auto;
      flex: 0 0 72%;
      scroll-snap-align: center;
      clip-path: none;
    }


    .cascading-hero__overlay { position: absolute; inset: 0; pointer-events: none; z-index: 20; }
    .cascading-hero__overlay .mark-badge { pointer-events: auto; }

    .hero-stage__chip {
      position: absolute;
      top: var(--sp-4);
      left: var(--sp-4);
    }

    .app-dark .hero-stage__chip.chip--verified,
    .app-dark .hero-stage__chip.chip--muted {
      background: rgba(255, 255, 255, 0.88);
      color: var(--ppl-ink);
      border: none;
    }
    .app-dark .hero-stage__chip.chip--verified::before { background: var(--ppl-sage-pop); }

    .hero-stage__consent {
      position: absolute;
      top: var(--sp-4);
      right: var(--sp-4);
      background: rgba(21, 16, 15, 0.72);
      border-color: transparent;
    }

    .hero-stage__name {
      position: absolute;
      left: var(--sp-5);
      right: 116px;
      bottom: var(--sp-5);
      display: flex;
      flex-direction: column;
      gap: 2px;
      min-width: 0;
    }

    .hero-stage__handle {
      font-family: var(--font-serif);
      font-size: clamp(1.75rem, 1.2rem + 2.2vw, 2.75rem);
      font-weight: 500;
      letter-spacing: -0.015em;
      line-height: 1.05;
      color: var(--ppl-paper, #F2F2F0);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .hero-stage__meta {
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      font-weight: 500;
      letter-spacing: 0.10em;
      text-transform: uppercase;
      color: rgba(242, 242, 240, 0.75);
    }


    .mosaic-tile__remove {
      position: absolute;
      top: var(--sp-3);
      right: var(--sp-3);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 28px;
      height: 28px;
      border-radius: 50%;
      border: none;
      background: rgba(21, 16, 15, 0.72);
      color: var(--app-text);
      font-size: 0.8125rem;
      line-height: 1;
      cursor: pointer;
      z-index: 5;
    }

    .mosaic-tile__remove:hover { background: rgba(21, 16, 15, 0.9); }
    .mosaic-tile__remove:focus-visible { outline: var(--app-focus); outline-offset: 2px; }
    .mosaic-tile__remove:disabled { opacity: 0.5; cursor: not-allowed; }

    .cascading-hero__item:not([data-status="active"]) .mosaic-tile__remove { display: none; }
    .cascading-hero--static .mosaic-tile__remove { display: inline-flex; }

    .cascading-hero__nav {
      display: flex;
      align-items: center;
      gap: var(--sp-2);
      padding: var(--sp-3) var(--sp-4);
    }

    .cascading-hero__add { margin-left: auto; cursor: pointer; }
    .cascading-hero__add input[type="file"] { display: none; }


    .gallery-rail-wrap {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: var(--sp-3);
      padding: var(--sp-5) 0 var(--sp-4);
    }

    .gallery-rail__head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: var(--sp-4);
      padding: 0 var(--sp-5);
    }
    .gallery-rail__identity { display: flex; flex-direction: column; align-items: flex-start; gap: var(--sp-2); }


    .gallery-rail__head .hero-stage__chip,
    .gallery-rail__head .hero-stage__consent,
    .gallery-rail__head .hero-stage__name,
    .gallery-rail__head .mark-badge--float {
      position: static;
      inset: auto;
      right: auto; bottom: auto; left: auto; top: auto;
    }
    .gallery-rail__head .hero-stage__consent {
      background: var(--app-well);
      border-color: var(--app-line);
    }

    .gallery-rail__head .hero-stage__consent[hidden] { display: none; }
    .gallery-rail__head .hero-stage__name { flex-direction: column; gap: 2px; }
    .gallery-rail__head .mark-badge--float { flex: none; }

    .app-dark .gallery-rail__head .hero-stage__chip.chip--verified,
    .app-dark .gallery-rail__head .hero-stage__chip.chip--muted {
      background: var(--app-verified-fill);
      color: var(--app-verified-soft);
      border: 1px solid rgba(111, 183, 160, 0.34);
    }

    .gallery-rail__promise {
      margin: 0;
      padding: 0 var(--sp-5);
      max-width: 64ch;
      font-size: 0.875rem;
      line-height: 1.5;
      color: var(--app-text-2);
    }
    .gallery-rail__promise b { color: var(--app-text); font-weight: 600; }

    .gallery-rail__viewport { position: relative; }

    .gallery-rail {
      display: flex;
      gap: var(--sp-3);
      overflow-x: auto;
      scroll-behavior: smooth;
      scroll-snap-type: x mandatory;
      padding: 2px var(--sp-5) var(--sp-3);
      scrollbar-width: none;
    }
    .gallery-rail::-webkit-scrollbar { display: none; }
    .gallery-rail:focus-visible { outline: var(--app-focus); outline-offset: -2px; }

    .gallery-rail__nav {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 3;
      width: 38px; height: 38px;
      display: grid; place-items: center;
      border-radius: 50%;
      background: rgba(20, 14, 14, 0.86);
      border: 1px solid var(--app-line-strong);
      color: var(--app-text);
      cursor: pointer;
    }
    .gallery-rail__nav:hover { background: var(--ppl-paper); color: var(--ppl-ink); }
    .gallery-rail__nav:focus-visible { outline: var(--app-focus); outline-offset: 2px; }
    .gallery-rail__nav svg { width: 16px; height: 16px; }
    .gallery-rail__nav.is--prev { left: 8px; }
    .gallery-rail__nav.is--next { right: 8px; }
    .gallery-rail__nav[hidden] { display: none; }

    .gallery-rail__foot {
      display: flex;
      align-items: center;
      gap: var(--sp-3);
      padding: 0 var(--sp-5);
    }
    .gallery-rail__count {
      font-family: var(--ppl-font-mono);
      font-size: 0.6875rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--app-text-3);
    }
    .gallery-rail__add { margin-left: auto; cursor: pointer; }
    .gallery-rail__add input[type="file"] { display: none; }


    .gtile {
      position: relative;
      flex: 0 0 172px;
      height: 230px;
      scroll-snap-align: start;
      border-radius: var(--radius-md, 13px);
      overflow: hidden;
      background: var(--app-well);
      border: 1px solid var(--app-line);
      display: flex;
      align-items: flex-end;
      padding: 0;
      text-align: left;
      transition: transform 0.16s ease, border-color 0.16s ease;
    }
    .gtile:hover { border-color: var(--app-line-strong); transform: translateY(-2px); }
    .gtile--cover { flex-basis: 260px; }


    .gtile__media {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 50% 34%;
      display: block;
    }
    .gtile--hidden .gtile__media { filter: grayscale(0.85) brightness(0.55); }

    .gtile__foot {
      position: relative;
      width: 100%;
      padding: var(--sp-2) 10px;
      background: linear-gradient(to top, rgba(20, 14, 14, 0.92), rgba(20, 14, 14, 0));
      display: flex;
      align-items: center;
      gap: var(--sp-2);
      justify-content: space-between;
    }
    .gtile__label {
      font-family: var(--ppl-font-mono);
      font-size: 0.625rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--app-text-2);
      white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    }

    .gtile__flag {
      position: absolute;
      top: 9px; left: 9px; z-index: 2;
      display: inline-flex; align-items: center; gap: 5px;
      padding: 4px 9px;
      border-radius: var(--radius-pill, 9999px);
      background: rgba(20, 14, 14, 0.86);
      border: 1px solid var(--app-line-strong);
      font-family: var(--ppl-font-mono);
      font-size: 0.625rem;
      letter-spacing: 0.07em;
      text-transform: uppercase;
      color: var(--app-text-2);

      max-width: calc(100% - 46px);
      white-space: normal;
      line-height: 1.3;
      text-align: left;
    }
    .gtile__flag--cover {
      color: var(--app-verified-soft);
      border-color: rgba(111, 183, 160, 0.4);
      background: rgba(111, 183, 160, 0.18);
    }

    .gtile__eye {
      position: absolute;
      top: 9px; right: 9px; z-index: 2;
      width: 28px; height: 28px;
      display: grid; place-items: center;
      border-radius: 50%;
      background: rgba(20, 14, 14, 0.8);
      border: 1px solid var(--app-line);
      color: var(--app-text-2);
      cursor: pointer;
    }
    .gtile__eye:hover { color: var(--app-text); border-color: var(--app-line-strong); }
    .gtile__eye:focus-visible { outline: var(--app-focus); outline-offset: 2px; }
    .gtile__eye svg { width: 15px; height: 15px; }
    .gtile__eye[disabled] { opacity: 0.5; cursor: default; }

    .gtile__remove {
      position: absolute;
      top: 9px; right: 43px; z-index: 2;
      width: 28px; height: 28px;
      display: grid; place-items: center;
      border-radius: 50%;
      background: rgba(20, 14, 14, 0.8);
      border: 1px solid var(--app-line);
      color: var(--app-text-2);
      font-size: 13px; line-height: 1;
      cursor: pointer;
    }
    .gtile__remove:hover { color: var(--app-text); border-color: var(--app-line-strong); }
    .gtile__remove:focus-visible { outline: var(--app-focus); outline-offset: 2px; }


    .gtile--ghost {
      border-style: dashed;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: var(--sp-2);
      padding: var(--sp-3);
      text-decoration: none;
      cursor: pointer;
    }
    .gtile--ghost .gtile__guide { width: 56px; opacity: 0.34; }
    .gtile__ghostlabel {
      text-decoration: none;
      font-family: var(--ppl-font-mono);
      font-size: 0.625rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--app-text-3);
      text-align: center;
      line-height: 1.4;
    }
    .gtile--next {
      border-style: solid;
      border-color: var(--ppl-coral);
      background: rgba(237, 99, 105, 0.07);
    }
    .gtile--next .gtile__ghostlabel { color: var(--app-human-soft); }
    .gtile--next .gtile__guide { opacity: 0.6; }
    .gtile--add .gtile__plus { font-size: 26px; line-height: 1; color: var(--app-text-2); }

    @media (max-width: 720px) {
      .gtile { flex-basis: 140px; height: 196px; }
      .gtile--cover { flex-basis: 200px; }
      .gallery-rail__nav { display: none; }
    }


    .hero-stage__invitehost:empty { display: none; }

    .hero-invite {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      gap: var(--sp-4);
      min-height: 440px;
      padding: var(--sp-8);

      background:
        radial-gradient(75% 65% at 22% 14%, #EEF0F0 0%, transparent 58%),
        radial-gradient(85% 80% at 88% 92%, #F0A47F 0%, transparent 55%),
        radial-gradient(60% 60% at 62% 78%, #F5C6A6 0%, transparent 62%),
        radial-gradient(55% 55% at 78% 60%, #F19C96 0%, transparent 60%),
        linear-gradient(135deg, #F4F5F5 0%, #F8DED9 52%, #EEB199 100%);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
    }

    .hero-invite__title {
      font-family: var(--font-serif);
      font-size: clamp(1.75rem, 1.2rem + 2vw, 2.5rem);
      font-weight: 500;
      letter-spacing: -0.015em;
      color: var(--ppl-ink);
      max-width: 16ch;
      line-height: 1.1;
    }

    .hero-invite__sub {
      font-size: 0.9375rem;
      color: var(--ppl-ink);
      opacity: 0.82;
      max-width: 38ch;
      line-height: 1.5;
    }

    .hero-invite .btn { background: var(--ppl-ink); color: var(--ppl-paper); }


    .hero-invite--illustrated {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: var(--sp-7);
      align-items: center;
      min-height: 360px;
      position: relative;
      isolation: isolate;
      overflow: hidden;
    }
    .hero-invite__copy { position: relative; z-index: 3; }
    .hero-invite--illustrated .hero-invite__art { position: relative; z-index: 1; }


    .hero-invite__blur { position: absolute; left: 0; right: 0; bottom: 0; height: 52%; z-index: 2; pointer-events: none; }
    .hero-invite__blur > div { position: absolute; inset: 0; }
    .hib1 { backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);
      -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 20%); mask-image: linear-gradient(to bottom, transparent 0%, #000 20%); }
    .hib2 { backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
      -webkit-mask-image: linear-gradient(to bottom, transparent 20%, #000 46%); mask-image: linear-gradient(to bottom, transparent 20%, #000 46%); }
    .hib3 { backdrop-filter: blur(11px); -webkit-backdrop-filter: blur(11px);
      -webkit-mask-image: linear-gradient(to bottom, transparent 46%, #000 70%); mask-image: linear-gradient(to bottom, transparent 46%, #000 70%); }
    .hibtint { background: linear-gradient(to bottom, transparent 24%, rgba(255, 255, 255, 0.32) 70%, rgba(255, 255, 255, 0.55) 100%); }
    .hero-invite__copy {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--sp-4);
    }
    .hero-invite__art { width: clamp(190px, 24vw, 300px); margin-right: var(--sp-4); }
    .hero-invite__art img {
      display: block;
      width: 100%;
      height: auto;

      filter: drop-shadow(0 18px 30px rgba(40, 28, 28, 0.28));
    }
    .hero-invite__cta { padding: 14px 26px; font-size: 1rem; }
    @media (max-width: 640px) {
      .hero-invite--illustrated { grid-template-columns: minmax(0, 1fr); min-height: 0; }
      .hero-invite__art { width: 130px; margin: 0 auto; }
    }


    .hero-header-unicorn-wrap { position: absolute; inset: 0; overflow: hidden; background: var(--app-well, #1a1212); }
    .hero-header-unicorn { position: absolute; inset: 0; }
    .cascading-hero--empty .cascading-hero__nav [data-cascading-slider-prev],
    .cascading-hero--empty .cascading-hero__nav [data-cascading-slider-next] { display: none; }
    .hero-invite__ghost {
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--ppl-ink);
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    .mosaic-add-btn { background: var(--ppl-ink); color: var(--ppl-paper); cursor: pointer; }
    .mosaic-add-btn input[type="file"] { display: none; }

    @media (max-width: 959px) {
      .cascading-hero__list { height: 340px; }
      .hero-stage__name { right: 104px; }
    }


    @media (max-width: 959px) {
      .media-library         { order: 1; }
      #capture-banner        { order: 2; }
      #earnings-payouts-section { order: 3; }
      #decisions-section     { order: 4; }
      #verify-pending-banner { order: 5; }
      #contracts-section     { order: 6; }
      #settings-section      { order: 7; }
      #refer-section         { order: 8; }
    }


    .hero-tabs {
      display: flex;
      align-items: center;
      gap: var(--sp-2);
      padding: var(--sp-2) var(--sp-4);
      border-top: 1px solid var(--app-line);
      background: var(--app-card);
    }

    .hero-tabs__tab {
      appearance: none;
      background: transparent;
      border: none;
      border-radius: 999px;
      padding: 8px 14px;
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--app-text-3);
      cursor: pointer;
      transition: color 0.15s ease, background 0.15s ease;
    }

    .hero-tabs__tab:hover { color: var(--app-text); background: var(--app-well); }
    .hero-tabs__tab:focus-visible { outline: var(--app-focus); outline-offset: 2px; }

    .hero-tabs__tab[aria-selected="true"] {
      color: var(--ppl-ink);
      background: var(--ppl-paper);
    }

    .hero-tabs__count { opacity: 0.65; margin-left: 4px; }

    .hero-tabs__note {
      margin-left: auto;
      font-family: var(--font-mono);
      font-size: 0.625rem;
      letter-spacing: 0.06em;
      color: var(--app-text-3);
      white-space: nowrap;
    }


    .hero-tabs__studio-link {
      font-family: var(--font-mono);
      font-size: 0.625rem;
      letter-spacing: 0.06em;
      color: var(--app-text-3);
      white-space: nowrap;
      text-decoration: none;
    }
    .hero-tabs__studio-link:hover { color: var(--app-text); }
    .hero-tabs__note:not(:empty) + .hero-tabs__studio-link { margin-left: var(--sp-3); }
    .hero-tabs__note:empty + .hero-tabs__studio-link { margin-left: auto; }

    @media (max-width: 480px) {
      .hero-tabs__studio-link { display: none; }
    }


    .hero-pane {
      flex: 1;
      min-height: 300px;
      padding: var(--sp-5) var(--sp-5) var(--sp-4);
      overflow-y: auto;
      scrollbar-width: thin;
      scrollbar-color: var(--app-line-strong) transparent;
    }

    .hero-pane[hidden] { display: none; }

    .hero-pane__disclose {
      font-size: 0.75rem;
      color: var(--app-text-3);
      margin: 0 0 var(--sp-4);
      max-width: 70ch;
      line-height: 1.5;
    }

    .hero-pane__empty {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--sp-3);
      padding: var(--sp-5);
      background: var(--app-well);
      border: 1px solid var(--app-line);
      border-radius: 16px;
      max-width: 460px;
    }

    .hero-pane__empty p { margin: 0; font-size: 0.875rem; color: var(--app-text-2); }


    .seed-take {
      display: flex;
      align-items: center;
      gap: var(--sp-4);
      padding: 12px 14px;
      background: var(--app-well);
      border: 1px solid var(--app-line);
      border-radius: 14px;
      margin-bottom: 10px;
    }

    .seed-take audio { flex: 1 1 220px; min-width: 0; height: 36px; }

    .seed-take__meta {
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      letter-spacing: 0.05em;
      color: var(--app-text-3);
      white-space: nowrap;
    }


    .capture-banner {
      display: none;
      align-items: flex-start;
      gap: 14px;
      background: var(--app-human-fill);
      border: 1px solid rgba(237, 99, 105, 0.38);
      border-radius: 18px;
      padding: 16px 20px;
      margin-bottom: var(--sp-5);
    }

    .capture-banner.is-visible { display: flex; }
    .bento > .capture-banner { margin-bottom: 0; }

    .capture-banner__dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      flex-shrink: 0;
      margin-top: 7px;
      background: var(--ppl-coral);
    }

    .capture-banner__title { font-weight: 600; font-size: 0.9375rem; color: var(--app-text); margin: 0 0 2px; }
    .capture-banner__sub   { font-size: 0.8438rem; color: var(--app-text-2); margin: 0 0 10px; max-width: 70ch; }


    .capture-studio-card__sub {
      font-size: 0.8438rem; color: var(--app-text-2);
      margin: 0 0 var(--sp-4); max-width: 52ch;
    }
    .capture-studio-card__cta { align-self: flex-start; }
    .capture-banner__links { display: flex; flex-wrap: wrap; gap: 8px; }
    .capture-banner__links a { text-decoration: none; }


    .identity-card { display: flex; flex-direction: column; gap: var(--sp-4); }

    .identity-card__panel .bento-card__subhead { margin: 0 0 var(--sp-3); }

    .identity-card__footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: var(--sp-3);
      flex-wrap: wrap;
      margin-top: auto;
    }


    .mark-badge {
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
      width: fit-content;
      background: var(--app-well);
      border: 1px solid var(--app-line);
      border-radius: 16px;
      padding: 10px 14px;
      cursor: pointer;
    }

    .mark-badge:hover { border-color: var(--app-line-strong); background: var(--app-card-raised); }
    .mark-badge:focus-visible { outline: var(--app-focus); outline-offset: 2px; }


    .mark-badge--float {
      position: absolute;
      right: var(--sp-4);
      bottom: var(--sp-4);
      z-index: 3;
      background: rgba(21, 16, 15, 0.55);
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
      border-color: var(--app-line-strong);
    }
    .mark-badge--float:hover { background: rgba(21, 16, 15, 0.75); }

    .mark-badge__img {
      display: block;
      width: 64px;
      height: 64px;
      border-radius: 12px;
      object-fit: cover;

      background: linear-gradient(150deg, var(--ppl-coral-wash) 0%, var(--ppl-coral) 100%);
      transition: opacity 0.9s ease;
    }


    @media (max-width: 640px) {
      .mark-badge--float {
        right: var(--sp-3);
        bottom: var(--sp-3);
        padding: 12px 16px;
        background: rgba(21, 16, 15, 0.72);
      }
      .mark-badge--float .mark-badge__img { width: 84px; height: 84px; }
      .mark-badge--float .mark-badge__label { font-size: 0.6875rem; }
    }

    .mark-badge__label {
      font-family: var(--font-mono);
      font-size: 0.625rem;
      font-weight: 500;
      letter-spacing: 0.10em;
      text-transform: uppercase;
      color: var(--app-text-2);
    }


    .biocode-modal {
      display: flex;
      flex-direction: column;
      gap: var(--sp-4);
      align-items: flex-start;
      padding-bottom: var(--sp-2);
    }

    .biocode-tile.biocode-tile--modal {
      width: min(280px, 100%);
      height: auto;
      aspect-ratio: 1 / 1;
    }

    .biocode-tile {
      position: relative;
      flex-shrink: 0;
      width: 190px;
      height: 190px;
      border-radius: var(--radius-lg);
      background: linear-gradient(150deg, var(--ppl-coral-wash) 0%, var(--ppl-coral) 100%);
      overflow: hidden;
      transition: opacity 0.9s ease;
    }

    #biocode-canvas {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
    }

    .biocode-lockup {
      position: absolute;
      left: 8%;
      bottom: 7%;
      pointer-events: none;
    }


    .biocode-lockup .chip--verified {
      background: rgba(255, 255, 255, .85);
      color: var(--ppl-ink);
      border: none;
    }
    .biocode-lockup .chip--verified::before { background: var(--ppl-sage-pop); }
    .biocode-lockup .chip--muted {
      background: rgba(255, 255, 255, .85);
      color: var(--ppl-ink);
      border: none;
    }

    .biocode-meta__note {
      font-size: 0.8125rem;
      color: var(--app-text-2);
      line-height: 1.5;
      max-width: 44ch;
    }


    .voice-mark-tile {
      width: 190px;
      border-radius: var(--radius-md);
      overflow: hidden;
      background: var(--ppl-paper, #F2F2F0);
      border: 1px solid var(--app-line);
    }

    .voice-mark-tile__img { display: block; width: 100%; height: auto; }

    .voice-mark__label {
      display: block;
      margin-top: var(--sp-2);
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      letter-spacing: 0.10em;
      text-transform: uppercase;
      color: var(--app-text-3);
    }

    .voice-mark__empty {
      font-size: 0.8125rem;
      color: var(--app-text-2);
      line-height: 1.5;
      max-width: 28ch;
    }


    .biocode-expiry {
      font-family: var(--font-mono);
      font-size: 0.75rem;
      letter-spacing: 0.06em;
      color: var(--app-text-2);
      line-height: 1.6;
      max-width: 30ch;
    }

    .biocode-expiry:empty { display: none; }


    .demo-view { display: flex; flex-direction: column; gap: var(--sp-3); }

    .demo-view__chips { display: flex; flex-wrap: wrap; gap: var(--sp-2); }

    .demo-view__actions { display: flex; gap: var(--sp-3); flex-wrap: wrap; }



    .licenses-list, .decisions-list, .reach-list {
      display: flex;
      flex-direction: column;
      gap: var(--sp-3);
    }

    .license-row,
    .opportunity-row,
    .asset-brief {
      background: var(--app-well);
      border: 1px solid var(--app-line);
      border-radius: 18px;
      padding: var(--sp-5);
    }

    .license-row--revoked { opacity: 0.5; filter: grayscale(0.4); }
    .license-row--expired { opacity: 0.62; }
    .opportunity-row--interested { border-color: rgba(111, 183, 160, .45); }


    .license-row--cover {
      position: relative;
      overflow: hidden;
      padding: var(--sp-2);
      padding-top: 84px;
    }
    .license-row__cover {
      position: absolute; inset: 0; width: 100%; height: 100%;
      object-fit: cover; pointer-events: none;
    }

    .license-row--cover::before {
      content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
      background: linear-gradient(180deg, rgba(16,11,11,.10) 0%, rgba(16,11,11,.04) 32%, rgba(16,11,11,.34) 64%, rgba(16,11,11,.74) 100%);
    }

    .license-row__glass {
      position: relative; z-index: 2;

      background:
        radial-gradient(90px 90px at 40px calc(100% - 20px),
          color-mix(in srgb, var(--app-human) 38%, transparent) 0%,
          transparent 72%),
        rgba(16,11,11,.44);
      backdrop-filter: blur(18px) saturate(150%);
      -webkit-backdrop-filter: blur(18px) saturate(150%);
      border: 1px solid rgba(242,242,240,.16);
      border-top-color: rgba(242,242,240,.28);
      box-shadow: inset 0 1px 0 rgba(242,242,240,.08);
      border-radius: var(--radius-md);
      padding: var(--sp-4);
      overflow: hidden;
    }

    .license-row__header,
    .opportunity-row__header,
    .asset-brief__header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: var(--sp-4);
      gap: var(--sp-3);
      flex-wrap: wrap;
    }

    .license-row__meta,
    .opportunity-row__meta,
    .asset-brief__meta {
      display: flex;
      align-items: center;
      gap: var(--sp-3);
      flex-wrap: wrap;
    }

    .license-row__licensee,
    .opportunity-row__vertical,
    .asset-brief__brand {
      font-weight: 600;
      font-size: 0.9375rem;
      color: var(--app-text);
    }

    .license-row__details,
    .opportunity-row__details,
    .asset-brief__details {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
      gap: var(--sp-3) var(--sp-5);
    }

    .opportunity-row__details, .asset-brief__details { margin-bottom: var(--sp-4); }

    .detail-pair { display: flex; flex-direction: column; gap: var(--sp-1); }

    .detail-pair dt {
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      font-weight: 500;
      letter-spacing: 0.10em;
      text-transform: uppercase;
      color: var(--app-text-3);
    }

    .detail-pair dd {
      font-size: 0.875rem;
      color: var(--app-text);
      line-height: 1.45;
    }

    .detail-pair__earnings { color: var(--app-human-soft); font-weight: 500; }

    .earnings-placeholder {
      font-size: 0.75rem;
      color: var(--app-text-3);
      font-weight: 400;
      font-style: italic;
    }

    .earnings-live { font-size: 0.75rem; color: var(--app-verified-soft); font-weight: 500; }

    .license-row__revoked-note {
      margin-top: var(--sp-4);
      font-family: var(--font-mono);
      font-size: 0.75rem;
      color: var(--app-text-3);
      letter-spacing: 0.06em;
    }


    .ledger-grant__desc,
    .asset-brief__brieftext {
      position: relative;
      background: var(--app-well);
      border-radius: var(--radius-md);
      padding: var(--sp-4) var(--sp-5);
      margin: var(--sp-4) 0;
      --notch: 18px;
      -webkit-mask: radial-gradient(circle var(--notch) at calc(100% - 2px) 2px,
        transparent calc(var(--notch) - 1px), #000 var(--notch));
      mask: radial-gradient(circle var(--notch) at calc(100% - 2px) 2px,
        transparent calc(var(--notch) - 1px), #000 var(--notch));
    }

    .asset-brief__brieftext { margin-top: 0; margin-bottom: var(--sp-5); }

    .ledger-grant__desc-label,
    .asset-brief__brieftext-label {
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      font-weight: 500;
      letter-spacing: 0.10em;
      text-transform: uppercase;
      color: var(--app-verified-soft);
      margin-bottom: var(--sp-2);
    }

    .ledger-grant__desc-body,
    .asset-brief__brieftext-body {
      font-size: 0.9375rem;
      color: var(--app-text);
      line-height: 1.55;
    }

    .asset-brief__brieftext-body { white-space: pre-wrap; }

    .asset-brief__note {
      font-size: 0.8125rem;
      color: var(--app-human-soft);
      background: var(--app-human-fill);
      border-radius: var(--radius-md);
      padding: var(--sp-3) var(--sp-4);
      margin-bottom: var(--sp-5);
      line-height: 1.5;
    }

    .asset-brief__actions { display: flex; gap: var(--sp-3); flex-wrap: wrap; }

    .ledger-footnote {
      margin-top: var(--sp-3);
      font-family: var(--font-mono);
      font-size: 0.75rem;
      color: var(--app-text-3);
      letter-spacing: 0.04em;
      line-height: 1.6;
    }

    .ledger-footnote--verified { color: var(--app-verified-soft); }


    .earnings-detail { display: flex; flex-direction: column; gap: var(--sp-5); }


                    .reach-connect-form { display: flex; flex-direction: column; gap: var(--sp-3); width: 100%; }
    .reach-connect-form__row { display: flex; flex-direction: column; gap: var(--sp-1); }

    .reach-connect-form__label,
    .profile-form__label {
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      font-weight: 500;
      letter-spacing: 0.10em;
      text-transform: uppercase;
      color: var(--app-text-3);
    }

    .reach-connect-form__input,
    .profile-form__input {
      font-family: var(--font-sans);
      font-size: 0.9375rem;
      border-radius: var(--radius-md);
      border-width: 1.5px;
      border-style: solid;
      padding: 10px 14px;
      width: 100%;
    }

    .reach-connect-form__note {
      font-size: 0.8125rem;
      color: var(--app-text-2);
      line-height: 1.5;
      max-width: 60ch;
    }

    .reach-connect-form__actions { display: flex; gap: var(--sp-3); flex-wrap: wrap; }


    .profile-view,
    .industries-view,
    .profile-form {
      display: flex;
      flex-direction: column;
      gap: var(--sp-4);
      align-items: flex-start;
    }

    .profile-view__details {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
      gap: var(--sp-4) var(--sp-5);
      width: 100%;
    }

    .profile-view__blurb {
      font-size: 0.9375rem;
      color: var(--app-text);
      line-height: 1.6;
      background: var(--app-well);
      border-radius: var(--radius-md);
      padding: var(--sp-4) var(--sp-5);
      max-width: 60ch;
    }

    .industries-view__chips { display: flex; flex-wrap: wrap; gap: var(--sp-2); }

    .profile-form { width: 100%; }
    .profile-form__field { display: flex; flex-direction: column; gap: var(--sp-2); width: 100%; }
    .profile-form__fieldset { border: none; padding: 0; margin: 0; width: 100%; }

    .profile-form__hint {
      font-size: 0.8125rem;
      color: var(--app-text-2);
      line-height: 1.5;
      margin: var(--sp-1) 0 var(--sp-2);
      max-width: 56ch;
    }

    .profile-form__textarea { resize: vertical; line-height: 1.5; }

    .profile-form__checks { display: flex; flex-wrap: wrap; gap: var(--sp-3) var(--sp-5); }

    .profile-form__check {
      display: inline-flex;
      align-items: center;
      gap: var(--sp-2);
      font-size: 0.9375rem;
      color: var(--app-text);
      cursor: pointer;
    }

    .profile-form__check input {
      width: 16px;
      height: 16px;
      accent-color: var(--ppl-sage-pop);
      cursor: pointer;
    }

    .profile-form__check--listed {
      background: var(--app-well);
      border-radius: var(--radius-md);
      padding: var(--sp-4) var(--sp-5);
      line-height: 1.4;
    }

    .profile-form__actions { display: flex; gap: var(--sp-3); flex-wrap: wrap; }


    .refer-cols { display: grid; gap: var(--sp-5); grid-template-columns: minmax(0, 1fr); }
    .refer-cols__share, .refer-cols__funnel { min-width: 0; }
    @media (min-width: 960px) {
      .refer-cols {
        grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
        gap: var(--sp-8);
        align-items: start;
      }
      .refer-cols__share .refer-disclosure { margin-top: var(--sp-4); }
    }

    .refer-linkrow {
      display: flex;
      gap: var(--sp-3);
      align-items: stretch;
      flex-wrap: wrap;
      margin-bottom: var(--sp-4);
    }

    .refer-link {
      flex: 1 1 280px;
      min-width: 0;
      padding: 12px 16px;
      border: 1.5px solid var(--app-line-strong);
      border-radius: var(--radius-md);
      background: var(--app-well);
      color: var(--app-text);
      font-family: var(--font-mono);
      font-size: 0.8125rem;
      line-height: 1.4;
      overflow-x: auto;
      white-space: nowrap;
    }


    .sign-out-btn {
      background: none;
      border: 1px solid var(--app-line);
      border-radius: var(--radius-pill);
      cursor: pointer;
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      font-weight: 500;
      letter-spacing: 0.10em;
      text-transform: uppercase;
      color: var(--app-text-2);
      padding: 8px 16px;
      transition: color 0.15s ease, border-color 0.15s ease;
    }

    .sign-out-btn:hover { color: var(--app-text); border-color: var(--app-line-strong); }
    .sign-out-btn:focus-visible { outline: var(--app-focus); outline-offset: 2px; }


    .page-footer {
      margin-top: var(--sp-8);
      padding-top: var(--sp-6);
      border-top: 1px solid var(--app-line);
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: var(--sp-4);
    }

    .footer-note {
      font-family: var(--font-mono);
      font-size: 0.6875rem;
      color: var(--app-text-3);
      letter-spacing: 0.08em;
    }

    .footer-note a { color: var(--app-text-3); text-decoration: none; }
    .footer-note a:hover { color: var(--app-text); }


    .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;
    }

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

    .thr-cardmsg { display: flex; gap: 12px; align-items: flex-start; margin: 10px 0 4px; }
    .thr-cardmsg__thumb {
      width: 56px; height: 56px; border-radius: 10px; overflow: hidden; flex: none;
      background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.09);
    }
    .thr-cardmsg__thumb img, .thr-cardmsg__thumb video { width: 100%; height: 100%; object-fit: cover; display: block; }
    .thr-cardmsg__body { flex: 1; min-width: 0; }
    .thr-cardmsg__quote { font-size: .9rem; line-height: 1.5; margin: 0 0 6px; }
    .thr-file {
      display: inline-flex; align-items: center; gap: 7px;
      border: 1px solid rgba(255,255,255,.16); border-radius: 9px;
      background: none; color: inherit; font: inherit;
      padding: 5px 10px; font-size: .8rem; max-width: 100%; text-align: left;
    }
    button.thr-file { cursor: pointer; }
    button.thr-file:disabled { opacity: .55; cursor: progress; }
    .thr-file svg { width: 13px; height: 13px; flex: none; }
    .thr-file__size { font-family: var(--font-mono, monospace); font-size: .62rem; opacity: .65; }
    .thr-file__remove { background: none; border: none; color: inherit; opacity: .6; cursor: pointer; font-size: .7rem; padding: 2px; }
    .thr-drawer { position: fixed; inset: 0; z-index: 120; display: flex; align-items: flex-end; justify-content: center; }
    .thr-drawer__scrim { position: absolute; inset: 0; background: rgba(21,16,15,.86); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
    .thr-drawer__panel {
      position: relative; width: 100%; max-width: 640px; max-height: 92dvh;
      overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
      background: var(--panel, #2A1E1D); border: 1px solid rgba(255,255,255,.1);
      border-radius: 20px 20px 0 0; padding: 22px 20px 28px;
    }
    .thr-drawer__head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
    .thr-drawer__title { font-family: var(--font-serif, serif); font-size: 1.15rem; flex: 1; overflow-wrap: anywhere; }
    .thr-drawer__close { background: none; border: none; color: inherit; opacity: .6; font-size: 1rem; cursor: pointer; }
    .thr-drawer__media {
      border-radius: 12px; overflow: hidden; margin: 10px 0 14px;
      max-height: 200px; display: flex; justify-content: center; background: rgba(0,0,0,.25);
    }
    .thr-drawer__media img, .thr-drawer__media video { max-height: 200px; max-width: 100%; object-fit: contain; }
    .thr-bubble { border: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.03); border-radius: 12px; padding: 10px 12px; margin-bottom: 10px; }
    .thr-bubble--you { border-color: rgba(111,183,160,.35); }
    .thr-bubble__meta { display: flex; justify-content: space-between; gap: 10px; font-family: var(--font-mono, monospace); font-size: .62rem; opacity: .65; margin-bottom: 5px; letter-spacing: .04em; }
    .thr-bubble__body { font-size: .9rem; line-height: 1.5; overflow-wrap: anywhere; }
    .thr-ask { border: 1px solid rgba(237,99,105,.35); border-radius: 12px; padding: 12px; margin: 12px 0; }
    .thr-ask__label { font-family: var(--font-mono, monospace); font-size: .62rem; letter-spacing: .08em; text-transform: uppercase; opacity: .7; margin-bottom: 6px; }
    .thr-composer { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; }
    .thr-composer textarea {
      background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.12);
      border-radius: 10px; color: inherit; padding: 10px; min-height: 52px; font: inherit; font-size: .9rem;
    }
    .thr-composer__row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }

    .dropping-stack .license-row {
      position: relative;
      height: 360px;
      overflow: hidden;
    }
    .dropping-stack .license-row::after {
      content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 64px;
      background: linear-gradient(to top, var(--app-card-raised), transparent);
      pointer-events: none;
    }
    .dexp-btn {
      position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 3;
      width: 34px; height: 34px; border-radius: 50%;
      border: 1px solid var(--app-line); background: var(--app-well);
      color: var(--app-text-2); display: none; align-items: center;
      justify-content: center; cursor: pointer;
    }

    .dropping-stack .dexp-btn { display: inline-flex; }
    .dropping-stack .license-row__header { padding-right: 44px; position: relative; }
    .dexp-btn:hover { border-color: var(--app-line-strong); color: var(--app-text); }
    .dexp-btn svg { width: 15px; height: 15px; }
    .license-row__header .viz-rowlead { min-width: 0; }
    .dexp { position: fixed; inset: 0; z-index: 130; }
    .dexp__scrim {
      position: absolute; inset: 0; background: rgba(21, 16, 15, .86);
      backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
      opacity: 0; transition: opacity .35s ease;
    }
    .dexp.is-open .dexp__scrim { opacity: 1; }
    .dexp__panel {
      position: absolute; background: var(--app-card-raised);
      border: 1px solid var(--app-line); border-radius: 18px; overflow: hidden;
      transition: top .45s cubic-bezier(.22, .61, .36, 1), left .45s cubic-bezier(.22, .61, .36, 1),
                  width .45s cubic-bezier(.22, .61, .36, 1), height .45s cubic-bezier(.22, .61, .36, 1);
    }
    .dexp__scrollbox {
      height: 100%; overflow-y: auto; overscroll-behavior: contain;
      -webkit-overflow-scrolling: touch; padding: 6px;
    }

    .dexp__panel .license-row { height: auto; overflow: visible; }
    .dexp__panel .license-row::after { display: none; }
    .dexp__close {
      position: absolute; top: 12px; right: 12px; z-index: 2;
      background: var(--app-well); border: 1px solid var(--app-line);
      border-radius: 50%; width: 32px; height: 32px; color: var(--app-text-2);
      cursor: pointer; font-size: .8rem; line-height: 1;
    }
    .dexp__close:hover { color: var(--app-text); border-color: var(--app-line-strong); }
    @media (prefers-reduced-motion: reduce) {
      .dexp__panel, .dexp__scrim { transition: none; }
    }

    .settings-page__bento {
      padding-top: var(--sp-5);
    }

    .settings-page__head {
      display: grid;
      gap: 5px;
      padding: var(--sp-5) var(--sp-5) var(--sp-4);
    }

    .settings-page__head .settings-area__title {
      font-size: clamp(1.75rem, 1.4rem + 1vw, 2.4rem);
      line-height: 1.08;
    }

    .settings-page .settings-area__content {
      border-top: 1px solid var(--app-line);
    }

    #identity-section,
    #license-prefs-section,
    #capture-studio-section,
    #contracts-section,
    #ledger-section,
    #policy-section,
    #account-section {
      scroll-margin-top: 96px;
    }

    @media (max-width: 640px) {
      .settings-page__bento {
        padding-top: var(--sp-3);
      }

      .settings-page__head,
      .settings-page .settings-area__content {
        padding-inline: var(--sp-4);
      }
    }