/* Profile-local insights: compact and readable alongside the original skill layout. */
.profile-insights{max-width:1160px;margin:24px auto 0;color:var(--text,#f4eff9)}
.pi-toolbar,.pi-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.pi-toolbar{margin-bottom:18px}.pi-toolbar h2{font-size:24px;letter-spacing:-.035em}
.pi-scopes,.pi-periods{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #bd9bff22;border-radius:12px;background:#110f1840}
.pi-scopes button,.pi-periods button{border:1px solid transparent;border-radius:8px;min-height:40px;padding:8px 13px;background:none;color:#b1a4c2;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.pi-scopes button[aria-pressed=true],.pi-periods button[aria-pressed=true]{color:#e4d1fd;background:#bd9bff19;border-color:#bd9bff32}
.profile-insights button:focus-visible,.profile-insights summary:focus-visible{outline:2px solid var(--purple,#bd9bff);outline-offset:3px}
.pi-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.pi-totals>div{display:flex;flex-direction:column;gap:4px;padding:17px 20px;border:1px solid #bd9bff1c;border-radius:15px;background:linear-gradient(140deg,#bd9bff0a,transparent),#18141e}
.pi-totals strong{font-family:var(--font-score,var(--font-ui,inherit));font-size:31px;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.pi-totals strong small{font-size:13px;color:#93869f;font-weight:600}
.pi-totals>div>span{font-size:10px;color:#a799b8}
.pi-panel{min-width:0;padding:21px 22px;border:1px solid #bc9be523;border-radius:18px;background:linear-gradient(140deg,#bd9bff06,transparent),#18141e}
.pi-panel-heading{margin-bottom:15px}.pi-panel h3{font-size:17px;letter-spacing:-.025em;margin:0}.pi-panel-heading>span{font-size:10px;color:#9d8daf;text-align:right}
.pi-priority-list{list-style:none;padding:0;margin:0}.pi-priority-list>li{border-top:1px solid #bd9bff15}.pi-priority-list summary{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:14px;padding:16px 0;min-height:56px;box-sizing:border-box;list-style:none;font-size:14px;font-weight:650;cursor:pointer}
.pi-priority-list summary::-webkit-details-marker,.pi-history>summary::-webkit-details-marker,.pi-values>summary::-webkit-details-marker{display:none}
.pi-priority-list summary>span:first-child{overflow-wrap:anywhere;line-height:1.4}.pi-priority-gain{font-family:var(--font-score,var(--font-ui,inherit));font-variant-numeric:tabular-nums;font-size:20px;color:var(--mint,#a7f3d0);font-weight:700;white-space:nowrap}
.pi-chevron{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid #c5a4ff2a;background:#c5a4ff08;color:#d2bbef;flex-shrink:0}.pi-chevron svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.profile-insights details[open]>summary .pi-chevron svg{transform:rotate(180deg)}
.pi-more-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;margin:10px auto 0;padding:8px 15px;border:1px solid #bd9bff32;border-radius:11px;background:#bd9bff0c;color:#d8c3f1;font:inherit;font-size:12px;font-weight:650;cursor:pointer}.pi-more-button:hover{background:#bd9bff19;border-color:#bd9bff55}.pi-more-button .pi-chevron{width:22px;height:22px;border:0;background:none}.pi-more-button[aria-expanded=true] .pi-chevron svg{transform:rotate(180deg)}
.pi-priority-content{padding:0 0 16px}.pi-priority-content>p{margin:0 0 11px;color:#9f90b1;font-size:11px}.pi-priority-status{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;border:1px solid #bd9bff15;border-radius:12px;background:#100d1650}.pi-priority-status>span{font-size:11px;color:#c4b4d5}
.pi-mark-controls{display:flex;gap:5px;flex-shrink:0}.pi-mark{display:grid;place-items:center;width:44px;min-height:44px;padding:6px;border:1px solid #c8b2e322;border-radius:10px;background:#c8b2e307;color:#9988ac;font:inherit;font-size:19px;cursor:pointer;letter-spacing:-.07em}
.pi-mark[aria-pressed=true].mark-0{border-color:#c8b2e34a;background:#c8b2e314;color:#c8b2e3}.pi-mark[aria-pressed=true].mark-1{border-color:var(--purple,#bd9bff);background:#bd9bff20;color:var(--purple,#bd9bff)}.pi-mark[aria-pressed=true].mark-2{border-color:var(--mint,#a7f3d0);background:#9af5d320;color:var(--mint,#a7f3d0)}.pi-mark:disabled{cursor:default;opacity:.65}
.pi-note{font-size:11px;line-height:1.6;color:#9889a9;margin:14px 0 0}.pi-empty{padding:20px 0;color:#ab9cbb;font-size:13px;line-height:1.6}
.pi-overview{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin:16px 0}.pi-key{display:flex;gap:14px;margin-bottom:18px;font-size:10px;color:#ae9dc1}.pi-key>span{display:flex;align-items:center;gap:6px}.pi-key i{display:inline-block;width:7px;height:7px;border-radius:3px}.pi-achieved{background:var(--purple,#bd9bff)}.pi-perfect{background:var(--mint,#a7f3d0)}
.pi-categories{display:grid;gap:18px}.pi-category>div{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}.pi-category h4{font-size:13px;font-weight:650;line-height:1.4;margin:0}.pi-category strong{font-family:var(--font-score,var(--font-ui,inherit));font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap}.pi-category strong small{font-size:10px;font-family:var(--font-ui,inherit);color:#9787a7}.pi-category>p{display:flex;justify-content:space-between;gap:10px;margin:7px 0 0;color:#9483a6;font-size:10px}.pi-stack{display:flex;height:5px;overflow:hidden;border-radius:9px;background:#d7bbf50c}.pi-stack i{height:100%}
.pi-week-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}.pi-week-stats>div{display:flex;flex-direction:column;gap:6px}.pi-week-stats strong{font-family:var(--font-score,var(--font-ui,inherit));font-size:36px;line-height:1.15;font-weight:700;font-variant-numeric:tabular-nums;color:#d5b8fc}.pi-week-stats span{font-size:11px;color:#b3a1c6}
.pi-history{padding:0;overflow:hidden}.pi-history>summary,.pi-values>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:17px 22px;list-style:none;cursor:pointer;font-size:16px;font-weight:700}.pi-history>summary small{display:block;margin-top:4px;font-size:10px;font-weight:500;color:#9f8fb1}.pi-history-content{padding:0 22px 22px}.pi-periods{width:max-content;max-width:100%;margin:5px 0 20px}.pi-history-stats{display:flex;flex-wrap:wrap;gap:10px 23px;margin-bottom:20px;font-size:10px;color:#9c8bae}.pi-history-stats strong{display:inline-block;margin-right:3px;font-family:var(--font-score,var(--font-ui,inherit));font-size:18px;color:#d7c3ef;font-variant-numeric:tabular-nums}
.pi-graph{position:relative;padding:0 0 25px 42px}.pi-graph>svg{display:block;width:100%;height:228px;overflow:visible}.pi-y-labels{position:absolute;left:0;top:0;bottom:25px;width:34px}.pi-y-labels>span{position:absolute;right:0;transform:translateY(-50%);font-family:var(--font-score,var(--font-ui,inherit));font-size:11px;color:#9a88ad;font-variant-numeric:tabular-nums}.pi-gridline{stroke:#d2b6ef16;stroke-width:1;vector-effect:non-scaling-stroke}.pi-chart-area{fill:#bd9bff12}.pi-chart-line{fill:none;stroke:var(--purple,#bd9bff);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.pi-x-labels{display:flex;justify-content:space-between;margin-top:9px;font-size:10px;color:#9a88ad}
.pi-values{margin-top:17px;border-top:1px solid #bd9bff19}.pi-values>summary{padding:14px 0;min-height:44px;font-size:12px}.pi-table-scroll{overflow-x:auto}.pi-values table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.pi-values th,.pi-values td{padding:10px 8px;border-bottom:1px solid #bd9bff12}.pi-values th{font-weight:600;color:#a894bd}.pi-values td{font-family:var(--font-score,var(--font-ui,inherit));font-size:14px;font-variant-numeric:tabular-nums;text-align:right}.pi-values thead th:not(:first-child){text-align:right}
@media(max-width:700px){.pi-toolbar{align-items:flex-start;flex-wrap:wrap}.pi-toolbar h2{font-size:21px}.pi-scopes{margin-left:auto}.pi-totals{gap:8px}.pi-totals>div{padding:15px 12px}.pi-totals strong{font-size:27px}.pi-totals strong small{font-size:11px}.pi-panel{padding:19px 17px}.pi-panel-heading{gap:10px}.pi-panel h3{font-size:16px}.pi-panel-heading>span{font-size:9px;max-width:115px}.pi-overview{grid-template-columns:1fr}.pi-priority-list summary{gap:10px;font-size:13px}.pi-history{padding:0}.pi-history>summary{padding-inline:17px}.pi-history-content{padding-inline:17px}.pi-priority-status{padding:10px;gap:10px}.pi-priority-status>span{font-size:10px}.pi-mark{width:40px;min-height:44px}.pi-week-stats{margin:20px 0}.pi-history-stats{gap:9px 17px}}
@media(max-width:360px){.pi-scopes{width:100%;margin-left:0}.pi-scopes button{flex:1;min-width:0;padding-inline:8px}.pi-totals>div{padding:13px 9px}.pi-totals strong{font-size:24px}.pi-totals>div>span{font-size:9px}.pi-priority-status{flex-wrap:wrap}.pi-mark-controls{margin-left:auto}.pi-graph{padding-left:34px}.pi-y-labels{width:27px}}
@media(prefers-reduced-motion:reduce){.pi-chevron svg{transition:none}}
