/* ====== PediRounds hub (account, leaderboard, Daily 5, invites) ====== */
:root{
  --prh-bg:#f4f7f6;--prh-card:#fff;--prh-ink:#0b2e33;--prh-muted:#5b6b6e;--prh-line:#e2e8e6;--prh-soft:#eef3f2;
  --prh-acc:#0e7c7b;--prh-acc-2:#14a3a0;--prh-acc-soft:#e1f0ef;--prh-on-acc:#fff;
  --prh-ok:#1d9a5b;--prh-ok-soft:#e3f5ec;--prh-bad:#d0443c;--prh-bad-soft:#fbe8e6;--prh-gold:#b8860b;
  --prh-r:18px;--prh-shadow:0 1px 2px rgba(11,46,51,.05),0 10px 30px rgba(11,46,51,.09);
  --prh-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
}
body.dark,html[data-theme="dark"],html.prh-dark{
  --prh-bg:#0c1719;--prh-card:#142327;--prh-ink:#e9f1f0;--prh-muted:#a2b6b8;--prh-line:#23373c;--prh-soft:#182b30;
  --prh-acc:#45c9c4;--prh-acc-2:#6fdedb;--prh-acc-soft:#14343a;--prh-on-acc:#04211f;
  --prh-ok:#4cc38a;--prh-ok-soft:#10301f;--prh-bad:#ff7a6e;--prh-bad-soft:#3a1c1a;--prh-gold:#f0c75e;
  --prh-shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px rgba(0,0,0,.4);
}
html[data-accent="sunrise"]{--prh-acc:#D9502A;--prh-acc-2:#F2703F;--prh-acc-soft:#FCE9E1}html[data-accent="sunrise"] body.dark,html[data-accent="sunrise"].prh-dark,html[data-accent="sunrise"][data-theme="dark"]{--prh-acc:#FF8A5C;--prh-acc-2:#FFA47F;--prh-acc-soft:#3A1D14;--prh-on-acc:#14080a}
html[data-accent="ocean"]{--prh-acc:#1F6FD1;--prh-acc-2:#3F8AEB;--prh-acc-soft:#E3EEFC}html[data-accent="ocean"] body.dark,html[data-accent="ocean"].prh-dark,html[data-accent="ocean"][data-theme="dark"]{--prh-acc:#5FA2F5;--prh-acc-2:#86B9F8;--prh-acc-soft:#142640;--prh-on-acc:#14080a}
html[data-accent="lavender"]{--prh-acc:#7B4FD6;--prh-acc-2:#9573E6;--prh-acc-soft:#EEE7FC}html[data-accent="lavender"] body.dark,html[data-accent="lavender"].prh-dark,html[data-accent="lavender"][data-theme="dark"]{--prh-acc:#A88BF2;--prh-acc-2:#C0AAF6;--prh-acc-soft:#261C3D;--prh-on-acc:#14080a}
html[data-accent="forest"]{--prh-acc:#2E8B4E;--prh-acc-2:#3FA864;--prh-acc-soft:#E2F3E8}html[data-accent="forest"] body.dark,html[data-accent="forest"].prh-dark,html[data-accent="forest"][data-theme="dark"]{--prh-acc:#55C27F;--prh-acc-2:#7AD39C;--prh-acc-soft:#15301F;--prh-on-acc:#14080a}
html[data-accent="midnight"]{--prh-acc:#3949AB;--prh-acc-2:#5465C7;--prh-acc-soft:#E6E9F8}html[data-accent="midnight"] body.dark,html[data-accent="midnight"].prh-dark,html[data-accent="midnight"][data-theme="dark"]{--prh-acc:#7C8AE6;--prh-acc-2:#9DA8EE;--prh-acc-soft:#1A1F3D;--prh-on-acc:#14080a}
html[data-accent="rose"]{--prh-acc:#C93468;--prh-acc-2:#E4517F;--prh-acc-soft:#FCE6EE}html[data-accent="rose"] body.dark,html[data-accent="rose"].prh-dark,html[data-accent="rose"][data-theme="dark"]{--prh-acc:#F06A97;--prh-acc-2:#F48FB1;--prh-acc-soft:#3B1626;--prh-on-acc:#14080a}
html.prh-lock,html.prh-lock body{overflow:hidden}

/* sheet / dialog */
.prh-back{position:fixed;inset:0;z-index:1000;background:rgba(6,20,23,.45);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .18s ease;font-family:var(--prh-sans)}
.prh-back.on{opacity:1}
.prh-sheet{position:relative;width:100%;max-width:460px;max-height:92vh;overflow:auto;overscroll-behavior:contain;background:var(--prh-card);color:var(--prh-ink);
  border-radius:24px 24px 0 0;padding:22px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(0,0,0,.25);
  transform:translateY(24px);transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.prh-sheet.wide{max-width:520px}
.prh-back.on .prh-sheet{transform:none}
.prh-sheet::before{content:"";display:block;width:40px;height:4px;border-radius:4px;background:var(--prh-line);margin:-10px auto 14px}
@media (min-width:640px){.prh-back{align-items:center}.prh-sheet{border-radius:24px;padding-bottom:22px}.prh-sheet::before{display:none}}
.prh-x{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--prh-muted);background:var(--prh-soft);border:0;cursor:pointer}
.prh-x svg{width:16px;height:16px}
.prh-sheet h3{margin:0 40px 6px 0;font:750 21px/1.2 var(--prh-sans);letter-spacing:-.02em;color:var(--prh-ink)}
.prh-lead{margin:0 0 14px;color:var(--prh-muted);font-size:14px;line-height:1.5}
.prh-fine{margin:12px 0 0;color:var(--prh-muted);font-size:12px;text-align:center;line-height:1.5}
.prh-loading{padding:40px 0;text-align:center;color:var(--prh-muted)}

/* form */
.prh-field{display:block;margin-bottom:12px}
.prh-field>span:first-child{display:block;font-size:12.5px;font-weight:650;color:var(--prh-muted);margin-bottom:5px}
.prh-field input,.prh-field select{width:100%;box-sizing:border-box;font:16px var(--prh-sans);color:var(--prh-ink);background:var(--prh-bg);border:1.5px solid var(--prh-line);
  border-radius:13px;padding:12px 13px;outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
.prh-field select{background-image:linear-gradient(45deg,transparent 50%,var(--prh-muted) 50%),linear-gradient(135deg,var(--prh-muted) 50%,transparent 50%);
  background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px}
.prh-field input:focus,.prh-field select:focus{border-color:var(--prh-acc);box-shadow:0 0 0 3px var(--prh-acc-soft)}
.prh-field #prhColSearch{margin-bottom:8px}
.prh-field #prhColOther{margin-top:8px}
.prh-sheet [hidden]{display:none!important}
.prh-pw{position:relative;display:block}
.prh-pw input{padding-right:70px}
.prh-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:var(--prh-acc-soft);color:var(--prh-acc);font:700 12.5px var(--prh-sans);padding:7px 11px;border-radius:9px;cursor:pointer}
.prh-check{display:flex;gap:10px;align-items:flex-start;margin:4px 0 12px;font-size:13.5px;line-height:1.45;color:var(--prh-ink);cursor:pointer}
.prh-check input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--prh-acc)}
.prh-check a{color:var(--prh-acc);font-weight:650}
.prh-err{background:var(--prh-bad-soft);color:var(--prh-bad);border-radius:11px;padding:9px 12px;font-size:13.5px;margin-bottom:10px;line-height:1.45}
.prh-inline{border:0;background:none;color:var(--prh-acc);font:inherit;font-weight:700;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.prh-tabs{display:flex;background:var(--prh-soft);border-radius:13px;padding:4px;margin:0 40px 16px 0}
.prh-tabs button{flex:1;border:0;background:none;padding:9px 6px;border-radius:10px;font:650 14px var(--prh-sans);color:var(--prh-muted);cursor:pointer}
.prh-tabs button.on{background:var(--prh-card);color:var(--prh-ink);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.prh-links{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px}
.prh-links button{border:0;background:none;color:var(--prh-acc);font:600 13px var(--prh-sans);cursor:pointer;padding:4px 0}
.prh-giftline{display:flex;gap:10px;align-items:center;background:var(--prh-acc-soft);color:var(--prh-ink);border-radius:13px;padding:10px 12px;margin-bottom:12px;font-size:13.5px;line-height:1.4}
.prh-giftline svg{width:22px;height:22px;flex:none;color:var(--prh-acc)}

/* buttons */
.prh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;text-decoration:none;
  background:var(--prh-acc);color:var(--prh-on-acc);font:700 15px var(--prh-sans);padding:13px 18px;border-radius:14px;min-height:46px;
  transition:transform .12s,filter .15s,background .15s;-webkit-tap-highlight-color:transparent}
.prh-btn:active{transform:scale(.97)}
.prh-btn:disabled{opacity:.6;cursor:default}
.prh-btn svg{width:18px;height:18px}
.prh-btn.ghost{background:var(--prh-soft);color:var(--prh-ink)}
.prh-btn.sm{padding:9px 14px;min-height:38px;font-size:13.5px;border-radius:12px}
.prh-wide{width:100%;margin-top:4px}
.prh-row{display:flex;gap:10px;margin-top:14px}
.prh-row>*{flex:1}
.prh-chips{display:flex;flex-wrap:wrap;gap:8px}
.prh-chip{border:1.5px solid var(--prh-line);background:var(--prh-card);color:var(--prh-ink);font:650 14px var(--prh-sans);padding:8px 14px;border-radius:999px;cursor:pointer}
.prh-chip.on{background:var(--prh-acc);border-color:var(--prh-acc);color:var(--prh-on-acc)}

/* toast */
.prh-toast{position:fixed;left:50%;bottom:calc(90px + env(safe-area-inset-bottom));transform:translate(-50%,16px);z-index:1100;opacity:0;pointer-events:none;
  background:var(--prh-ink);color:var(--prh-card);font:650 14px var(--prh-sans);padding:11px 18px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.25);
  transition:opacity .2s,transform .2s;max-width:86vw;text-align:center}
.prh-toast.on{opacity:1;transform:translate(-50%,0)}

/* share */
.prh-share-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.prh-sbtn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 6px;border-radius:14px;border:1.5px solid var(--prh-line);background:var(--prh-card);
  color:var(--prh-ink);font:650 12.5px var(--prh-sans);text-decoration:none;cursor:pointer}
.prh-sbtn svg{width:24px;height:24px}
.prh-sbtn.wa svg{color:#25d366}.prh-sbtn.tg svg{color:#229ed9}
.prh-pre{white-space:pre-wrap;background:var(--prh-soft);border-radius:13px;padding:12px;font:14px/1.5 var(--prh-sans);color:var(--prh-ink);margin:8px 0}

/* invite */
.prh-inv-hero{text-align:center;padding-top:4px}
.prh-inv-hero h3{margin-right:0}
.prh-inv-ic{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,var(--prh-acc-2),var(--prh-acc));color:#fff;margin-bottom:10px;box-shadow:0 8px 20px color-mix(in srgb,var(--prh-acc) 35%,transparent)}
.prh-inv-ic svg{width:30px;height:30px}
.prh-codebox{display:flex;align-items:center;gap:10px;background:var(--prh-soft);border:1.5px dashed color-mix(in srgb,var(--prh-acc) 45%,var(--prh-line));border-radius:15px;padding:11px 12px}
.prh-codebox div{flex:1;min-width:0}
.prh-codebox small{display:block;font-size:11.5px;color:var(--prh-muted);font-weight:650}
.prh-codebox b{display:block;font:700 15.5px ui-monospace,'SF Mono',Menlo,Consolas,monospace;color:var(--prh-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prh-progress{background:var(--prh-soft);border-radius:15px;padding:13px 14px;margin:4px 0 12px}
.prh-progress-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:14px}
.prh-progress-top span{font-size:12px;color:var(--prh-muted);white-space:nowrap}
.prh-bar{height:9px;border-radius:9px;background:var(--prh-line);overflow:hidden;margin:9px 0 7px}
.prh-bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--prh-acc),var(--prh-acc-2));transition:width .5s}
.prh-progress small,.prh-addfriend small{color:var(--prh-muted);font-size:12px}
.prh-tiers{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:7px}
.prh-tiers li{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:14px;border:1.5px solid var(--prh-line);opacity:.78}
.prh-tiers li.got{opacity:1;border-color:color-mix(in srgb,var(--prh-acc) 45%,var(--prh-line));background:var(--prh-acc-soft)}
.prh-tier-e{font-size:24px;width:30px;text-align:center}
.prh-tier-t{flex:1;min-width:0;font-size:14px}
.prh-tier-t small{display:block;color:var(--prh-muted);font-size:12px;margin-top:1px}
.prh-tier-s{width:24px;height:24px;color:var(--prh-muted)}
.prh-tiers li.got .prh-tier-s{color:var(--prh-acc)}
.prh-addfriend{border-top:1px solid var(--prh-line);padding-top:12px}
.prh-addfriend input{text-transform:uppercase;letter-spacing:.12em;font-family:ui-monospace,Menlo,Consolas,monospace}
.prh-addfriend .prh-err{margin-top:8px}

/* themes */
.prh-themes{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.prh-theme{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:12px;border-radius:15px;border:1.5px solid var(--prh-line);background:var(--prh-card);color:var(--prh-ink);cursor:pointer;font-family:var(--prh-sans)}
.prh-theme.on{border-color:var(--prh-acc);box-shadow:0 0 0 3px var(--prh-acc-soft)}
.prh-theme.locked{opacity:.7}
.prh-sw{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;margin-bottom:5px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.prh-sw svg{width:17px;height:17px}
.prh-theme b{font-size:14.5px}
.prh-theme small{font-size:11.5px;color:var(--prh-muted);line-height:1.35}

/* account */
.prh-acct-hero{text-align:center}
.prh-acct-hero h3{margin:8px 0 3px}
.prh-avatar{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,var(--prh-acc-2),var(--prh-acc));color:#fff;font:800 12.5px var(--prh-sans);letter-spacing:.02em;flex:none}
.prh-avatar svg{width:60%;height:60%}
.prh-avatar.lg{width:64px;height:64px;font-size:22px}
.prh-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px;margin:12px 0}
.prh-stats div{background:var(--prh-soft);border-radius:14px;padding:10px 6px;text-align:center}
.prh-stats b{display:block;font:800 18px var(--prh-sans);color:var(--prh-ink)}
.prh-stats small{font-size:11.5px;color:var(--prh-muted)}
.prh-menu{display:flex;flex-direction:column;border:1.5px solid var(--prh-line);border-radius:16px;overflow:hidden}
.prh-menu>*{display:flex;align-items:center;gap:12px;padding:13px 14px;border:0;border-bottom:1px solid var(--prh-line);background:var(--prh-card);color:var(--prh-ink);text-decoration:none;font:600 14.5px var(--prh-sans);text-align:left;cursor:pointer}
.prh-menu>*:last-child{border-bottom:0}
.prh-menu span{width:24px;height:24px;display:grid;place-items:center;color:var(--prh-acc);font-size:18px}
.prh-menu span svg{width:21px;height:21px}
.prh-menu b{flex:1;font-weight:650}
.prh-menu i{font-style:normal;color:var(--prh-muted);font-size:13px}
.prh-perks{list-style:none;padding:0;margin:4px 0 6px;display:grid;gap:9px}
.prh-perks li{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.45;background:var(--prh-soft);padding:11px 12px;border-radius:14px}
.prh-badge{font-size:.92em;font-weight:400}
.prh-gold{background:linear-gradient(100deg,#b8860b,#f1c40f 45%,#b8860b);-webkit-background-clip:text;background-clip:text;color:transparent!important}

/* pages: leaderboard + Daily 5 */
.prh-page{font-family:var(--prh-sans);color:var(--prh-ink)}
.prh-head h2{margin:2px 0 4px;font:800 26px/1.15 var(--prh-sans);letter-spacing:-.025em;color:var(--prh-ink)}
.prh-head p{margin:0 0 14px;color:var(--prh-muted);font-size:14px;line-height:1.5}
.prh-eyebrow{font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--prh-acc)}
.prh-seg{display:flex;gap:4px;background:var(--prh-soft);padding:4px;border-radius:14px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none}
.prh-seg::-webkit-scrollbar{display:none}
.prh-seg button{flex:1;white-space:nowrap;border:0;background:none;padding:9px 10px;border-radius:11px;font:650 13.5px var(--prh-sans);color:var(--prh-muted);cursor:pointer}
.prh-seg button.on{background:var(--prh-card);color:var(--prh-ink);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.prh-cta{display:flex;align-items:center;gap:12px;background:var(--prh-card);border:1.5px solid color-mix(in srgb,var(--prh-acc) 35%,var(--prh-line));border-radius:16px;padding:12px 13px;margin:0 0 12px}
.prh-cta.big{margin-top:12px}
.prh-cta>div{flex:1;min-width:0}
.prh-cta b{display:block;font-size:14.5px}
.prh-cta small{display:block;color:var(--prh-muted);font-size:12.5px;line-height:1.4;margin-top:2px}
.prh-cta-ic{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--prh-acc-soft);color:var(--prh-acc);flex:none}
.prh-cta-ic svg{width:22px;height:22px}
.prh-lb{background:var(--prh-card);border:1px solid var(--prh-line);border-radius:var(--prh-r);overflow:hidden;box-shadow:var(--prh-shadow)}
.prh-lb-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--prh-line)}
.prh-lb-row:last-child{border-bottom:0}
.prh-lb-row.head{padding:9px 14px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--prh-muted);background:var(--prh-soft)}
.prh-lb-row.head span:last-child{text-align:right}
.prh-lb-row.me{background:var(--prh-acc-soft)}
.prh-rank{font:800 15px var(--prh-sans);color:var(--prh-muted);text-align:center}
.prh-rank.top{font-size:21px}
.prh-who{min-width:0}
.prh-who b{display:block;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prh-who em{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--prh-on-acc);background:var(--prh-acc);padding:2px 6px;border-radius:6px;vertical-align:2px}
.prh-who small{display:block;font-size:12px;color:var(--prh-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}
.prh-val{font:800 17px ui-monospace,'SF Mono',Menlo,Consolas,monospace;color:var(--prh-ink);text-align:right}
.prh-gap{text-align:center;color:var(--prh-muted);padding:4px 0;letter-spacing:.3em;background:var(--prh-soft)}
.prh-note{color:var(--prh-muted);font-size:12.5px;line-height:1.5;margin:12px 2px 0}
.prh-empty{text-align:center;color:var(--prh-muted);padding:34px 18px;background:var(--prh-card);border:1px dashed var(--prh-line);border-radius:var(--prh-r)}
.prh-empty svg{width:34px;height:34px;color:var(--prh-acc);opacity:.7}
.prh-empty p{margin:8px 0 12px;line-height:1.5}
.prh-skel{height:58px;border-radius:14px;margin-bottom:8px;background:linear-gradient(90deg,var(--prh-soft),var(--prh-line),var(--prh-soft));background-size:200% 100%;animation:prhShimmer 1.2s infinite}
@keyframes prhShimmer{to{background-position:-200% 0}}

.prh-daily-top{display:flex;justify-content:space-between;align-items:center;margin:2px 0 12px}
.prh-dots{display:flex;gap:6px}
.prh-dots i{width:26px;height:7px;border-radius:7px;background:var(--prh-line)}
.prh-dots i.cur{background:var(--prh-acc)}
.prh-dots i.ok{background:var(--prh-ok)}
.prh-dots i.bad{background:var(--prh-bad)}
.prh-q{background:var(--prh-card);border:1px solid var(--prh-line);border-radius:var(--prh-r);padding:16px;box-shadow:var(--prh-shadow)}
.prh-q-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:700;color:var(--prh-acc);text-transform:uppercase;letter-spacing:.05em}
.prh-q-meta span{color:var(--prh-muted);white-space:nowrap}
.prh-stem{font-size:16.5px;line-height:1.55;margin:10px 0 14px;font-weight:550}
.prh-opts{display:grid;gap:9px}
.prh-opt{display:flex;gap:11px;align-items:flex-start;text-align:left;width:100%;padding:12px 13px;border-radius:14px;border:1.5px solid var(--prh-line);background:var(--prh-card);color:var(--prh-ink);
  font:500 15px/1.45 var(--prh-sans);cursor:pointer;transition:border-color .15s,background .15s,transform .1s}
.prh-opt:active{transform:scale(.99)}
.prh-opt .k{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:13px;background:var(--prh-soft);color:var(--prh-muted)}
.prh-opt.right{border-color:var(--prh-ok);background:var(--prh-ok-soft)}
.prh-opt.right .k{background:var(--prh-ok);color:#fff}
.prh-opt.wrong{border-color:var(--prh-bad);background:var(--prh-bad-soft)}
.prh-opt.wrong .k{background:var(--prh-bad);color:#fff}
.prh-opt.dim{opacity:.55}
.prh-opt:disabled{cursor:default}
.prh-exp{margin:14px 0 10px;padding:13px 14px;border-radius:14px;font-size:14px;line-height:1.55}
.prh-exp.ok{background:var(--prh-ok-soft)}.prh-exp.bad{background:var(--prh-bad-soft)}
.prh-exp>b{display:block;font-size:15px;color:var(--prh-ok)}
.prh-exp.bad>b{color:var(--prh-bad)}
.prh-exp p{margin:7px 0 0}
.prh-exp mark{background:color-mix(in srgb,var(--prh-acc) 22%,transparent);color:inherit;border-radius:3px;padding:0 2px}
.prh-exp details{margin-top:8px}
.prh-exp summary{cursor:pointer;font-weight:700;color:var(--prh-acc)}
.prh-result{background:var(--prh-card);border:1px solid var(--prh-line);border-radius:22px;padding:22px 18px;box-shadow:var(--prh-shadow);text-align:center}
.prh-result.pop{animation:prhPop .45s cubic-bezier(.2,.8,.2,1.2)}
@keyframes prhPop{from{transform:scale(.94);opacity:0}to{transform:none;opacity:1}}
.prh-score{font:900 64px/1 var(--prh-sans);letter-spacing:-.04em;margin:8px 0 4px;color:var(--prh-ink)}
.prh-score small{font-size:26px;color:var(--prh-muted);font-weight:700}
.prh-grid{font-size:30px;letter-spacing:4px;margin:4px 0}
.prh-msg{margin:6px 0 4px;font-weight:650}
.prh-result .prh-cta{text-align:left;margin-top:12px}
.prh-review{margin:18px 0 8px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--prh-muted);text-align:left}
.prh-revlist{display:grid;gap:7px}
.prh-rev{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:10px 12px;border-radius:13px;border:1px solid var(--prh-line);background:var(--prh-bg);color:var(--prh-ink);font:500 13.5px/1.4 var(--prh-sans);cursor:pointer}

/* header chip (homepage) */
.prh-chipbtn{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--prh-line);background:var(--prh-card);color:var(--prh-ink);border-radius:999px;padding:5px 12px 5px 6px;
  font:650 13.5px var(--prh-sans);cursor:pointer;min-height:38px}
.prh-chipbtn>svg{width:20px;height:20px;margin-left:4px}
.prh-chipbtn.signed{padding-left:4px}
.prh-chip-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.prh-back,.prh-sheet,.prh-result.pop,.prh-skel{transition:none;animation:none}}

