/* Pop-up sheets in the premium (round 2) look, 3 Nov. Loaded last; only under html.pm2 so ?look=old / r1 keep their sheets.
   Apple sheet rules: grouped grey page, white rows with a hairline, one filled purple button, grey segmented controls,
   chosen = pale purple + purple ring (same as lesson answers), icons in grey, no 3D lips or glossy tiles. */
html.pm2 #sheet{--sh-line:rgba(60,60,67,.14);--sh-on:#F6F1FF;--sh-ring:0 0 0 2px var(--pm-purple) inset;background:var(--pm-bg);border-radius:28px 28px 0 0;padding:8px 16px calc(18px + env(safe-area-inset-bottom));color:var(--pm-ink)}
html.pm2 #sheet .grab{width:36px;height:5px;background:#C7C7CC;margin:0 auto 14px}

/* headers: big title, small grey caption, a calm white icon tile */
html.pm2 #sheet .sh-h{align-items:center;gap:14px}
html.pm2 #sheet .sh-h>.ic,html.pm2 #sheet .sh-h .ic{width:48px;height:48px;border-radius:14px;background:#fff !important;color:var(--pm-purple) !important;box-shadow:0 0 0 .5px var(--sh-line),0 6px 14px -8px rgba(16,24,40,.25) !important}
html.pm2 #sheet .sh-h .ic svg{width:26px;height:26px;color:var(--pm-purple) !important}
html.pm2 #sheet .sh-h small,html.pm2 #sheet .jn-fh small,html.pm2 #sheet .fcs-h small{display:block;width:auto;padding:0;margin:0 0 3px;background:none !important;color:var(--pm-ink2) !important;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
html.pm2 #sheet .sh-h b,html.pm2 #sheet .jn-sth b,html.pm2 #sheet .fcs-h b{font-size:24px;line-height:1.15;font-weight:800;letter-spacing:-.025em;color:var(--pm-ink)}
html.pm2 #sheet .jn-sth small{color:var(--pm-ink2);font-size:15px;font-weight:500}
html.pm2 #sheet .sh-p,html.pm2 #sheet .jn-why{color:#3C3C43;font-size:16px;line-height:1.45}

/* question labels: plain dark words, grey icon */
html.pm2 #sheet .jn-q>b{font-size:17px;font-weight:800;color:var(--pm-ink)}
html.pm2 #sheet .jn-q>b svg,html.pm2 #sheet .jn-bh b svg{color:#8E8E93 !important}
html.pm2 #sheet .jn-q>b.ok svg,html.pm2 #sheet .jn-q>b.tg svg{color:#8E8E93 !important}
html.pm2 #sheet .jn-cue{color:var(--pm-ink2)}

/* segmented controls (Coach / Grown-up / Me, How long?, Did you win?) */
html.pm2 #sheet .who3,html.pm2 #sheet .jn-seg:not(.feel){gap:2px;padding:3px;border-radius:12px;background:rgba(118,118,128,.12)}
html.pm2 #sheet .who3 button,html.pm2 #sheet .jn-seg:not(.feel) button{height:38px;border-radius:9px;background:none;color:var(--pm-ink);font-size:15px;font-weight:700;box-shadow:none}
html.pm2 #sheet .who3 button.on,html.pm2 #sheet .jn-seg:not(.feel) button.on{background:#fff;color:var(--pm-ink);font-weight:800;box-shadow:0 3px 8px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.04)}

/* How did it feel: three white cards, chosen gets the purple ring */
html.pm2 #sheet .jn-seg.feel{gap:8px;padding:0;background:none}
html.pm2 #sheet .jn-seg.feel button{height:78px;border-radius:16px;background:#fff;color:var(--pm-ink2);box-shadow:0 0 0 .5px var(--sh-line)}
html.pm2 #sheet .jn-seg.feel button.on{background:var(--sh-on);color:#4C1D95;box-shadow:var(--sh-ring)}

