/* Identity, recovery and public records share the same quiet reading surface. */
.profile-app .profile-reader:not(.profile-overview-mode){max-width:800px;padding:16px;gap:16px;background:var(--pm-ui-ink);color:var(--pm-ui-text)}
.profile-app .profile-reader:not(.profile-overview-mode) h1{font-size:var(--pm-ui-title-size);line-height:1.2;letter-spacing:-.025em;margin:0;color:var(--pm-ui-text)}
.profile-app .profile-reader:not(.profile-overview-mode) h2{font-size:20px;line-height:1.3;color:var(--pm-ui-text)}
.profile-app .profile-reader :is(.profile-label,.profile-ranking strong){color:var(--pm-ui-text)}
.profile-app .profile-reader :is(p,small,.profile-page-count){color:var(--pm-ui-muted);line-height:1.5}
.profile-app .profile-reader .profile-label input{min-height:48px;background:var(--pm-ui-surface);color:var(--pm-ui-text);border:1px solid var(--pm-ui-line);border-radius:16px;font-size:16px}
.profile-app .profile-reader .profile-progress{background:none;border:0;border-top:1px solid var(--pm-ui-line);border-radius:0;padding:16px 0;margin:16px 0}
/* Keep the full starter grid in document flow; the profile reader scrolls.
   A capped height with overflow:visible (from polish) paints over the hero summary. */
