.profile-shell { position: fixed; inset: calc(48px + var(--market-ticker-row)) 0 0 0; z-index: 60; pointer-events: none; }
.profile-shell.hidden { display: none; }
.profile-backdrop { position: absolute; inset: 0; background: rgba(4, 7, 11, .48); pointer-events: auto; }
.profile-panel { position: absolute; right: 0; top: 0; width: min(420px, 100vw); height: 100%; overflow: hidden; border-left: 1px solid #2a3441; background: var(--wv-panel); box-shadow: -18px 0 42px rgba(0,0,0,.32); pointer-events: auto; }
.profile-panel-body { height: 100%; overflow-y: auto; padding: 0 14px 28px; }
.profile-panel-header { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; min-height: 58px; margin: 0 -14px 14px; padding: 9px 14px; border-bottom: 1px solid var(--wv-border-subtle); background: rgba(15,21,29,.96); backdrop-filter: blur(10px); }
.profile-panel-header strong { font-size: 14px; }
.profile-panel-header .profile-suggestion-btn { margin-left: auto; margin-right: 8px; min-height: 30px; padding: 0 10px; border: 1px solid #3b4b60; border-radius: 999px; background: #172231; color: #dce8f4; font-size: 10px; font-weight: 800; letter-spacing: .02em; }
.profile-panel-header .profile-suggestion-btn:hover { background: #223147; border-color: #5e7694; }
.profile-privacy-note { margin-top: 3px; color: #78879a; font-size: 9px; }
.profile-close { width: 30px; height: 30px; padding: 0; border: 1px solid var(--wv-border); border-radius: var(--wv-radius-md); background: var(--wv-control); color: var(--wv-text-strong); font-size: 18px; }
.profile-identity { display: flex; align-items: center; gap: 13px; padding: 6px 0 14px; }
.profile-avatar-wrap { position: relative; width: 76px; height: 76px; flex: 0 0 76px; }
.profile-avatar { width: 76px; height: 76px; object-fit: cover; border: 1px solid #334255; border-radius: 50%; background: #15202d; }
.profile-avatar-fallback { display: grid; place-items: center; color: #dce9f8; font-size: 28px; font-weight: 800; }
.profile-avatar-change { position: absolute; left: 50%; bottom: -6px; transform: translateX(-50%); padding: 4px 7px; border: 1px solid #37465a; border-radius: 999px; background: #111a24; color: #c8d6e6; font-size: 9px; white-space: nowrap; cursor: pointer; }
.profile-handle { color: #f0f5fa; font-size: 18px; font-weight: 800; overflow-wrap: anywhere; }
.profile-joined { margin-top: 5px; color: #778699; font-size: 9px; }
.profile-bio { margin: 0 0 14px; padding: 10px; border: 1px solid var(--wv-border-subtle); border-radius: var(--wv-radius-md); background: var(--wv-panel-raised); color: #cbd6e2; font-size: 12px; line-height: 1.45; white-space: pre-wrap; }
.profile-muted, .profile-empty, .profile-loading, .profile-error { color: #768598; }
.profile-loading, .profile-error { padding: 48px 14px; text-align: center; font-size: 12px; }
.profile-edit-form, .profile-post-composer { display: grid; gap: 8px; padding: 10px; border: 1px solid #283442; border-radius: var(--wv-radius-md); background: #111821; }
.profile-edit-form label { color: #aebdce; font-size: 10px; }
.profile-edit-form label > span { float: right; color: #6f7f91; }
.profile-edit-form input, .profile-edit-form textarea, .profile-post-composer textarea, .profile-inline-edit { width: 100%; margin-top: 5px; padding: 8px; border: 1px solid var(--wv-border); border-radius: var(--wv-radius-md); outline: none; background: var(--wv-input); color: var(--wv-text-strong); }
.profile-edit-form textarea { min-height: 82px; resize: vertical; }
.profile-inline-status { min-height: 13px; color: #7f8da0; font-size: 9px; }
.profile-inline-status[data-kind="ok"] { color: var(--wv-positive); }
.profile-inline-status[data-kind="error"] { color: #ff7f7f; }
.profile-edit-actions, .profile-view-actions, .profile-post-actions, .profile-post-compose-row { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.profile-edit-actions button, .profile-view-actions button, .profile-post-actions button, .profile-post-compose-row button, .profile-image-picker { padding: 6px 9px; border: 1px solid var(--wv-border); border-radius: var(--wv-radius-md); background: var(--wv-control); color: #dce6ef; font-size: 10px; }
.profile-primary { background: var(--wv-accent-strong) !important; border-color: var(--wv-accent) !important; color: #fff !important; }
.profile-view-actions { margin-bottom: 14px; }
.profile-posts-section { margin-top: 16px; }
.profile-section-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; color: #cbd6e2; font-size: 11px; }
.profile-section-head span { color: #758396; }
.profile-post-composer textarea { min-height: 72px; margin: 0; resize: vertical; }
.profile-post-compose-row { justify-content: space-between; }
.profile-post-compose-row span { color: #748295; font-size: 9px; }
.profile-image-picker { cursor: pointer; }
.profile-image-picker.disabled { opacity: .45; cursor: default; }
.profile-post-preview { display: flex; align-items: center; gap: 8px; }
.profile-post-preview img { width: 64px; height: 64px; object-fit: cover; border: 1px solid var(--wv-border); border-radius: var(--wv-radius-md); }
.profile-limit-note { color: #a68a5a; font-size: 9px; }
.profile-post-list { display: grid; gap: 8px; margin-top: 9px; }
.profile-post { padding: 10px; border: 1px solid var(--wv-border-subtle); border-radius: var(--wv-radius-md); background: var(--wv-panel-raised); }
.profile-post-meta { margin-bottom: 5px; color: #6f7e91; font-size: 9px; }
.profile-post-body { color: #d4dde7; font-size: 12px; line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere; }
.profile-post-image-button { width: 100%; margin-top: 8px; padding: 0; border: 0; background: transparent; }
.profile-post-image { display: block; width: 100%; max-height: 300px; object-fit: contain; border: 1px solid #303d4d; border-radius: var(--wv-radius-md); background: #080c11; }
.profile-post-actions { margin-top: 8px; }
.profile-inline-edit { min-height: 74px; resize: vertical; }
.profile-empty { padding: 18px 8px; text-align: center; font-size: 10px; }
.profile-link { padding: 0; border: 0 !important; background: transparent !important; color: inherit; font: inherit; cursor: pointer; }
.profile-link:hover { text-decoration: underline; }
@media (max-width: 850px) {
  .profile-shell { inset: calc(48px + var(--market-ticker-row)) 0 0 0; }
  .profile-panel { width: 100vw; border-left: 0; }
  .profile-backdrop { display: none; }
}

/* Phone profile stays a closable overlay below the real app header. */
body[data-layout-mode="phone-portrait"] .profile-shell { inset: calc(42px + var(--market-ticker-row) + env(safe-area-inset-top)) 0 0 0; z-index: 58; }
body[data-layout-mode="phone-landscape"] .profile-shell { inset: calc(36px + var(--market-ticker-row) + env(safe-area-inset-top)) 0 0 0; z-index: 58; }
.profile-handle-line { min-width:0;display:flex;align-items:center;gap:7px;flex-wrap:wrap; }
.profile-wrekt-snapshot{margin:0 0 12px;padding:8px 9px;border:1px solid #2b3745;border-radius:9px;background:#0c131b}.profile-wrekt-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px}.profile-wrekt-summary strong{font-size:10px;letter-spacing:.08em}.profile-wrekt-summary span{color:#95a8bc}.profile-wrekt-performance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:7px}.profile-wrekt-performance>div{min-width:0;padding:6px 8px;border:1px solid rgba(91,130,170,.24);border-radius:7px;background:rgba(8,14,21,.72)}.profile-wrekt-performance small{display:block;color:#6f8193;font-size:7px;font-weight:900;letter-spacing:.08em}.profile-wrekt-performance strong{display:block;margin-top:2px;color:#dce7f1;font-size:13px;line-height:1.05;font-variant-numeric:tabular-nums}.profile-wrekt-performance strong.positive{color:#54d99c}.profile-wrekt-performance strong.negative{color:#ff7784}.profile-wrekt-performance span{display:block;margin-top:2px;color:#6f8193;font-size:7px;font-weight:800}.profile-wrekt-positions{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.profile-wrekt-position{min-height:28px;padding:3px 8px;border:1px solid var(--wv-border);border-radius:999px;background:#151e28;color:#e5edf5;font-size:9px;font-weight:800}

.profile-control-hub{display:grid;gap:8px;margin:12px 0;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(0,0,0,.18)}
.profile-control-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:58px;padding:9px 11px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.035);color:inherit;text-align:left;cursor:pointer}
.profile-control-row:hover{background:rgba(255,255,255,.07)}
.profile-control-row>img{width:38px;height:38px;object-fit:contain}.profile-control-glyph{width:38px;height:38px;display:grid!important;place-items:center;font-size:22px;line-height:1}.profile-control-row>span{display:grid;gap:2px;min-width:0}.profile-control-row strong{font-size:13px}.profile-control-row small{font-size:10px;color:#8d98a8}.profile-control-row>b{font-size:18px}.profile-toggle-state{font-size:10px!important;letter-spacing:.08em}.profile-toggle-state[data-state="enabled"]{color:#74f0b2}

.profile-call-history{margin:0 0 14px;padding:10px;border:1px solid #2b3745;border-radius:10px;background:linear-gradient(180deg,#0d151e,#0a1118)}
.profile-call-history-list{display:grid;gap:7px}.profile-call-receipt{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main result" "time time";gap:4px 8px;padding:8px 9px;border:1px solid #293746;border-radius:9px;background:#111a23}.profile-call-receipt.win{border-color:rgba(49,177,117,.42)}.profile-call-receipt.loss{border-color:rgba(226,86,96,.42)}.profile-call-receipt-main{grid-area:main;min-width:0;display:flex;align-items:center;gap:7px}.profile-call-receipt-main img{width:28px;height:28px;object-fit:contain}.profile-call-receipt-main span{display:grid;min-width:0}.profile-call-receipt-main strong{font-size:11px;color:#edf4fa}.profile-call-receipt-main small{font-size:8px;color:#7f91a4}.profile-call-receipt-result{grid-area:result;display:grid;justify-items:end;align-content:center}.profile-call-receipt-result strong{font-size:11px;color:#b8c6d4}.profile-call-receipt.win .profile-call-receipt-result strong{color:#62dfa4}.profile-call-receipt.loss .profile-call-receipt-result strong{color:#ff7e88}.profile-call-receipt-result small{font-size:8px;color:#8597a9}.profile-call-receipt>time{grid-area:time;padding-top:4px;border-top:1px solid rgba(100,123,147,.16);font-size:8px;color:#687b8e}

@media(max-width:420px){.profile-wrekt-performance{grid-template-columns:1fr 1fr}.profile-wrekt-performance>div:last-child{grid-column:1/-1}}


/* Profile sections occupy the available screen; records are paged, never stacked. */
.profile-panel { width:min(520px,100vw); }
.profile-panel-body { box-sizing:border-box; display:grid; grid-template-rows:auto auto minmax(0,1fr); gap:8px; overflow:hidden; padding:0 12px 12px; }
.profile-panel-body [hidden] { display:none!important; }
.profile-panel-header { position:relative; min-height:42px; margin:0 -12px; padding:6px 12px; }
.profile-page-tabs,.profile-edit-tabs,.profile-book-types { display:flex; gap:6px; }
.profile-panel-body button { cursor:pointer; }
.profile-page-tabs button,.profile-edit-tabs button,.profile-book-types button,.profile-pagination button,.profile-books-entry,.profile-page>button,.profile-social-form button,.profile-call-receipt>button { border:1px solid var(--wv-border,#344253); border-radius:7px; background:var(--wv-control,#15202d); color:var(--wv-text-strong,#e4edf5); padding:8px; font-size:10px; }
.profile-panel-body button:disabled { opacity:.4;cursor:default; }
.profile-page-tabs button,.profile-edit-tabs button,.profile-book-types button { flex:1; }
.profile-panel-body button[aria-pressed="true"] { border-color:#55b9da; background:#183743; }
.profile-page-tabs svg { width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;vertical-align:middle; }
.profile-page-content,.profile-page { min-height:0;overflow:hidden; }
.profile-page { height:100%;display:flex;flex-direction:column;gap:8px; }
.profile-identity { padding:0;gap:12px; }
.profile-avatar-wrap,.profile-avatar { width:60px;height:60px; }
.profile-avatar-wrap { flex-basis:60px; }
.profile-handle { font-size:16px; }
.profile-wrekt-snapshot,.profile-bio,.profile-view-actions { margin:0; }
.profile-wrekt-performance { grid-template-columns:repeat(3,minmax(0,1fr)); }
.profile-wrekt-performance>div:last-child { grid-column:auto; }
.profile-bio { overflow-wrap:anywhere;padding:8px; }
.profile-social-links { display:flex;gap:8px;flex-wrap:wrap; }
.profile-social-links:empty { display:none; }
.profile-social-links a { width:32px;height:32px;display:grid;place-items:center;border:1px solid #344253;border-radius:8px;background:#15202d; }
.profile-social-links img,.profile-social-fields img { width:18px;height:18px;filter:invert(1); }
.profile-books-entry { margin-top:auto;text-align:left; }
.profile-books-page .profile-call-history-list { min-height:0;flex:1;grid-template-rows:repeat(2,minmax(0,1fr)); }
.profile-call-receipt { align-content:center;overflow-wrap:anywhere; }
.profile-open-levels { grid-column:1/-1;color:#91a6ba;font-size:11px; }
.profile-call-receipt>button { grid-column:1/-1; }
.profile-pagination { display:flex;gap:8px;align-items:center;justify-content:space-between;flex-shrink:0;margin-top:auto;color:#8ea2b8;font-size:10px; }
.profile-posts-section { margin:0; }
.profile-section-head { margin:0;flex-shrink:0; }
.profile-post-list { display:flex;flex-direction:column;flex:1;min-height:0;margin:0; }
.profile-post { display:flex;flex-direction:column;flex:1;min-height:0;gap:5px; }
.profile-post-meta,.profile-post-actions { margin:0;flex-shrink:0; }
.profile-post-body { flex-shrink:0; }
.profile-post-image-button { flex:1;min-height:0;display:flex;margin:0; }
.profile-post-image { height:100%;max-height:100%;min-height:0; }
.profile-text-pagination { margin:0; }
.profile-text-pagination button { padding:4px;font-size:9px; }
.profile-post-composer,.profile-edit-form { min-height:0;gap:6px; }
.profile-edit-form textarea,.profile-post-composer textarea,.profile-inline-edit { resize:none;min-height:64px; }
.profile-control-hub { margin:0; }
.profile-social-form { display:flex;flex-direction:column;gap:8px;min-height:0; }
.profile-social-form p { margin:0;color:#9bacc0;font-size:11px; }
.profile-social-fields { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.profile-social-fields label { display:grid;grid-template-columns:20px minmax(0,1fr);gap:4px;align-items:center;color:#b7c6d8;font-size:11px;min-width:0; }
.profile-social-fields input { box-sizing:border-box;grid-column:1/-1;min-width:0;width:100%;padding:7px;border:1px solid #344253;border-radius:6px;background:#0b121b;color:#e4edf5;font-size:16px; }
.profile-edit-form input,.profile-edit-form textarea,.profile-post-composer textarea { box-sizing:border-box;font-size:16px; }
@media(max-width:850px) { .profile-panel { width:100vw; } }
@media(max-height:600px) {
  .profile-panel-body { gap:5px;padding-bottom:6px; }
  .profile-page { gap:5px; }
  .profile-avatar-wrap,.profile-avatar { width:44px;height:44px; }
  .profile-avatar-wrap { flex-basis:44px; }
  .profile-panel-header { min-height:32px; }
  .profile-privacy-note { display:none; }
  .profile-page-tabs button,.profile-edit-tabs button,.profile-book-types button { padding:5px; }
  .profile-wrekt-snapshot { padding:5px; }
  .profile-wrekt-performance { margin-top:4px; }
  .profile-wrekt-performance>div { padding:4px; }
  .profile-wrekt-positions { display:none; }
  .profile-control-row { min-height:44px;padding:4px 8px; }
  .profile-social-fields { grid-template-columns:repeat(4,minmax(0,1fr));gap:5px; }
  .profile-social-fields input { padding:4px; }
  .profile-edit-form textarea,.profile-post-composer textarea { min-height:44px;height:44px; }
  .profile-post-preview img { width:36px;height:36px; }
}
@media(max-height:460px) and (min-width:600px) {
  .profile-panel { width:100vw; }
  .profile-page[data-profile-page="profile"] { display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:6px; }
  .profile-identity { grid-column:1; }
  .profile-wrekt-snapshot { grid-column:1;grid-row:2;align-self:start; }
  .profile-bio { grid-column:2;grid-row:1/3;align-self:start;font-size:11px; }
  .profile-social-links { grid-column:2;grid-row:3; }
  .profile-books-entry { grid-column:1;grid-row:3; }
  .profile-view-actions { grid-column:2;grid-row:2;align-self:end; }
}
@media(max-height:460px) {
  .profile-edit-form { padding:6px;gap:3px; }
  .profile-edit-form input,.profile-edit-form textarea { margin-top:2px;padding:5px; }
  .profile-edit-actions button { padding:4px 7px; }
  .profile-control-hub { padding:6px;gap:5px; }
}
@media(max-height:460px) and (min-width:600px) {
  .profile-control-hub { grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; }
  .profile-control-row { min-width:0; min-height:48px; }
  .profile-control-row>img,.profile-control-glyph { width:32px;height:32px; }
}

/* Books uses the same performance view as the execution drawer, sized as pages. */
.profile-book-performance { flex:1;min-height:0;overflow:hidden; }
.profile-book-performance .wrekt-performance { padding:0; }
.profile-book-performance .wrekt-performance-score { min-height:70px;padding:8px; }
.profile-book-performance .wrekt-performance-score strong { font-size:24px; }
.profile-book-performance .wrekt-performance-score small { margin-top:4px;font-size:9px; }
.profile-book-performance .wrekt-performance-stats>div,.profile-book-performance .wrekt-performance-grid>div { padding:6px; }
.profile-book-performance .wrekt-performance-grid span { white-space:normal;line-height:1.2; }
.profile-performance-sheet>article { padding:8px;border:1px solid #2c3f4b;border-radius:8px; }
.profile-performance-sheet header { display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#a2b6c3;margin-bottom:8px; }
.profile-book-performance .wrekt-performance-charts { grid-template-columns:1fr 1fr; }
.profile-history-toggle { flex-shrink:0;text-align:left; }
.profile-history-content { flex-shrink:0;display:flex;flex-direction:column;gap:5px; }
.profile-books-page .profile-call-history-list { flex:none;grid-template-rows:none;grid-auto-rows:auto;gap:4px; }
.profile-books-page .profile-call-receipt { min-height:0;padding:6px 8px;align-content:start; }
.profile-books-page .profile-call-receipt-main img { width:20px;height:20px; }
.profile-books-page .profile-call-receipt>time { padding-top:2px; }
.profile-books-page .profile-open-levels { font-size:9px; }
.profile-books-page .profile-call-receipt>button { padding:4px; }
@media(max-height:460px) {
 .profile-books-page:has(.profile-history-content:not([hidden])) .profile-book-performance,
 .profile-books-page:has(.profile-history-content:not([hidden]))>[class="profile-pagination"] { display:none; }
 .profile-book-performance .wrekt-performance-score { min-height:60px; }
 .profile-book-performance .wrekt-performance-stats>div,.profile-book-performance .wrekt-performance-grid>div { padding:4px; }
 .profile-book-performance .wrekt-performance-chart svg { height:105px; }
}

@media(max-height:700px) {
 .profile-books-page:has(.profile-history-content:not([hidden])) .profile-book-performance,
 .profile-books-page:has(.profile-history-content:not([hidden]))>[class="profile-pagination"] { display:none; }
}
.profile-book-performance .wrekt-performance-breakdown-row { grid-template-columns:minmax(0,1fr) 55px 55px 55px;padding:5px; }
.profile-book-performance .wrekt-performance-note { font-size:9px;line-height:1.3;margin:4px 0; }
.profile-book-performance .wrekt-performance-hero { grid-template-columns:1.15fr .85fr; }
.profile-book-performance .wrekt-performance-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.profile-book-performance .profile-performance-sheet.wrekt-performance-charts { grid-template-columns:1fr 1fr; }
.profile-book-performance .profile-performance-sheet.wrekt-performance-charts>.wrekt-performance-note { grid-column:1/-1; }
@media(max-height:460px) {
 .profile-book-performance .wrekt-performance-chart svg { height:85px; }
 .profile-book-performance .wrekt-performance-chart header { margin-bottom:3px; }
 .profile-book-performance .wrekt-performance-hero { margin-bottom:4px; }
}


/* v340 Books motion + dense receipt spread. */
.profile-panel{
  transition:width 340ms cubic-bezier(.2,.82,.2,1),box-shadow 340ms ease;
  transform-origin:right center;
}
.profile-panel:has(.profile-books-page:not([hidden])){
  box-shadow:-30px 0 64px rgba(0,0,0,.42);
}
.profile-books-page:not([hidden]){
  transform-origin:right center;
  animation:wrekt-books-open 340ms cubic-bezier(.2,.82,.2,1) both;
}
@keyframes wrekt-books-open{
  0%{opacity:.25;transform:perspective(1200px) rotateY(7deg) translateX(22px) scaleX(.985);filter:brightness(.72)}
  62%{opacity:1;transform:perspective(1200px) rotateY(-.8deg) translateX(-2px) scaleX(1.002);filter:brightness(1.03)}
  100%{opacity:1;transform:perspective(1200px) rotateY(0) translateX(0) scaleX(1);filter:brightness(1)}
}
.profile-books-page .profile-history-content{
  overflow:hidden;
}
.profile-books-page .profile-call-history-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:minmax(72px,auto);
  align-content:start;
  gap:8px;
  min-height:0;
  flex:1;
  overflow-y:auto;
  padding:2px 3px 4px 0;
  scrollbar-gutter:stable;
}
.profile-books-page .profile-call-receipt{
  min-height:72px;
  padding:9px 10px;
  gap:5px 9px;
}
.profile-books-page .profile-call-receipt-main strong,
.profile-books-page .profile-call-receipt-result strong{font-size:11px}
.profile-books-page .profile-call-receipt-main small,
.profile-books-page .profile-call-receipt-result small,
.profile-books-page .profile-call-receipt>time{font-size:8px}
.profile-books-page .profile-pagination{
  margin-top:2px;
}
@media(max-width:850px){
  .profile-panel{transition:width 240ms cubic-bezier(.2,.82,.2,1)}
  .profile-books-page .profile-call-history-list{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .profile-panel{transition:none}
  .profile-books-page:not([hidden]){animation:none}
}

/* v339 Books readability pass: widen the Books surface and scroll instead of shrinking type. */
.profile-panel:has(.profile-books-page:not([hidden])){width:min(760px,60vw)}
.profile-books-page{overflow:hidden}
.profile-book-performance{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding-right:4px}
.profile-books-page .wrekt-performance{box-sizing:border-box;height:auto;min-height:100%;padding:0 2px 8px 0;display:flex;flex-direction:column;gap:8px;overflow:visible}
.profile-books-page .wrekt-performance-hero{grid-template-columns:1fr 1fr;gap:8px;margin:0}
.profile-books-page .wrekt-performance-score{min-height:94px;padding:12px}
.profile-books-page .wrekt-performance-score span{font-size:9px;line-height:1.2}
.profile-books-page .wrekt-performance-score strong{margin-top:4px;font-size:28px}
.profile-books-page .wrekt-performance-score small{margin-top:7px;font-size:10px;line-height:1.3}
.profile-books-page .wrekt-performance-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.profile-books-page .wrekt-performance-stats div,
.profile-books-page .wrekt-performance-grid div{padding:8px 9px;border-radius:7px;min-height:43px}
.profile-books-page .wrekt-performance-stats span,
.profile-books-page .wrekt-performance-grid span{font-size:9px;line-height:1.2;letter-spacing:.045em;white-space:normal;text-overflow:clip}
.profile-books-page .wrekt-performance-stats strong,
.profile-books-page .wrekt-performance-grid strong{margin-top:4px;font-size:12px;line-height:1.15;overflow:visible;text-overflow:clip;white-space:normal}
.profile-books-page .wrekt-performance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0}
.profile-books-page .wrekt-performance-breakdowns{grid-template-columns:1fr 1fr;gap:8px;margin:0}
.profile-books-page .wrekt-performance-breakdowns header{padding:7px 8px}
.profile-books-page .wrekt-performance-breakdowns header strong{font-size:9px}
.profile-books-page .wrekt-performance-breakdowns header span{font-size:8px}
.profile-books-page .wrekt-performance-breakdown-row{grid-template-columns:minmax(86px,1fr) 64px 62px 62px;gap:5px;min-height:28px;padding:5px 7px;font-size:8.5px;line-height:1.25}
.profile-books-page .wrekt-performance-breakdown-row span{white-space:nowrap}
.profile-books-page .wrekt-performance-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.profile-books-page .wrekt-performance-chart{padding:8px;border-radius:7px}
.profile-books-page .wrekt-performance-chart header{gap:6px;margin-bottom:6px}
.profile-books-page .wrekt-performance-chart header strong{font-size:9px}
.profile-books-page .wrekt-performance-chart header span{font-size:8px}
.profile-books-page .wrekt-performance-chart svg{height:106px}
.profile-books-page .wrekt-performance-note{margin:2px 2px 0;font-size:8.5px;line-height:1.4}
.profile-history-toggle{flex-shrink:0;min-height:34px;font-size:10px!important}
.profile-history-content{display:flex;flex-direction:column;gap:6px;min-height:0;flex:1;overflow:hidden}

@media(max-width:1100px){
  .profile-panel:has(.profile-books-page:not([hidden])){width:min(700px,72vw)}
  .profile-books-page .wrekt-performance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:850px){
  .profile-panel:has(.profile-books-page:not([hidden])){width:100vw}
  .profile-books-page .wrekt-performance-hero,
  .profile-books-page .wrekt-performance-breakdowns,
  .profile-books-page .wrekt-performance-charts{grid-template-columns:1fr}
  .profile-books-page .wrekt-performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-books-page .wrekt-performance-breakdown-row{grid-template-columns:minmax(82px,1fr) 60px 58px 58px;font-size:8px}
}

.profile-posts-section{overflow-y:auto;padding-right:3px}
.profile-wall-head{position:sticky;top:0;z-index:2;padding:4px 0;background:var(--wv-panel,#0c131b)}
.profile-post-list{display:grid;gap:8px;flex:none;min-height:auto;overflow:visible}
.profile-post{display:block;flex:none;min-height:auto}
.profile-wall-comments{display:grid;gap:4px;margin-top:8px;padding-top:7px;border-top:1px solid rgba(100,123,147,.18)}
.profile-wall-comment{position:relative;padding:5px 24px 5px 7px;border:1px solid rgba(91,130,170,.18);border-radius:7px;background:rgba(5,11,17,.46)}
.profile-wall-comment>div{display:flex;align-items:center;justify-content:space-between;gap:6px}
.profile-wall-comment strong{color:#cfe2ef;font-size:8px}
.profile-wall-comment time{color:#687b8e;font-size:6px}
.profile-wall-comment span{display:block;margin-top:2px;color:#b9c8d6;font-size:9px;line-height:1.3;overflow-wrap:anywhere}
.profile-wall-comment>button{position:absolute;right:3px;top:3px;width:18px;height:18px;padding:0!important;border:0!important;background:transparent!important;color:#718397!important}
.profile-wall-comment-empty{color:#697b8d;font-size:8px}
.profile-wall-comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;margin-top:5px}
.profile-wall-comment-form input{min-width:0;padding:6px 7px;border:1px solid var(--wv-border,#344253);border-radius:7px;background:#0b121b;color:#e4edf5;font-size:11px}
.profile-wall-comment-form button{padding:6px 8px;border:1px solid var(--wv-border,#344253);border-radius:7px;background:var(--wv-control,#15202d);color:#dce6ef;font-size:9px}
@media(max-width:850px){
  .profile-books-page .wrekt-performance-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .profile-books-page .wrekt-performance-charts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-books-page .wrekt-performance-breakdown-row{font-size:6px}
}


/* Wall is part of the profile, not a separate destination. */
.profile-page[data-profile-page="profile"]{overflow-y:auto;overflow-x:hidden;padding-right:3px}
.profile-wall-divider{display:flex;align-items:center;gap:8px;margin:5px 0 1px;color:#71879a;font-size:7px;font-weight:900;letter-spacing:.16em}
.profile-wall-divider::before,.profile-wall-divider::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(96,154,190,.38))}
.profile-wall-divider::after{background:linear-gradient(90deg,rgba(96,154,190,.38),transparent)}
.profile-wall-section{display:flex;flex-direction:column;gap:7px;flex:none;min-height:0;margin:0;padding:0}
.profile-wall-section .profile-wall-head{position:static;padding:0;background:transparent}
.profile-wall-section .profile-post-list{display:grid;gap:8px;overflow:visible}