/* chips (What did you practise?) */
html.pm2 #sheet .jn-chips button{height:40px;background:#fff;color:var(--pm-ink);font-weight:700;box-shadow:0 0 0 .5px var(--sh-line)}
html.pm2 #sheet .jn-chips button.on{background:var(--sh-on);color:#5B21B6;box-shadow:var(--sh-ring)}

/* suggestions under a text box: one white list with hairlines */
html.pm2 #sheet .ex{display:block;margin-top:14px;border-radius:14px;background:#fff;box-shadow:0 0 0 .5px var(--sh-line);overflow:hidden}
html.pm2 #sheet .ex button{display:block;width:100%;height:auto;min-height:46px;margin:0;padding:12px 16px;border-radius:0;background:none;box-shadow:none;text-align:left;font-size:16px;font-weight:600;color:var(--pm-ink)}
html.pm2 #sheet .ex button+button{border-top:.5px solid var(--sh-line)}
html.pm2 #sheet .ex button:active{background:#F2F2F7}

/* text boxes: white field, mic as a quiet purple-tint button */
html.pm2 #sheet .hwin{background:#fff !important;border:0;border-radius:14px;box-shadow:0 0 0 .5px var(--sh-line)}
html.pm2 #sheet .hwin textarea,html.pm2 #sheet .jn-box textarea,html.pm2 #sheet input:not([type=range]):not([type=checkbox]){background:#fff;color:var(--pm-ink);font-size:17px;font-weight:500}
html.pm2 #sheet .hwin textarea{background:transparent}
html.pm2 #sheet .jn-box textarea{border-radius:12px;background:#F2F2F7 !important;box-shadow:none}
html.pm2 #sheet textarea::placeholder,html.pm2 #sheet input::placeholder{color:#AEAEB2}
html.pm2 #sheet .micsm{background:var(--sh-on) !important;color:var(--pm-purple) !important;box-shadow:none !important}
html.pm2 #sheet .micsm svg{color:var(--pm-purple) !important}
html.pm2 #sheet .jn-score label{background:none;box-shadow:none}
html.pm2 #sheet .jn-score input{border:0 !important;border-radius:16px;background:#fff !important;box-shadow:0 0 0 .5px var(--sh-line) !important;font-size:26px;font-weight:800}

/* white groups: progress box, notes, lists */
html.pm2 #sheet .jn-box,html.pm2 #sheet .chlist button,html.pm2 #sheet .jn-dl{background:#fff;border:0;box-shadow:0 0 0 .5px var(--sh-line)}
html.pm2 #sheet .jn-fh{background:none;box-shadow:none;padding-left:0;padding-right:0}
html.pm2 #sheet .jn-fp{background:#fff;box-shadow:0 0 0 .5px var(--sh-line),0 8px 18px -10px rgba(16,24,40,.3)}
html.pm2 #sheet .jn-opts button{background:#fff;box-shadow:0 0 0 .5px var(--sh-line)}
html.pm2 #sheet .jn-opts button.on{background:var(--sh-on);box-shadow:var(--sh-ring)}

/* buttons: one filled purple, the rest white or plain */
html.pm2 #sheet .b3{min-height:54px;border-radius:99px;font-size:17px;font-weight:800;letter-spacing:0}
html.pm2 #sheet .b3:not(.ghost):not(.white):not(.lk){background:linear-gradient(180deg,#8B5CF6,#7C3AED) !important;color:#fff !important;box-shadow:0 12px 24px -12px rgba(124,58,237,.8) !important}
html.pm2 #sheet .b3.white{background:#fff !important;color:var(--pm-ink) !important;box-shadow:0 0 0 .5px var(--sh-line) !important}
html.pm2 #sheet .b3.ghost{background:none !important;color:var(--pm-purple) !important;box-shadow:none !important;min-height:46px;margin-top:6px}
html.pm2 #sheet .b3 svg{color:inherit}
html.pm2 #sheet .jn-score input:focus,html.pm2 #sheet .hwin:focus-within{box-shadow:0 0 0 2px var(--pm-purple) !important}
html.pm2 #sheet .jn-fh small svg{display:none}