/* read aloud */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.prh-q-meta{align-items:center}
.prh-q-meta .prh-q-topic{flex:1;min-width:0;color:var(--prh-acc);white-space:normal}
.prh-listen{flex:none;width:36px;height:36px;margin:-6px -6px -6px 2px;border-radius:12px;border:0;display:grid;place-items:center;background:var(--prh-acc-soft);color:var(--prh-acc);cursor:pointer}
.prh-listen svg{width:20px;height:20px}
/* read-aloud player: a small see-through pill that stays out of the text's way */
.prh-tts{position:fixed;left:0;right:0;bottom:calc(82px + env(safe-area-inset-bottom));z-index:900;width:max-content;max-width:calc(100vw - 24px);margin:0 auto;
  display:flex;align-items:center;gap:2px;padding:3px 3px 3px 11px;border-radius:999px;
  background:rgba(10,32,36,.46);-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);
  border:1px solid rgba(255,255,255,.22);color:#fff;font:650 12px var(--prh-sans);box-shadow:0 6px 18px rgba(0,0,0,.16);
  animation:prhUp .2s ease;transition:background .2s}
.prh-tts:hover,.prh-tts:focus-within{background:rgba(10,32,36,.72)}
body.dark .prh-tts,html[data-theme="dark"] .prh-tts{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2)}
body.dark .prh-tts:hover,html[data-theme="dark"] .prh-tts:hover,body.dark .prh-tts:focus-within,html[data-theme="dark"] .prh-tts:focus-within{background:rgba(30,48,54,.85)}
@keyframes prhUp{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
.prh-tts-t{min-width:0;max-width:150px;margin:0 4px 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.prh-tts button{flex:none;width:30px;height:30px;padding:0;border-radius:50%;border:0;display:grid;place-items:center;background:transparent;color:inherit;font:800 11px var(--prh-sans);cursor:pointer;transition:background .15s}
.prh-tts button:hover,.prh-tts button[aria-expanded="true"]{background:rgba(255,255,255,.18)}
.prh-tts button[data-tts="rate"]{width:auto;min-width:34px;padding:0 6px;border-radius:15px}
.prh-tts button[data-tts="pause"]{background:rgba(255,255,255,.2)}
.prh-tts button svg{width:16px;height:16px}
.prh-tts-wave{display:flex;gap:2px;align-items:flex-end;height:12px}
.prh-tts-wave i{width:2.5px;border-radius:2px;background:#7fe6e2;animation:prhWave 1s ease-in-out infinite}
.prh-tts-wave i:nth-child(2){animation-delay:.15s}.prh-tts-wave i:nth-child(3){animation-delay:.3s}
.prh-tts.paused .prh-tts-wave i{animation:none;height:4px}
@keyframes prhWave{0%,100%{height:4px}50%{height:12px}}
/* voice picker, opens above the pill */
.prh-tts-menu{position:absolute;right:0;bottom:calc(100% + 8px);width:min(300px,calc(100vw - 24px));max-height:min(320px,55vh);overflow:auto;overscroll-behavior:contain;
  padding:6px;border-radius:16px;background:var(--prh-card);color:var(--prh-ink);border:1px solid var(--prh-line);box-shadow:0 14px 36px rgba(0,0,0,.22);animation:prhUp .16s ease}
.prh-tts-mh{font:800 10.5px var(--prh-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--prh-muted);padding:6px 9px 4px}
.prh-tts .prh-tts-menu button{width:100%;height:auto;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 10px 8px 30px;text-align:left;position:relative;font:600 13px var(--prh-sans)}
.prh-tts .prh-tts-menu button small{font:500 11px var(--prh-sans);color:var(--prh-muted)}
.prh-tts .prh-tts-menu button:hover{background:var(--prh-soft)}
.prh-tts .prh-tts-menu button[aria-checked="true"]{background:var(--prh-acc-soft);color:var(--prh-acc)}
.prh-tts .prh-tts-menu button[aria-checked="true"]::before{content:"";position:absolute;left:11px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--prh-acc)}
/* the sentence being read */
::highlight(prh-read){background-color:rgba(255,212,79,.45);color:inherit}
html[data-theme="dark"] ::highlight(prh-read),body.dark ::highlight(prh-read){background-color:rgba(255,200,64,.3)}
.prh-reading{background:rgba(255,212,79,.26)!important;border-radius:6px;box-shadow:0 0 0 3px rgba(255,212,79,.26)}
@media (min-width:901px){.prh-tts{left:auto;right:22px;margin:0}}
@media (prefers-reduced-motion:reduce){.prh-tts,.prh-tts-menu,.prh-tts-wave i{animation:none}.prh-tts-wave i{height:8px}}