.more-data-button{margin-top:18px;height:40px;padding:0 15px;border:1px solid var(--outline-variant);border-radius:999px;display:inline-flex;align-items:center;gap:8px;background:var(--surface-container-low);color:var(--on-surface);font-size:12px;font-weight:700}.more-data-button:hover{background:var(--secondary-container);color:var(--on-secondary-container)}.more-data-button .material-symbols-rounded{font-size:18px}
.insights-dialog{width:min(900px,calc(100vw - 48px));max-height:min(860px,calc(100vh - 48px));padding:0 28px 30px;border-radius:28px;background:var(--surface-container-high);color:var(--on-surface);overflow:auto;overscroll-behavior:contain}.insights-head{position:sticky;top:0;z-index:4;margin:0 -28px;padding:22px 28px 18px;display:flex;align-items:flex-start;justify-content:space-between;background:color-mix(in srgb,var(--surface-container-high) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--outline-variant)}.insights-head p{margin:0 0 5px;color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.1em}.insights-head h2{margin:0;font-size:27px;line-height:1.2}.history-toolbar{min-height:54px;display:flex;align-items:center;justify-content:space-between;color:var(--on-surface-variant);font-size:12px}.history-toolbar p{margin:0}.history-toolbar span{font-variant-numeric:tabular-nums}.history-list{display:grid;gap:8px}.history-empty{padding:70px 20px;text-align:center;color:var(--on-surface-variant)}.history-item{min-height:78px;padding:8px 12px 8px 8px;border:1px solid color-mix(in srgb,var(--outline-variant) 78%,transparent);border-radius:18px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px;background:var(--surface-container-low)}.history-poster{width:46px;height:62px;border-radius:11px;object-fit:cover;background:var(--surface-container-highest)}.history-copy{min-width:0;display:grid;gap:3px}.history-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.history-copy span{color:var(--on-surface-variant);font-size:12px}.history-copy small,.history-time{color:var(--outline);font-size:11px;font-variant-numeric:tabular-nums}.history-time{text-align:right;white-space:nowrap}
.profile-identity{padding:26px 0 22px;display:grid;grid-template-columns:116px 1fr;gap:22px;align-items:center}.profile-identity>img{width:116px;height:116px;border-radius:32px}.profile-identity>div{display:grid;grid-template-columns:1fr auto;gap:8px 10px;align-items:end}.profile-identity label{grid-column:1/-1;color:var(--on-surface-variant);font-size:12px;font-weight:700}.profile-identity input{min-width:0;height:48px;padding:0 15px;border:1px solid var(--outline-variant);border-radius:15px;background:var(--surface-container-low);color:var(--on-surface);font-size:17px;font-weight:700;outline:none}.profile-identity input:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 24%,transparent)}.profile-dialog section+section{padding:22px 0;border-top:1px solid var(--outline-variant)}.profile-dialog h3{margin:0 0 14px;font-size:15px}.avatar-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.avatar-options button{min-height:112px;padding:10px;border:1px solid var(--outline-variant);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:var(--surface-container-low);color:var(--on-surface);font-weight:700}.avatar-options button[aria-pressed=true]{border:2px solid var(--primary);background:var(--primary-container);color:var(--on-primary-container)}.avatar-options img{width:64px;height:64px;border-radius:18px}.profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.profile-stat{min-height:96px;padding:16px;border-radius:18px;background:var(--surface-container-low);display:grid;align-content:center;gap:4px}.profile-stat strong{font-size:24px;font-variant-numeric:tabular-nums}.profile-stat span{color:var(--on-surface-variant);font-size:11px}.profile-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-highlight{min-height:108px;padding:12px;border:1px solid var(--outline-variant);border-radius:20px;display:grid;grid-template-columns:58px minmax(0,1fr);gap:13px;align-items:center;background:var(--surface-container-low)}.profile-highlight img{width:58px;height:82px;border-radius:11px;object-fit:cover;background:var(--surface-container-highest)}.profile-highlight div{min-width:0;display:grid;gap:4px}.profile-highlight small{color:var(--primary);font-weight:800}.profile-highlight strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-highlight span{color:var(--on-surface-variant);font-size:11px;line-height:1.5}
@media(max-width:719px){button,.icon-button{-webkit-tap-highlight-color:transparent}.dialog-head-actions{gap:12px!important}.dialog-head-actions>.icon-button{width:44px;height:44px;flex:0 0 44px}.dialog-head-actions>.icon-button:focus:not(:focus-visible){outline:none}.personalize-dialog .headline-editor{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}.personalize-dialog .headline-editor input{grid-column:1/-1;width:100%;min-width:0;height:52px}.personalize-dialog .headline-editor button{width:100%;height:44px;align-self:stretch!important;padding:0 8px}.personalize-dialog .random-title-controls{flex-wrap:wrap}.personalize-dialog .random-title-tip{position:fixed;left:18px;right:18px;top:auto;bottom:calc(20px + env(safe-area-inset-bottom));width:auto}.insights-dialog{inset:auto 0 0 0;width:100%;max-width:none;max-height:92dvh;margin:0;padding:0 18px calc(24px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0}.insights-head{margin:0 -18px;padding:20px 20px 16px}.insights-head h2{font-size:25px}.history-item{grid-template-columns:42px minmax(0,1fr);padding:8px}.history-poster{width:42px;height:58px}.history-time{grid-column:2;text-align:left;margin-top:-4px}.profile-identity{grid-template-columns:84px minmax(0,1fr);gap:14px}.profile-identity>img{width:84px;height:84px;border-radius:24px}.profile-identity>div{grid-template-columns:1fr}.profile-identity label{grid-column:auto}.profile-identity input{width:100%}.profile-identity .primary-button{width:100%}.avatar-options{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-highlights{grid-template-columns:1fr}.more-data-button{margin-top:14px}.top-actions #historyButton{display:none!important}}

/* Keep the scrollbar inside the rounded sheet instead of letting the browser
   paint it beyond the dialog edge. */
.insights-dialog{padding:0;overflow:hidden}
.insights-dialog[open]{display:flex;flex-direction:column}
.insights-head{position:relative;top:auto;flex:0 0 auto;margin:0;padding:22px 28px 18px}
.insights-scroll{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:0 28px 30px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--outline) 52%,transparent) transparent}
.insights-scroll::-webkit-scrollbar{width:9px}
.insights-scroll::-webkit-scrollbar-track{background:transparent;margin:12px 0 18px}
.insights-scroll::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--outline) 48%,transparent);background-clip:content-box}
.insights-scroll::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--outline) 72%,transparent);background-clip:content-box}
.profile-identity>img,.avatar-options img{border-radius:50%;object-fit:cover}
.avatar-options img{width:72px;height:72px}
.profile-stat span{font-size:13px;line-height:1.4}
.profile-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}
.profile-highlight span{font-size:13px;line-height:1.45}
.profile-section-title{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.profile-section-title h3{margin:0}
.profile-info-tip{position:relative;width:22px;height:22px;display:grid;place-items:center;color:var(--on-surface-variant);cursor:help;outline:none}
.profile-info-tip>.material-symbols-rounded{font-size:19px}
.profile-tooltip{position:absolute;left:28px;top:50%;z-index:9;width:min(340px,calc(100vw - 64px));padding:10px 12px;border:1px solid var(--outline-variant);border-radius:12px;background:var(--surface-container-highest);color:var(--on-surface);box-shadow:0 8px 24px rgba(20,20,20,.14);font-size:12px;font-weight:500;line-height:1.55;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-50%) translateX(-4px);transition:opacity .16s,transform .16s,visibility .16s}
.profile-info-tip:hover .profile-tooltip,.profile-info-tip:focus-visible .profile-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}
.more-data-button{height:40px;padding:0 18px;font-size:14px;font-weight:600;border-color:var(--outline-variant);background:var(--md-sys-color-surface-container-lowest)}

