/* V57: personal surfaces and writing share the content-first visual system. */
.platform-shell .profile-hero {background:#fff;border:1px solid var(--ui-line);border-radius:18px;overflow:hidden}
.platform-shell .profile-cover {height:112px;border-radius:0}
.platform-shell .profile-cover-change {bottom:12px;right:18px;min-height:32px}
.platform-shell .profile-identity {grid-template-columns:96px minmax(0,1fr) auto;padding:0 24px 24px;gap:20px;border:0}
.platform-shell .profile-portrait {width:96px;margin-top:-22px}
.platform-shell .profile-portrait .profile-page-avatar {width:96px;height:96px;border-width:4px;font-size:32px}
.platform-shell .profile-summary {padding-top:17px}
.platform-shell .profile-summary h1 {font-size:25px;letter-spacing:-.8px}
.platform-shell .profile-summary>p {font-size:13px;line-height:1.7;margin-top:6px}
.platform-shell .profile-counts {margin-top:12px;gap:8px 16px}
.platform-shell .profile-owner-actions,.platform-shell .profile-visitor-actions {margin:20px 0 0;gap:8px}
.platform-shell .creator-tabs {gap:24px;padding:0;margin:18px 0 0;border-bottom:1px solid var(--ui-line)}
.platform-shell .creator-tabs a {position:relative;min-height:54px;padding:14px 2px;border-radius:0;background:none;color:var(--ui-muted);font-size:14px}
.platform-shell .creator-tabs a[aria-current=page] {background:none;color:var(--ui-ink);box-shadow:inset 0 -3px var(--ui-ink)}
.platform-shell .creator-tabs a:hover {box-shadow:inset 0 -2px var(--ui-line)}
.platform-shell .creator-tabs a[aria-current=page]:hover {box-shadow:inset 0 -3px var(--ui-ink)}
.platform-shell .profile-content-toolbar {padding:20px 0 16px}
.platform-shell .profile-content-tabs>a {min-width:0;min-height:34px;padding:7px 14px;font-size:12px}
.platform-shell .creator-management {padding-top:24px}
.platform-shell .creator-work-row {border-radius:12px;padding:18px 20px}
.platform-shell .creator-work-actions .btn {border-radius:9px;min-height:36px}
/* Account: four visible destinations, with separate preferences and account controls. */
.account-panel .modal-body {padding:12px 22px 0}
.account-panel .modal-header {padding:14px 16px 0}
.account-panel .account-profile {gap:13px;padding:4px 0 18px}
.account-panel .account-profile>.avatar.account-avatar {width:52px;height:52px;flex-basis:52px}
.account-panel .account-profile strong {font-size:20px;letter-spacing:-.5px}
.account-edit-profile {display:inline-flex;align-items:center;gap:2px;padding:0;font-size:12px;color:var(--ui-muted);justify-self:start}
.account-panel .account-profile-switch {gap:6px;padding-bottom:18px;scrollbar-width:thin}
.account-panel .account-profile-switch button {padding:6px 10px;font-size:11px;min-height:34px}
.account-panel .account-primary-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 18px}
.account-panel .account-primary-actions>a {display:flex;align-items:center;gap:11px;padding:15px 12px;border:1px solid var(--ui-line);border-radius:12px;min-width:0;text-align:left;background:#fff}
.account-panel .account-primary-actions>a:hover {background:var(--ui-purple-soft);border-color:#d8c9ff}
.account-action-icon {display:grid;place-items:center;background:var(--ui-soft);color:var(--ui-ink);width:35px;height:35px;border-radius:10px;flex:none}
.account-primary-actions a[href^="#/stats"] .account-action-icon {color:var(--ui-purple);background:var(--ui-purple-soft)}
.account-primary-actions strong {display:block;font-size:13px;font-weight:700;white-space:nowrap}
.account-primary-actions small {display:block;margin-top:4px;font-size:10px;color:var(--ui-muted);line-height:1.4}
.account-secondary-links {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;padding-bottom:8px}
.account-secondary-links>a {display:flex;align-items:center;gap:7px;padding:10px 2px;font-size:12px;color:var(--ui-text)}
.account-secondary-links>a>svg:last-child {margin-left:auto;color:var(--ui-muted)}
.account-panel .account-preferences {padding:16px 0;margin:8px 0 0;border-top:1px solid var(--ui-line);border-bottom:0}
.account-panel .account-preferences p {margin-bottom:12px}
.account-panel .account-footer {margin:0 -22px;padding:15px 22px;border-top:1px solid var(--ui-line);background:#fff;gap:14px}
.account-footer>a {display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ui-text)}
/* Messages fill their workspace; spacing belongs to conversations, not large forms. */
.platform-shell .messages-page {max-width:none;padding:0}
.platform-shell .messages-title {margin-bottom:18px;display:flex;align-items:baseline;justify-content:flex-start;gap:14px}
.platform-shell .messages-title h1 {margin:0;font-size:27px}
.messages-title>span {font-size:12px;color:var(--ui-muted)}
.platform-shell .messages-layout {grid-template-columns:300px minmax(0,1fr);height:calc(100dvh - 190px);min-height:400px;max-height:880px;border-radius:16px;background:#fff}
.inbox-heading {display:flex;align-items:center;gap:10px;padding:18px 16px;position:sticky;top:0;background:#fff;z-index:2;border-bottom:1px solid var(--ui-line)}
.inbox-heading>.avatar {width:36px;height:36px;font-size:13px}
.inbox-heading>div {flex:1;min-width:0}
.inbox-heading strong {display:block;font-size:14px;overflow-wrap:anywhere}
.inbox-heading small {display:block;font-size:11px;color:var(--ui-muted);margin-top:3px}
.platform-shell .inbox-row {border:0;margin:5px 8px;border-radius:11px;padding-right:2px}
.platform-shell .inbox-row.selected,.platform-shell .inbox-item.selected {background:var(--ui-purple-soft);box-shadow:none}
.platform-shell .inbox-row>.inbox-item {padding:15px 8px;border-radius:11px;gap:10px}
.platform-shell .inbox-item>.avatar {width:40px;height:40px}
.inbox-line {display:flex;align-items:baseline;justify-content:space-between;gap:6px}
.inbox-line strong {white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.inbox-line time {flex:none;font-size:9px!important}
.platform-shell .inbox-item p {margin:5px 0 0;font-size:12px}
.platform-shell .inbox-row .message-thread-menu>summary {width:28px;height:36px}
.platform-shell .conversation-heading {min-height:76px;padding:15px 24px}
.conversation-profile span {min-width:0}
.conversation-profile strong {display:block}
.conversation-profile small {display:block;margin-top:4px;font-size:11px;color:var(--ui-muted)}
.platform-shell .conversation-profile .avatar {width:40px;height:40px}
.platform-shell .message-scroll {padding:22px 28px;background:#fff}
.message-date {display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;color:var(--ui-muted);margin:5px 0 24px}
.message-date:before,.message-date:after {content:'';width:28px;height:1px;background:var(--ui-line)}
.platform-shell .message-bubble {border:0;background:var(--ui-soft);padding:12px 16px;border-radius:16px 16px 16px 4px;font-size:14px;line-height:1.65}
.platform-shell .mine .message-bubble {background:var(--ui-purple);color:#fff;border-radius:16px 16px 4px 16px}
.platform-shell .message-compose {padding:12px 24px 20px;border:0}
.platform-shell .message-compose>div {align-items:center;padding:7px 8px 7px 15px;border:1px solid var(--ui-line);border-radius:24px;background:var(--ui-canvas);gap:8px}
.platform-shell .message-compose textarea {border:0;border-radius:0;background:none;resize:none;min-height:32px;max-height:120px;padding:6px 0;font-size:14px;line-height:1.5;outline-offset:1px}
.platform-shell .message-send {width:38px;height:38px;min-height:38px;flex:none;border-radius:50%;padding:8px}
.message-send svg {transform:rotate(-35deg)}
.platform-shell .message-compose label {margin-bottom:8px;font-size:10px}
.platform-shell .message-empty {color:var(--ui-muted);font-size:12px}
.message-empty>svg {margin:0 auto 12px}
.message-empty>strong {display:block;color:var(--ui-text);font-size:13px;margin-bottom:6px}
.message-welcome>span {display:grid;place-items:center;width:74px;height:74px;border-radius:24px;background:var(--ui-purple-soft);color:var(--ui-purple);margin-bottom:6px}
.platform-shell .message-welcome h2 {font-size:21px;color:var(--ui-ink);font-weight:750}
.platform-shell .message-welcome p {font-size:13px;line-height:1.8;color:var(--ui-muted)}
/* Writing: a compact entrance and a generous manuscript with publication alongside. */
.platform-shell .dam-compose-page {max-width:960px;margin:0 auto;padding:22px 0;text-align:left}
.compose-kicker {display:block;font-size:11px;font-weight:750;letter-spacing:.1em;color:var(--ui-purple);margin-bottom:10px}
.platform-shell .dam-compose-page h1 {font:800 32px/1.4 var(--sans);letter-spacing:-1px;margin:0 0 9px}
.platform-shell .dam-compose-page>.compose-heading p {font-size:14px;color:var(--ui-muted)}
.platform-shell .dam-write-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:32px 0 22px}
.platform-shell .dam-write-options>a {position:relative;display:flex;align-items:flex-start;flex-direction:column;text-align:left;min-height:250px;background:#fff;border:1px solid var(--ui-line);border-radius:18px;padding:30px;box-shadow:none}
.platform-shell .dam-write-options>a:hover {border-color:var(--ui-purple);transform:translateY(-2px)}
.platform-shell .dam-write-options>a>svg {width:48px;height:48px;padding:11px;border-radius:13px;background:var(--ui-purple-soft);color:var(--ui-purple);margin:0 0 23px}
.platform-shell .dam-write-options h2 {font:750 23px/1.4 var(--sans);margin:0 0 8px}
.platform-shell .dam-write-options p {font-size:13px;color:var(--ui-muted);line-height:1.8;margin-bottom:25px}
.platform-shell .dam-write-options strong {display:flex;align-items:center;gap:12px;margin-top:auto;font-size:13px;color:var(--ui-purple)}
.platform-shell .dam-manage-link {display:inline-flex;align-items:center;gap:10px;padding:12px 0;font-size:13px;color:var(--ui-text)}
.platform-shell .editor-container {max-width:1000px;margin:auto}
.platform-shell .editor-header {margin:20px 0 28px}
.platform-shell .editor-header h1 {font:800 30px/1.35 var(--sans);letter-spacing:-.8px}
.platform-shell .editor-header p {max-width:none;color:var(--ui-muted);font-size:13px;margin-top:10px}
.platform-shell .editor-container .form-panel {padding:28px;margin-bottom:18px;border-radius:16px}
.platform-shell .editor-container>.back-link {font-size:12px}
.platform-shell .editor-container .field {margin-bottom:22px}
.platform-shell .editor-container .editor-actions {padding-top:10px}
.platform-shell .writer-page,.platform-shell .writer-page[data-writer-kind=episode] {max-width:1320px;width:100%}
.platform-shell .writer-actions-bar {top:var(--platform-header-height,72px);padding:14px 0;min-height:72px;gap:12px;z-index:29}
.platform-shell .writer-location h1 {font-size:22px;font-weight:800}
.platform-shell .writer-status {padding:13px 2px 20px}
.writer-workspace {display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}
.platform-shell .writer-page .writer-manuscript {max-width:none;width:100%;margin:0;padding:26px;border-radius:16px}
.platform-shell .writer-title {font-size:27px;margin:0 0 18px;padding:4px 0 20px;font-weight:750}
.platform-shell .writer-title::placeholder {color:#a09ba9;font-weight:600}
.platform-shell .writer-body-editor {height:clamp(380px,62dvh,720px);border-color:var(--ui-line);border-radius:10px}
.platform-shell .illustration-toolbar {background:#fff;border-color:var(--ui-line);gap:8px;padding:10px;box-shadow:0 3px 8px #20183405}
.platform-shell .illustration-toolbar #illustration-status {flex-basis:100%;font-size:10px;color:var(--ui-muted)}
.platform-shell .writer-blocks {padding:24px}
.platform-shell .writer-page .writer-publication {width:100%;max-width:none;margin:0;border-radius:16px}
.platform-shell .writer-publication>header {padding:21px 20px 17px}
.platform-shell .writer-publication h2 {font-size:16px;font-weight:750}
.platform-shell .writer-publication>header p {font-size:11px;line-height:1.7}
.platform-shell .writer-publication-body {padding:20px}
.platform-shell .writer-publication .radio-options {flex-direction:column;gap:8px}
.platform-shell .writer-publication .radio-option {padding:12px;font-size:12px}
.platform-shell .writer-publication .form-panel h2 {font-size:14px}
.platform-shell .writer-publication .field-hint {font-size:11px}
.platform-shell .writer-publication footer {padding:18px 20px;gap:8px}
.platform-shell .writer-publication footer .btn {flex:1;padding:11px 8px;font-size:12px}
.platform-shell .writer-inherited {background:var(--ui-canvas);border:0;border-radius:10px;padding:16px}
.platform-shell .writer-inherited>strong {font-size:14px}
.platform-shell .writer-extras {margin-top:24px;padding-top:20px;border-top:1px solid var(--ui-line)}
@media(max-width:1360px){.writer-workspace {grid-template-columns:minmax(0,1fr)}.platform-shell .writer-page .writer-publication {margin-top:4px}.platform-shell .writer-publication .radio-options {flex-direction:row}.platform-shell .writer-publication-body {padding:24px}.platform-shell .writer-publication>header {padding:23px 24px 18px}.platform-shell .writer-publication footer {padding:18px 24px}}
@media(min-width:761px) and (max-width:1180px){.platform-shell .profile-identity {grid-template-columns:96px minmax(0,1fr)}.platform-shell .profile-owner-actions,.platform-shell .profile-visitor-actions {grid-column:2;margin:0}.platform-shell .messages-layout {grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:760px){
 .platform-shell .profile-cover {height:82px}
 .platform-shell .profile-identity {grid-template-columns:76px minmax(0,1fr);padding:0 16px 20px;gap:12px}
 .platform-shell .profile-portrait,.platform-shell .profile-portrait .profile-page-avatar {width:76px}
 .platform-shell .profile-portrait .profile-page-avatar {height:76px;font-size:25px}
 .platform-shell .profile-summary {padding-top:12px}
 .platform-shell .profile-summary h1 {font-size:21px}
 .platform-shell .profile-summary>p {font-size:12px}
 .platform-shell .profile-counts {font-size:10px;gap:6px 10px}
 .platform-shell .profile-owner-actions,.platform-shell .profile-visitor-actions {grid-column:1/-1;margin:8px 0 0;width:100%}
 .platform-shell .creator-tabs {gap:18px;margin-top:8px}
 .platform-shell .creator-tabs a {flex:initial;font-size:13px;min-height:48px}
 .account-panel .modal-body {padding:14px 20px 0}
 .account-panel .account-footer {margin-inline:-20px;padding:18px 20px calc(18px + env(safe-area-inset-bottom))}
 .account-panel .account-primary-actions>a {padding:18px 13px}
 .account-primary-actions small {font-size:11px}
 .platform-shell:has(.messages-page) .platform-content>.footer {display:none}
 .platform-shell .messages-title {margin-bottom:16px}
 .platform-shell .messages-title h1 {font-size:24px}
 .messages-title>span {display:none}
 .platform-shell .messages-layout {display:block;height:calc(100dvh - 205px);min-height:280px;max-height:none;border-radius:12px}
 .platform-shell .messages-page.has-conversation .messages-title {display:none}
 .platform-shell .has-conversation .messages-layout {height:calc(100dvh - 150px);min-height:240px}
 .platform-shell .conversation-heading {min-height:62px;padding:10px 12px;gap:9px}
 .platform-shell .conversation-heading .message-close {display:none}
 .platform-shell .message-scroll {padding:15px 14px}
 .platform-shell .message-compose {padding:10px 12px 15px}
 .platform-shell .message-compose textarea {font-size:16px}
 .platform-shell .message-bubble {font-size:14px;padding:11px 14px}
 .platform-shell .inbox-row>.inbox-item {padding:16px 8px}
 .platform-shell .dam-compose-page {padding:12px 0}
 .platform-shell .dam-compose-page h1 {font-size:27px}
 .platform-shell .dam-write-options {grid-template-columns:1fr;gap:12px;margin-top:26px}
 .platform-shell .dam-write-options>a {padding:23px;min-height:205px}
 .platform-shell .dam-write-options>a>svg {margin-bottom:14px}
 .platform-shell .dam-write-options h2 {font-size:21px}
 .platform-shell .editor-container .form-panel {padding:20px}
 .platform-shell .editor-header h1 {font-size:26px}
 .platform-shell .writer-actions-bar {flex-wrap:wrap;gap:10px;padding:10px 0}
 .platform-shell .writer-location h1 {font-size:18px}
 .platform-shell .writer-actions {margin-left:auto;gap:6px;flex-wrap:wrap}
 .platform-shell .writer-actions .btn {font-size:11px;padding:9px 10px;min-height:38px}
 .platform-shell .writer-page .writer-manuscript {padding:18px 14px}
 .platform-shell .writer-title {font-size:23px}
 .platform-shell .writer-body-editor {height:clamp(340px,56dvh,580px)}
 .platform-shell .writer-blocks {padding:17px}
 .platform-shell .writer-publication-body {padding:20px 16px}
 .platform-shell .writer-publication>header {padding:20px 16px}
 .platform-shell .writer-publication footer {padding:16px}
 .platform-shell .writer-publication .radio-options {flex-wrap:wrap}
 .platform-shell .writer-publication .radio-option {flex:1 1 120px}
}
/* Daily creator reporting uses only server aggregates. */
.creator-range-controls {display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:24px 0}
.creator-range-controls .creator-periods {margin:0}
.creator-date-form {display:flex;align-items:end;gap:8px;flex-wrap:wrap}
.creator-date-form label {display:grid;gap:7px;font-size:10px;color:var(--ui-muted)}
.creator-date-form>span {padding-bottom:10px;color:var(--ui-muted)}
.creator-date-form input,.creator-day-heading input {font:500 12px var(--sans);padding:10px;border:1px solid var(--ui-line);border-radius:8px;background:#fff;color:var(--ui-text);min-width:0;max-width:100%}
.creator-date-form .btn {min-height:37px;padding:9px 14px}
.creator-chart-metrics {display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid var(--ui-line);padding-top:20px}
.creator-chart-metrics a {font-size:12px;font-weight:650;padding:10px 14px;border-radius:9px;background:var(--ui-canvas);color:var(--ui-muted)}
.creator-chart-metrics a[aria-current] {color:var(--ui-purple);background:var(--ui-purple-soft)}
.creator-chart-summary {display:flex;justify-content:space-between;align-items:center;gap:16px;padding:25px 0 10px}
.creator-chart-summary>div {display:grid;gap:7px}
.creator-chart-summary span {font-size:12px;color:var(--ui-muted)}
.creator-chart-summary strong {font-size:30px;line-height:1.2;font-weight:780;letter-spacing:-.8px;font-variant-numeric:tabular-nums}
.creator-chart-summary strong small {font-size:13px;font-weight:500;margin-left:5px;letter-spacing:0}
.creator-chart-summary p {font-size:11px;text-align:right;color:var(--ui-muted);line-height:1.8}
.creator-chart-scroll {width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin:14px 0 10px;border-radius:8px}
.creator-chart {display:block;width:100%;height:250px}
.creator-chart text {fill:#8d8797;font:10px var(--sans)}
.creator-chart .chart-grid {stroke:#edeaf1;stroke-width:1}
.creator-chart .chart-hit {fill:transparent}
.creator-chart .chart-hit.selected {fill:#f4f0ff}
.creator-chart .chart-bar {fill:#c4aff3}
.creator-chart .chart-bar.selected {fill:var(--ui-purple)}
.creator-chart a:hover .chart-hit,.creator-chart a:focus .chart-hit {fill:#f0e9ff}
.creator-chart a:hover .chart-bar,.creator-chart a:focus .chart-bar {fill:var(--ui-purple)}
.creator-tracking-note {font-size:11px;color:var(--ui-muted);line-height:1.9;padding:14px 16px;border-radius:10px;background:var(--ui-canvas);margin:18px 0 24px}
.creator-day-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.creator-day-heading h3 {font-size:15px;font-weight:750}
.creator-day-heading label {display:flex;align-items:center;gap:9px;font-size:11px;color:var(--ui-muted)}
.creator-daily-data {margin-top:24px;font-size:12px}
.creator-daily-data summary {padding:8px 0;color:var(--ui-muted);cursor:pointer}
.creator-daily-data .creator-stats-table-wrap {max-height:340px;overflow:auto}
@media(max-width:760px){
 .creator-stats-page .page-title-row {align-items:center}
 .creator-stats-page .page-title-row p {font-size:11px}
 .creator-range-controls {gap:18px;margin-top:18px}
 .creator-date-form {width:100%;gap:6px}
 .creator-date-form label {flex:1;min-width:0}
 .creator-date-form input {width:100%;font-size:12px;padding:9px 6px}
 .creator-date-form .btn {padding-inline:11px}
 .creator-chart-summary strong {font-size:26px}
 .creator-chart-summary p {font-size:10px}
 .creator-chart-metrics a {flex:1;text-align:center;padding:10px 8px}
 .creator-stats-page .creator-section-heading {flex-wrap:wrap;gap:8px}
 .creator-stats-page .creator-section-heading>span {font-size:10px}
}