.profile-app .profile-hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:none;overflow:visible}
.profile-app .profile-hero-grid button{min-width:0;background:none;border:2px solid transparent;border-radius:16px;color:var(--pm-ui-text);padding:6px;gap:6px}
.profile-app .profile-hero-grid button.selected{background:var(--pm-ui-surface);border-color:var(--pm-ui-accent)}
.profile-app .profile-hero-grid :is(strong,small){overflow-wrap:anywhere;font-size:13px;line-height:1.4}
.profile-app .profile-ranking{gap:0;margin:12px 0}
.profile-app .profile-ranking>button{border:0;border-bottom:1px solid var(--pm-ui-line);border-radius:0;background:none;color:var(--pm-ui-text);padding:16px 0;gap:12px;min-width:0}
.profile-app .profile-ranking>button>span{min-width:0;overflow-wrap:anywhere}
.profile-app .profile-ranking img{width:48px;height:48px;object-fit:cover;object-position:center 20%;border-radius:50%}
.profile-app .profile-ranking .profile-rank{color:var(--pm-ui-muted);font-size:18px;min-width:32px}
.profile-app .profile-ranking small{font-size:13px}
.profile-app .profile-reader-footer .exp-button{border-radius:28px;min-height:48px;margin:0}
@media(max-width:360px){.profile-app .profile-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.profile-page.profile-reader.profile-overview-mode{max-width:800px;padding:16px;gap:16px}
.profile-overview-mode .profile-reader-header{gap:12px;align-items:center}
.profile-overview-mode .profile-reader-header h1{font-size:var(--pm-ui-title-size,28px);font-weight:700;line-height:1.15;letter-spacing:-.03em}
.profile-overview-mode .profile-reader-header>.exp-button{min-height:44px;padding:8px 4px;font-size:14px;color:var(--pm-ui-muted,#b7c8c8);background:none;border:0;max-width:116px}
.profile-overview-mode .profile-scroll{padding:0 4px 12px}
.profile-overview{max-width:620px;margin-inline:auto;display:grid;gap:20px}
.profile-overview-mode .profile-identity{margin:0;gap:20px;min-height:112px;padding:16px;position:relative;isolation:isolate;overflow:hidden;border-radius:20px;background:var(--pm-ui-surface-raised)}
.profile-overview-mode .profile-identity-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.profile-overview-mode .profile-identity-scene>img{width:100%;max-width:none;height:100%;object-fit:cover;object-position:center 24%;opacity:.3;filter:saturate(.6)}
.profile-identity-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--pm-ui-ink) 92%,transparent),color-mix(in srgb,var(--pm-ui-ink) 78%,transparent) 58%,color-mix(in srgb,var(--pm-ui-ink) 55%,transparent))}
.profile-overview-mode .profile-identity>.profile-avatar{width:80px;height:80px;max-width:30%;object-fit:cover;object-position:center 24%;border-radius:50%;border:2px solid var(--pm-ui-accent);box-shadow:0 4px 16px var(--pm-ui-shadow);background:var(--pm-ui-surface-raised);flex:none}
.profile-identity-name{position:relative;min-width:0}
.profile-overview-mode .profile-identity .exp-eyebrow{font-size:12px;letter-spacing:.1em;color:var(--pm-ui-muted,#b7c8c8)}
.profile-overview-mode .profile-identity h2{margin:8px 0 0;font-size:clamp(24px,5vw,32px);line-height:1.15;color:var(--pm-ui-text,#f1eee3);overflow-wrap:anywhere}
.profile-current{display:grid;gap:6px}
.profile-section-label{font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.08em;color:var(--pm-ui-accent,#b5dac3)}
.profile-overview-mode .profile-current h3{font-size:22px;line-height:1.3;font-weight:600;margin:0;color:var(--pm-ui-text,#f1eee3)}
.profile-bests{display:grid;gap:12px;min-width:0}
.profile-best{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:14px;line-height:1.5}
.profile-best>span{flex-shrink:0;color:var(--pm-ui-muted,#b7c8c8)}
.profile-best>strong{font-size:15px;font-weight:500;text-align:right;color:var(--pm-ui-text,#f1eee3);overflow-wrap:anywhere}
.profile-board-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 14px}
.profile-board-tab{box-sizing:border-box;min-height:44px;min-width:44px;padding:10px 12px;border:1px solid var(--pm-ui-line);border-radius:28px;background:transparent;color:var(--pm-ui-muted);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.profile-board-tab.selected,.profile-board-tab[aria-selected=true]{background:var(--pm-ui-surface);border-color:var(--pm-ui-accent);color:var(--pm-ui-text)}
.profile-board-tab:focus-visible{outline:2px solid var(--pm-ui-focus,#f3d795);outline-offset:2px}
.profile-board-guide{margin:0 0 10px;font-size:14px;line-height:1.5;color:var(--pm-ui-muted)}
.profile-records{border-top:1px solid var(--pm-ui-line,#3c505b)}
.profile-record{margin:0;padding:0;border:0;border-bottom:1px solid var(--pm-ui-line,#3c505b);background:none;border-radius:0}
.profile-record>summary{min-height:48px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:15px;font-weight:500;line-height:1.4;color:var(--pm-ui-text,#f1eee3);padding:8px 0;list-style:none;box-sizing:border-box}
.profile-record>summary::-webkit-details-marker{display:none}
.profile-record>summary>span{margin-left:auto;font-size:13px;color:var(--pm-ui-muted,#b7c8c8)}
.profile-record>summary::after{content:'›';margin-left:auto;font-size:22px;line-height:1;transform:rotate(90deg);transition:transform var(--pm-ui-enter-time,220ms) ease;color:var(--pm-ui-muted,#b7c8c8)}
.profile-record>summary:has(>span)::after{margin-left:4px}
.profile-record[open]>summary::after{transform:rotate(-90deg)}
.profile-record>summary:focus-visible{outline:2px solid var(--pm-ui-focus,#f3d795);outline-offset:2px;border-radius:4px}
.profile-record-body{padding:0 0 16px;overflow-wrap:anywhere}
.profile-overview-mode .profile-record-body>p{font-size:15px;line-height:1.5;color:var(--pm-ui-muted,#b7c8c8);margin:4px 0 12px}
.profile-overview-mode .profile-record-body>h3{font-size:17px;font-weight:600;margin:20px 0 8px}
.profile-overview-mode .profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;padding:8px 0 20px}
.profile-overview-mode .profile-stats>div{padding:0;background:none;border:0;border-radius:0;text-align:left}
.profile-overview-mode .profile-stats b{font-size:24px;font-weight:600;color:var(--pm-ui-text,#f1eee3)}
.profile-overview-mode .profile-stats small{font-size:13px;line-height:1.4;color:var(--pm-ui-muted,#b7c8c8);margin-top:4px}
.profile-overview-mode .profile-deck{background:none;border:0;border-top:1px solid var(--pm-ui-line);border-radius:0;padding:0;margin:0}
.profile-overview-mode .profile-deck summary{font-size:14px;font-weight:500;min-height:48px;line-height:1.4;gap:8px}
.profile-overview-mode .profile-card-grid{margin:8px 0 16px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px 12px}
.profile-overview-mode .profile-card-grid img{height:136px}
.profile-overview-mode .profile-card-grid span{font-size:13px;line-height:1.4;color:var(--pm-ui-text,#f1eee3)}
.profile-overview-mode .profile-code{font-size:14px;line-height:1.6;padding:12px;background:var(--pm-ui-ink,#0d1921);border-radius:8px;color:var(--pm-ui-accent,#b5dac3)}
.profile-overview-mode .profile-reader-footer{gap:12px;padding-top:12px}
.profile-overview-mode .profile-reader-footer>.exp-button{font-size:15px;min-height:48px;padding:12px;background:none;border-color:var(--pm-ui-line,#3c505b);color:var(--pm-ui-text,#f1eee3);font-weight:500}
.profile-overview-mode .profile-reader-footer>[data-profile-action=close]{background:var(--pm-ui-accent,#b5dac3);border-color:transparent;color:var(--pm-ui-on-accent,#10271e);font-weight:650}
@media(max-width:359px){
 .profile-page.profile-reader.profile-overview-mode{padding:12px;gap:12px}
 .profile-overview-mode .profile-reader-header h1{font-size:25px}
 .profile-overview{gap:16px}
 .profile-overview-mode .profile-identity{gap:12px;min-height:100px;padding:14px 12px}
 .profile-overview-mode .profile-identity>.profile-avatar{height:68px;width:68px}
 .profile-overview-mode .profile-current h3{font-size:20px}
 .profile-best{gap:8px;font-size:13px}
 .profile-best>strong{font-size:14px}
}
@media(max-height:550px) and (orientation:landscape){
 .profile-page.profile-reader.profile-overview-mode{padding:8px 16px;gap:8px;max-width:1000px}
 .profile-overview{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px 32px;max-width:none}
 .profile-overview-mode .profile-identity{grid-column:1;grid-row:1;min-height:88px;gap:12px;padding:12px}
 .profile-overview-mode .profile-identity>.profile-avatar{height:64px;width:64px}
 .profile-current{grid-column:1;grid-row:2;gap:4px}
 .profile-overview-mode .profile-current h3{font-size:19px}
 .profile-best{grid-column:1;grid-row:3;display:grid;gap:2px}
 .profile-best>strong{text-align:left}
 .profile-records{grid-column:2;grid-row:1/4;align-self:start}
 .profile-overview-mode .profile-reader-header h1{font-size:24px}
 .profile-overview-mode .profile-reader-footer{padding-top:8px}
}
@media(prefers-reduced-motion:reduce){.profile-record>summary::after{transition:none}}
:root.calm .profile-record>summary::after{transition:none}

.profile-overview-mode{color:var(--pm-ui-text)}
.profile-overview-mode :is(.profile-reader-header h1,.profile-record-body h3,.profile-deck summary){color:var(--pm-ui-text)}

.profile-app:has(.profile-overview-mode){background:var(--pm-ui-ink);color:var(--pm-ui-text)}
:root[data-theme=light] .profile-identity-scene:after{background:linear-gradient(90deg,color-mix(in srgb,var(--pm-ui-ink) 95%,transparent),color-mix(in srgb,var(--pm-ui-ink) 90%,transparent) 58%,color-mix(in srgb,var(--pm-ui-ink) 82%,transparent))}

/* Reference correction: one soft record sheet, rather than settings-like rules. */
.profile-overview-mode .profile-records{border:0;border-radius:24px;background:var(--pm-ui-surface-soft);padding:0 16px}
.profile-overview-mode .profile-record{border-bottom-color:color-mix(in srgb,var(--pm-ui-line) 40%,transparent)}
.profile-overview-mode .profile-record:last-child{border-bottom:0}
.profile-overview-mode .profile-identity{border-radius:28px}
.profile-overview-mode .profile-reader-footer>.exp-button{border-radius:28px;border:0;background:var(--pm-ui-surface-soft)}
.profile-overview-mode .profile-reader-footer>[data-profile-action=close]{background:var(--pm-ui-accent);color:var(--pm-ui-on-accent)}
.profile-overview-mode .profile-section-label{color:var(--pm-ui-muted)}