@media(max-width:719px){
  .insights-dialog{padding:0}
  .insights-head{margin:0;padding:20px 20px 16px}
  .insights-scroll{padding:0 18px calc(24px + env(safe-area-inset-bottom))}
  .profile-identity>img{border-radius:50%}
  .profile-highlights{grid-template-columns:1fr}
  .profile-tooltip{position:fixed;left:18px;right:18px;top:auto;bottom:calc(18px + env(safe-area-inset-bottom));width:auto;transform:translateY(6px)}
  .profile-info-tip:hover .profile-tooltip,.profile-info-tip:focus-visible .profile-tooltip{transform:translateY(0)}
}
@media(max-width:719px){.dialog-head-actions{gap:14px!important}.dialog-head-actions>.icon-button:focus,.insights-head>.icon-button:focus,.mobile-sheet-head>.icon-button:focus{outline:none!important;box-shadow:none!important}}

/* Profile and history refinements. */
.insights-dialog{transition:opacity 160ms cubic-bezier(.2,0,0,1),transform 160ms cubic-bezier(.2,0,0,1)}
.insights-dialog.closing{opacity:0;transform:translateY(10px) scale(.985);pointer-events:none}
.profile-avatar-button{position:relative;width:116px;height:116px;padding:0;border:0;border-radius:50%;overflow:hidden;background:var(--surface-container-highest);cursor:pointer}
.profile-avatar-button img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover}
.profile-avatar-button>span{position:absolute;inset:auto 8px 8px;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--on-surface) 76%,transparent);color:var(--surface);font-size:11px;font-weight:700;opacity:0;transform:translateY(4px);transition:opacity 160ms,transform 160ms}
.profile-avatar-button:hover>span,.profile-avatar-button:focus-visible>span{opacity:1;transform:none}
.avatar-dialog{width:min(620px,calc(100vw - 48px))}
.avatar-dialog .insights-scroll{padding-top:24px}
.avatar-options button{cursor:pointer}
.profile-stats{grid-auto-rows:1fr}
.profile-stat{min-width:0;min-height:112px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.profile-stat strong{max-width:100%;line-height:1.08;overflow-wrap:anywhere}
.profile-stat span{min-height:2.8em;display:flex;align-items:flex-start}

@media(max-width:719px){
  .history-list{gap:12px}
  .history-item{min-height:116px;padding:0 14px 0 0;grid-template-columns:86px minmax(0,1fr);grid-template-rows:1fr auto;column-gap:14px;overflow:hidden;align-items:stretch}
  .history-poster{grid-column:1;grid-row:1/-1;width:86px;height:100%;min-height:116px;border-radius:17px 0 0 17px;align-self:stretch}
  .history-copy{grid-column:2;grid-row:1;align-self:end;padding-top:13px}
  .history-copy strong{font-size:15px}
  .history-time{grid-column:2;grid-row:2;align-self:start;margin:3px 0 13px;text-align:left}
  .profile-identity{grid-template-columns:92px minmax(0,1fr)}
  .profile-avatar-button{width:92px;height:92px}
  .profile-avatar-button>span{opacity:1;inset:auto 7px 7px;padding:4px 7px}
  .profile-stats{grid-auto-rows:132px;align-items:stretch}
  .profile-stat{height:100%;min-height:0;padding:18px 16px}
  .profile-stat strong{font-size:clamp(25px,7vw,34px)}
  .profile-stat span{min-height:2.8em;font-size:14px;line-height:1.4}
  .avatar-dialog .avatar-options{padding-bottom:8px}
}

@media(prefers-reduced-motion:reduce){.insights-dialog{transition:none}.insights-dialog.closing{transform:none}}
