/* Shared member UI scale. The approved masthead and card composition stay intact. */
:root {
  --type-section:18px; --type-card:16px; --type-body:14px;
  --type-label:12px; --type-action:13px; --type-note:11px;
  --ui-plum:#774361; --ui-plum-soft:#f4e5ee; --ui-line:#dcb9cd;
  --ui-text:#352432; --ui-muted:#765367; --ui-surface:#fffafd;
}
:root:lang(zh-Hant) {
  --sans:"Inter","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;
  --title:var(--sans); --mono:"Inter",system-ui,sans-serif;
}
:root:lang(en) {--sans:"Inter","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;--title:var(--sans)}
bdi:lang(ko),[lang=ko] {font-family:"Inter","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif}
bdi:lang(ja),[lang=ja] {font-family:"Inter","Hiragino Kaku Gothic ProN","Yu Gothic UI","Noto Sans JP",sans-serif}
#app .hm-section-head h1,#app .hm-section-head h2,#app .hm-funding .sec-head h2,
#app .account-section:not(.account-tracking)>.account-section-head h2,#app .er-section-head h2,#app .er-empty h2,
#app .sec-head h2 {font:700 var(--type-section)/1.4 var(--sans);letter-spacing:0}
#app .hm-section-head,#app .account-section:not(.account-tracking)>.account-section-head {gap:12px;margin-bottom:12px;align-items:center}
#app .hm-section-head {flex-wrap:wrap}
#app .bar.sub h1 {font-size:20px}
#app .hm-project-copy>strong,#app .ct-card-title,
#app .catalog-title strong,#app .following-list .film {font-size:var(--type-card);line-height:1.4;font-weight:650}
#app .hm-project-copy>strong,#app .ct-card-title,#app .following-list .film {
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;overflow-wrap:anywhere
}
#app .home-page .hm-hero-copy h2 {font-size:26px;line-height:1.2}
#app .hm-hero-platform,#app .hm-hero-bottom>span {font-size:12px}
#app .hm-slide-counter,#app .hm-cadence {font-size:12px}
#app .hm-project-brand,#app .hm-project-bottom .hm-project-meta,#app .ct-tags,
#app .catalog-release,#app .catalog-summary,#app .catalog-platform-heading p {font-size:12px;line-height:1.6}
#app .hm-project-bottom {flex-wrap:wrap;align-items:center}
#app .hm-project-bottom .hm-project-details {margin-left:auto}
#app .catalog-description,#app .ct-brief,#app .pc-empty p {font-size:14px;line-height:1.6}
#app .catalog-watch {font-size:12px;white-space:nowrap}
#app .pcard .stage,#app .pcard .pill,#app .pcard .foot {font-size:12px;line-height:1.5}
#app .pcard .foot {flex-wrap:wrap;gap:4px 8px}
#app .catalog-source-line,#app .currency-note,#app .ufc-preview-note {font-size:11px;line-height:1.6;color:var(--ui-muted)}
#app .account-record-label small,
#app .account-footer {font-size:12px;line-height:1.5}
#app .account-project-info {min-width:0}
#app .account-record-label b {font-size:14px}
#app .account-record-amount {font-size:14px;white-space:nowrap}
#app .account-record-label {min-width:0}
#app .account-footer {gap:12px;flex-wrap:wrap}
#app .following-list .prow {column-gap:8px;row-gap:10px}
#app .following-list .info {min-width:0}
#app .following-list .info p {font-size:12px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
#app .following-list .icon-btn {width:44px;height:44px}
#app .following-list .stage-tag {font-size:12px}
#app #profile-form label,#app #profile-form legend {font-size:14px}
#app #profile-form input,#app #profile-form textarea {font-size:16px}
#app #profile-form .sub,#app #profile-form small {font-size:12px}

/* Destination controls share a hierarchy, not a separate style for every link. */
#app .uf-nav-button:where(:not(.r48-action)) {min-height:44px;padding:9px 12px;gap:7px;border-radius:12px;border:1px solid var(--ui-line);background:var(--ui-surface);color:var(--ui-plum);font:600 13px/1.45 var(--sans);box-shadow:none}
#app .uf-nav-button:where(:not(.r48-action)) .uf-nav-art {width:22px;height:22px;flex:none}
#app .uf-nav-button:where(:not(.r48-action)) .uf-nav-art-svg {padding:2px;background:#f5e6ef;border-radius:6px;stroke:currentColor}
#app .uf-nav-button:where(:not(.r48-action)) .uf-nav-heart {padding:1px;color:#bd3f77;background:transparent;stroke:none}
#app .uf-nav-button:where(:not(.r48-action)) .uf-nav-arrow {width:16px;height:16px}
#app .uf-nav-button:where(:not(.r48-action))[data-nav-level=compact] {min-height:44px;padding:7px 9px;font-size:12px;gap:5px;border-radius:10px;background:#fff4fa}
#app .uf-nav-button:where(:not(.r48-action))[data-nav-level=compact] .uf-nav-art {width:20px;height:20px}
#app .uf-nav-button:where(:not(.r48-action))[data-nav-level=primary] {min-height:48px;background:#774361;border-color:#774361;color:#fff;font-size:15px}
#app .uf-nav-button:where(:not(.r48-action))[data-nav-kind=follow] {color:#96365e;background:#fff2f8;border-color:#dbabc4}
#app .uf-nav-button:where(:not(.r48-action))[data-nav-kind=watch] {background:#fff0e8;border-color:#e8c5b9;color:#824738}
#app .uf-nav-button:where(:not(.r48-action))[data-nav-kind=records],#app .uf-nav-button:where(:not(.r48-action))[data-nav-kind=earnings],
#app .uf-nav-button:where(:not(.r48-action))[data-nav-kind=security],#app .uf-nav-button:where(:not(.r48-action))[data-nav-kind=profile],
#app .uf-nav-button:where(:not(.r48-action))[data-nav-kind=charts] {background:var(--ui-surface);border-color:var(--ui-line);color:var(--ui-plum)}
#app .uf-nav-setting:where(:not(.r48-action)) {justify-content:flex-start;min-height:68px;padding:12px 14px;background:var(--ui-surface)}
#app .uf-nav-setting:where(:not(.r48-action)) .uf-nav-art {width:28px;height:28px}
#app .uf-nav-setting:where(:not(.r48-action)) .uf-nav-art-svg {padding:4px}
#app .uf-nav-setting:where(:not(.r48-action)) b {font:650 15px/1.4 var(--sans);color:var(--ui-text)}
#app .uf-nav-setting:where(:not(.r48-action)) small {font:400 12px/1.5 var(--sans);color:var(--ui-muted);margin-top:4px}
#app .account-wallet-meta>.uf-nav-button:where(:not(.r48-action)) {min-height:44px;padding:8px 10px;font-size:12px;background:#fff5fc12;color:#f9ddeb;border-color:#a5829b}
#app .account-wallet-meta>.uf-nav-button:where(:not(.r48-action)) .uf-nav-art-svg {background:#fff2f918}
#app .er-story-button.uf-nav-button:where(:not(.r48-action)) {min-height:44px;font-size:12px;white-space:normal;text-align:center;margin-left:auto}
#app .hm-project-details.uf-nav-button:where(:not(.r48-action)) {min-height:44px;font-size:12px}
#app .ufc-button--story.uf-nav-button:where(:not(.r48-action)) {min-height:48px;font-size:13px}
#app .uf-nav-button:where(:not(.r48-action)):hover {background:#f4e5ee;border-color:#b87c9d}
#app .uf-nav-button:where(:not(.r48-action))[data-nav-level=primary]:hover {background:#60354d;color:#fff}
#app .account-wallet-meta>.uf-nav-button:where(:not(.r48-action)):hover {background:#fff5fc25}
#app .uf-nav-button:where(:not(.r48-action)):active {transform:translateY(1px)}
#app .uf-nav-button:where(:not(.r48-action)):focus-visible,#app button:focus-visible,#app a:focus-visible {outline:2px solid #9b4f78;outline-offset:3px}
#app button:disabled {opacity:.55;cursor:not-allowed}
#app .uf-nav-button:where(:not(.r48-action))[data-nav-level=compact] {position:relative;isolation:isolate;background:transparent;border-color:transparent}
#app .uf-nav-button:where(:not(.r48-action))[data-nav-level=compact]::before {content:"";position:absolute;inset:3px 0;border:1px solid var(--ui-line);border-radius:10px;background:#fff4fa;z-index:-1;pointer-events:none}
#app .uf-nav-button:where(:not(.r48-action))[data-nav-level=compact]:hover::before {background:#f4e5ee;border-color:#b87c9d}

/* The current tab remains identifiable beside the raised New artwork. */
.tabbar a {position:relative;border-radius:12px;isolation:isolate}
.tabbar a:not(.tab-new)[aria-current=page] {background:#f4ddeb;color:#61334d;font-weight:750}
.tabbar a[aria-current=page]::after {content:"";position:absolute;bottom:2px;left:calc(50% - 12px);width:24px;height:3px;border-radius:3px;background:#774361}
.tabbar a[data-tab] {font-size:11px}
.tab-new-icon b {font-size:11px;line-height:1.2;padding:2px 5px}
.tab-new-icon b[hidden] {display:none}
.tabbar a:focus-visible {outline:2px solid #774361;outline-offset:-2px}

/* Earnings: same card hierarchy, readable labels and a stable section switch. */
.er-label,.er-metrics small,.er-legend,.er-section-head p,.er-work-profit>small,.er-status,.er-release-status {font-size:12px;line-height:1.5}
.er-hero>span {font-size:13px}
.er-metrics b,.er-work .er-metrics b {font-size:17px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.er-work-name>strong {font-size:16px;line-height:1.4}
.er-work-profit>b {font-size:18px}
.er-work-head {gap:8px 10px;grid-template-areas:"poster name profit" "meta meta meta"}
#app .er-work-meta {flex-wrap:nowrap;min-width:0}
#app .er-story-button.uf-nav-button {white-space:nowrap;flex-shrink:0}
.er-legend {gap:6px 12px}
.er-tabs {margin:20px 18px 0;padding:5px;border:1px solid #e4c6d7;border-radius:12px;background:#fff7fb}
.er-tabs button {min-height:44px;font-size:13px;gap:4px;flex-wrap:wrap;padding:8px 5px}
.er-tabs button>span {font-size:11px}
.er-tabs button[aria-pressed=true] {background:#774361;border-color:#774361;color:#fff}
.er-tabs+.er-positions {margin-top:24px}
.er-sample-note {font-size:11px}
.er-empty p {font-size:14px}
.er-work-profit.is-negative,.er-hero.is-negative {color:#b43b59}

/* Discovery and fundraising: preserve the approved ticket composition. */
#app .pc-platforms {gap:8px}
#app .pc-platforms b,#app .platform-picker .platform-copy b {font-size:12px;white-space:normal;overflow-wrap:normal}
#app .pc-platforms small,#app .pc-stage-tabs small,#app .pc-filter-hint {font-size:12px}
#app .pc-platform-name {min-width:0}
#app .pc-platforms>a {padding:10px 5px;min-height:64px}
#app .pc-platform-name .hm-platform-mark {width:22px;height:22px}
#app .pc-stage-tabs>a {font-size:13px;min-height:44px;gap:4px;flex-wrap:wrap;padding:8px 4px}
#app .pc-clear {min-height:44px;font-size:13px}
#app .pc-genre-picker>summary,#app .pc-genres button {min-height:44px;font-size:13px}
#app .pc-result-count {font-size:12px}
#app .pc-box {font-size:14px}
#app .pc-box h2 {font-size:18px}
/* Fundraising cards: the user chose r48 for the stage label, counters and the whole funding panel,
   so these r50 overrides apply to released cards only (funding-cards.css keeps the r48 look). */
#app .ufc-card:where(.ufc-card--released) {background:#fff6fa}
#app :where(.ufc-card--released) .ufc-stage {background:#f5e8f0;color:#62394f;font-size:12px}
#app .ufc-card--released .ufc-stage {background:#f6edf2;color:#503745}
#app .ufc-tags,#app .ufc-platform {font-size:12px}
#app .ufc-brief {font-size:14px;line-height:1.6}
#app :where(.ufc-card--released) .ufc-stat {min-height:40px;min-width:44px;background:#fffafd;color:#774361;border-color:#dbc0d1}
#app :where(.ufc-card--released) .ufc-stat b {font-size:12px}
#app :where(.ufc-card--released) .ufc-stat svg {width:16px;height:16px}
#app .ufc-button {min-height:48px;font-size:13px}
#app .ufc-actions {gap:10px}
#app .ufc-release-label,#app .ufc-release-date small {font-size:12px}
.ufc-full-story {font-size:15px;line-height:1.7}
.ufc-drawer-facts dt,.ufc-drawer-note,.ufc-demo-note {font-size:12px}
.ufc-drawer-facts dd {font-size:14px}
#app .track.funding i {background:#8b526f}
#app .pill.funding,#app .stage-tag.funding,#app .stage.funding {color:#774361;background:#f4e5ee}
#app .stage.funding::before {background:#8b526f}

/* Opt-in comparison only: original platform grids are retained inside a disclosure. */
.ui-filter-bar {display:flex;gap:8px;align-items:flex-start;margin:12px 0;position:relative;flex-wrap:wrap}
.ui-platform-picker {flex:1;min-width:0;position:relative}
.ui-platform-picker>summary {display:flex;align-items:center;gap:7px;list-style:none;min-height:44px;padding:10px;border:1px solid #dcb9cd;border-radius:12px;background:#fff7fb;color:#60374f;font:600 13px/1.5 var(--sans);cursor:pointer}
.ui-platform-picker>summary::-webkit-details-marker {display:none}
.ui-platform-picker>summary::after {content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 3px 3px auto;flex:none}
.ui-platform-picker[open]>summary::after {transform:rotate(225deg);margin-top:5px}
.ui-platform-picker>summary .ui-platform-label {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-platform-picker>summary img {width:20px;height:20px;object-fit:contain}
.ui-platform-panel {margin-top:8px;padding:10px;border:1px solid #e4c5d7;border-radius:12px;background:#fff7fb}
.ui-platform-panel .pc-filter-head {margin:0 0 8px}
.ui-filter-bar>.pc-genres-control {margin:0;flex:0 0 auto;max-width:46%}
#app .ui-filter-bar .pc-filter-hint {display:none}
#app .ui-filter-bar .pc-genre-picker {margin:0;max-width:none}
#app .ui-filter-bar .pc-genre-picker>summary {width:100%;min-width:98px;max-width:none;white-space:nowrap;padding:10px 12px;gap:8px}
.ui-filter-bar>.pc-clear {padding-inline:8px;flex:none}
.ui-filter-bar:has(.ui-platform-picker[open]) .ui-platform-picker {flex-basis:100%}
.ui-filter-bar:has(.pc-genre-picker[open])>.pc-genres-control {flex-basis:100%;max-width:100%}
.ui-filter-bar .pc-genres {max-width:100%}
.ui-compact-filters .pc-search {margin-bottom:12px}
.ui-compact-filters .pc-stage-tabs {margin-top:12px;margin-bottom:12px}
.ui-compact-filters .pc-result-count {margin:8px 0}
.ui-compact-filters .ufc-preview-note {margin:4px 0 12px}
.ui-compact-filters .ui-platform-panel .rd-plats {margin:0;padding:0}
.ui-compact-filters .catalog-panel {margin-top:14px}

@media(max-width:370px) {
  #app .home-page .hm-hero-copy h2 {font-size:24px}
  .er-hero>strong {font-size:30px}
  .er-hero>span {font-size:13px}
  .er-metrics b,.er-work .er-metrics b {font-size:16px}
  .er-metrics small,.er-legend,.er-work-profit>small {font-size:12px}
  .er-work-head {grid-template-columns:38px minmax(0,1fr);grid-template-areas:"poster name" "profit profit" "meta meta"}
  .er-work-profit {flex-direction:row;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
  .er-work-profit>b {font-size:18px}
  .er-work-name>strong {font-size:16px}
  #app .pc-platform-name {flex-direction:column;gap:4px}
  #app .pc-platforms b {font-size:12px}
  #app .following-list .prow {grid-template-columns:44px minmax(0,1fr) 44px!important}
  #app .following-list .prow>.icon-btn:last-child {grid-column:3;grid-row:2}
  #app .following-list .prow>.info {grid-column:2;grid-row:1 / span 2}
  #app .following-list .prow>a:first-child {grid-row:1 / span 2}
  #app .ufc-copy {padding:16px 14px 22px}
  #app .ufc-copy h3 {font-size:24px}
}
@media(prefers-reduced-motion:reduce){#app .uf-nav-button:where(:not(.r48-action)){transition:none;transform:none}}

/* User-selected r48 regions: records, identity, wallet, shortcuts, tracking and secondary menu. */
#app .r48-baseline {
  --sans:"Inter","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;
  --title:"Inter","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  font-family:var(--sans);
}
#app .account-wallet .account-balance {font-weight:700}
#app .account-wallet .account-balance-label {margin-top:0}
#app .account-wallet .account-balance-label,
#app .account-wallet .account-balance-label span,
#app .account-wallet .account-wallet-meta {font-size:14px;line-height:1.5}
/* r75: count-bearing navigation follows Discover's quiet corner badges. */
#app .ui-count-corner {position:relative;overflow:visible}
#app .ui-count-corner>.ui-count-badge:not([hidden]) {
  position:absolute;z-index:1;top:-6px;right:-3px;display:grid;place-items:center;
  box-sizing:border-box;min-width:22px;width:auto;height:20px;margin:0;padding:0 5px;
  border:1px solid #dbb8cd;border-radius:10px;background:#f7e7f0;color:#70455e;
  box-shadow:0 1px 2px #70455e0d;font:600 11px/18px var(--sans);
  font-variant-numeric:tabular-nums;white-space:nowrap;opacity:1;pointer-events:none;
}
#app .ui-count-corner[aria-pressed=true]>.ui-count-badge,
#app .ui-count-corner[aria-current=location]>.ui-count-badge,
#app .account-settings>.ui-count-corner>.account-unread {
  background:#774361;border-color:#774361;color:#fff7fb;
}
#app .account-shortcuts>a.ui-count-corner {
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:6px;min-height:66px;padding:10px 3px;box-sizing:border-box;
}
#app .account-shortcuts .account-shortcut-top {margin:0;line-height:1}
#app .account-shortcuts .account-shortcut-top svg {width:22px;height:22px}
#app .account-shortcuts .account-shortcut-label {
  display:block;max-width:100%;margin:0;font:500 12px/16px var(--sans);
  color:var(--ink-2);white-space:nowrap;
}
#app .er-tabs {gap:8px;padding:9px 8px 7px}
#app .er-tabs>.ui-count-corner {flex-wrap:nowrap;white-space:nowrap}
#app .pref-index {gap:12px 8px;padding:12px 9px 9px}
#app .pref-index>.ui-count-corner {justify-content:center;padding:8px 3px;min-height:42px}
#app .pref-index>.ui-count-corner>span {white-space:nowrap}
@media(max-width:350px){
  #app .account-shortcuts .account-shortcut-label {font-size:11px}
  #app .pref-index {column-gap:6px;padding-inline:7px}
}
@media(forced-colors:active){
  #app .ui-count-corner>.ui-count-badge:not([hidden]) {border-color:ButtonText;background:Canvas;color:CanvasText}
  #app .ui-count-corner[aria-pressed=true]>.ui-count-badge,
  #app .ui-count-corner[aria-current=location]>.ui-count-badge {background:Highlight;color:HighlightText}
}

/* Transfer entry: one amount baseline, with an honest unavailable channel state. */
.wallet-dialog .wallet-amount-field input,
.wallet-dialog .wallet-amount-field input:focus,
.wallet-dialog .wallet-amount-field input:focus-visible {border:0;outline:0;box-shadow:none;background:transparent}
.wallet-dialog .wallet-amount-label {font-size:14px;font-weight:600}
.wallet-dialog .wallet-available {font-size:12px}
.wallet-usdt-heading {display:flex;align-items:center;gap:10px;margin:0 0 28px}
.wallet-usdt-symbol {display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#26a17b;color:#fff;font:700 26px/1 var(--sans)}
.wallet-usdt-heading>div {flex:1}
.wallet-usdt-heading b {display:block;font:650 16px/1.4 var(--sans)}
.wallet-usdt-heading small {font:400 12px/1.5 var(--sans);color:#76576c}
.wallet-channel-status {padding:4px 8px;border:1px solid #e4c8d8;border-radius:6px;font:500 12px/1.5 var(--sans);color:#76576c}
.wallet-channel-note {margin:20px 0 22px;font:400 13px/1.7 var(--sans);color:#76576c}
.wallet-dialog .wallet-primary:disabled {cursor:not-allowed;opacity:1;background:#eee3eb;border-color:#e0cbd9;color:#887380}

@media(max-width:370px){
  #app .er-work-meta {gap:4px}
  #app .er-work-meta .er-release-status {gap:4px}
  #app .er-work-meta .er-story-button.uf-nav-button {padding-inline:6px;gap:3px}
  #app .er-work-meta .er-story-button.uf-nav-button .uf-nav-art {width:18px;height:18px}
  #app .er-work-meta .er-story-button.uf-nav-button .uf-nav-arrow {width:14px;height:14px}
}