.gl-card,.gl-form{display:block;width:100%;text-align:left;font:inherit;color:var(--xw-ink);background:var(--xw-bg);border:1px solid var(--xw-line);border-radius:11px;padding:18px 16px;margin:14px 0;position:relative;box-sizing:border-box}
button.gl-card{cursor:pointer}
.gl-card[hidden],.gl-form[hidden]{display:none}
.gl-tag{display:block;font-size:11px;letter-spacing:.14em;color:var(--xw-muted);font-weight:700;text-transform:uppercase}
.gl-chev{position:absolute;right:16px;top:16px;width:22px;height:22px;stroke:var(--xw-muted);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gl-head{display:block;margin:8px 0 0;font-size:22px;font-weight:800;letter-spacing:-.01em}
.gl-bar{display:block;height:9px;border-radius:5px;background:var(--xw-surface,#e9ebee);margin-top:14px;overflow:hidden}.gl-bar i{display:block;height:100%;background:var(--xw-chart-red,#b61620);border-radius:5px}
.gl-card.gl-met .gl-bar i{background:#237a3b}
.gl-sub{display:block;margin-top:10px;font-size:14px;color:var(--xw-muted)}
.gl-ins{display:block;margin-top:14px;font-size:18px;font-weight:800;line-height:1.3}.gl-ins em{font-style:normal;color:var(--xw-chart-red,#b61620)}
.gl-card.gl-met .gl-ins{color:#237a3b}
.gl-dots{display:flex;gap:8px;margin-top:14px}.gl-dots i{width:26px;height:26px;border-radius:50%;border:2px solid var(--xw-line);box-sizing:border-box}.gl-dots i.f{background:var(--xw-chart-red,#b61620);border-color:var(--xw-chart-red,#b61620)}
.gl-lt{margin-top:14px;padding-top:12px;border-top:1px solid var(--xw-line);font-size:13.5px;color:var(--xw-muted);display:flex;justify-content:space-between;gap:12px}
.gl-lt a{color:var(--xw-chart-red,#b61620);font-weight:700;text-decoration:none;white-space:nowrap;padding:6px 0}
.gl-form h2{margin:0;font-size:21px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.gl-form h2 span{font-size:14px;font-weight:400;color:var(--xw-muted)}
.gl-f1{display:flex;align-items:baseline;gap:10px;margin-top:8px;flex-wrap:wrap}.gl-f1 b{font-size:44px;line-height:1;font-weight:800;letter-spacing:-.03em}.gl-f1 span{font-weight:700;font-size:15px}.gl-dn{color:var(--xw-chart-red,#b61620)}.gl-up{color:#237a3b}html[data-theme=dark] .gl-up{color:#4cc16a}
.gl-form svg{display:block;width:100%;height:auto;margin-top:8px}.gl-form svg text{fill:var(--xw-muted);stroke:none;font:11.5px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.gl-form svg text.k{fill:var(--xw-ink);font-weight:800}
.gl-cap{display:flex;justify-content:space-between;font-size:12.5px;color:var(--xw-muted);margin-top:2px}
.gl-mini{display:flex;margin-top:14px;border-top:1px solid var(--xw-line);padding-top:14px}.gl-mini>div{flex:1}.gl-mini>div+div{border-left:1px solid var(--xw-line);padding-left:16px}.gl-mini b{display:block;font-size:24px}.gl-mini span{display:block;font-size:12.5px;color:var(--xw-muted);margin-top:2px}
.gl-scrim{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:90}
.gl-sheet{position:fixed;left:0;right:0;bottom:0;z-index:91;max-height:88vh;overflow:auto;background:var(--xw-bg);color:var(--xw-ink);border-radius:22px 22px 0 0;padding:18px 20px calc(26px + env(safe-area-inset-bottom));box-shadow:0 -6px 24px rgba(0,0,0,.2);box-sizing:border-box;max-width:620px;margin:0 auto}
.gl-sheet h2{margin:0;font-size:22px}.gl-x{position:absolute;right:16px;top:14px;width:36px;height:36px;border-radius:50%;border:0;background:var(--xw-surface,#f0f1f3);color:var(--xw-muted);font-size:20px;cursor:pointer}
.gl-big{margin-top:12px;font-size:34px;font-weight:800;letter-spacing:-.02em}
.gl-sec{margin:20px 0 4px;font-size:11px;letter-spacing:.14em;color:var(--xw-muted);font-weight:700}
.gl-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--xw-line);font-size:16px}.gl-row:last-of-type{border-bottom:0}.gl-row b{font-size:18px}.gl-row small{font-size:13px;font-weight:700;margin-left:6px}.gl-row .gl-m{color:var(--xw-muted);font-weight:400;font-size:14px}
.gl-ok{color:#237a3b}.gl-no{color:var(--xw-chart-red,#b61620)}
.gl-note{margin:6px 0 0;font-size:14px;line-height:1.45;color:var(--xw-ink)}
.gl-link{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:14px;border:1px solid var(--xw-line);border-radius:12px;font-size:16px;color:var(--xw-ink);text-decoration:none}.gl-link span{color:var(--xw-muted)}
/* strip on the logging screen */
.gl-strip{background:var(--xw-bg);border:1px solid var(--xw-line);border-radius:12px;padding:10px 14px;margin:8px 0 10px;color:var(--xw-ink)}
.gl-strip .gl-tag{font-size:10.5px}
.gl-strip .m{display:block;margin-top:4px;font-size:17px;font-weight:800}.gl-strip .m em{font-style:normal;color:var(--xw-chart-red,#b61620)}
.gl-strip .s{display:block;margin-top:2px;font-size:13px;color:var(--xw-muted)}
.gl-strip.good{border-color:#237a3b}.gl-strip.good .m{color:#237a3b}
.gl-strip .gl-dots{margin-top:6px;gap:6px}.gl-strip .gl-dots i{width:16px;height:16px}
.gl-fieldhelp{font-size:14px}
.gl-saved{margin:12px 0 0;padding:10px 14px;border:1px solid var(--xw-line);border-radius:12px;font-size:15px;line-height:1.35}.gl-saved.good{border-color:#237a3b;color:#237a3b;font-weight:700}
.gl-form h2 .gl-win{font-weight:400!important}
.gl-strip.gl-sticky{position:sticky;top:0;z-index:6;box-shadow:0 4px 10px rgba(0,0,0,.08)}

/* 5.01 final layout */
.gl-card,.gl-form{margin:10px 0;border-radius:18px}
.gl-tag{text-transform:uppercase}
.gl-head{margin-top:6px;font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.gl-ins.gl-plain{font-size:17px}
.gl-dots{margin-top:12px}
.gl-sp{margin-top:14px;padding-top:12px;border-top:1px solid var(--xw-line)}
.gl-hl{font-size:11px;letter-spacing:.14em;color:var(--xw-muted);font-weight:700}
.gl-road{position:relative;height:58px;margin:0 12px}
.gl-you{position:absolute;top:2px;font-size:14px;font-weight:700;white-space:nowrap;color:var(--xw-ink)}
.gl-ln,.gl-fl{position:absolute;left:0;top:34px;height:6px;border-radius:3px}
.gl-ln{right:0;background:var(--xw-surface,#e4e6ea)}
.gl-fl{background:var(--xw-chart-red,#b61620)}
.gl-tk{position:absolute;top:29px;width:2px;height:16px;margin-left:-1px;background:var(--xw-line,#d5d8dc);border-radius:1px}.gl-tk.f{background:var(--xw-bg,#fff)}
.gl-me{position:absolute;top:24px;width:26px;height:26px;margin-left:-13px;box-sizing:border-box;border:3px solid var(--xw-chart-red,#b61620);border-radius:50%;background:var(--xw-bg,#fff)}.gl-me::after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--xw-chart-red,#b61620)}
.gl-flag{position:absolute;right:-10px;top:12px;font-size:20px;line-height:1;color:var(--xw-ink)}
.gl-ends{display:flex;justify-content:space-between;margin:0 6px;font-size:13px;color:var(--xw-muted)}.gl-ends b{font-size:15px;color:var(--xw-ink)}
.gl-togo{margin-top:10px;font-size:15px;color:var(--xw-muted)}.gl-togo a{color:var(--xw-chart-red,#b61620);font-weight:700;text-decoration:none;white-space:nowrap}
.gl-ok{color:#237a3b;font-weight:700}html[data-theme=dark] .gl-ok{color:#4cc16a}
.gl-card .gl-lt{margin-top:14px}
.gl-sheetroad .gl-sp{border-top:0;padding-top:4px}
.gl-mut{color:var(--xw-muted)}
/* Your form now */
.gl-fr{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
.gl-fh{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.1;white-space:nowrap}
.gl-form .gl-spark{width:92px;height:40px;flex:none;display:block;margin:0}
.gl-form svg.gl-spark text{display:none}
.gl-fs{display:block;margin-top:8px;font-size:15px;color:var(--xw-muted)}.gl-fs b{color:var(--xw-ink)}
.gl-fs .gl-up{color:#237a3b;font-weight:700}.gl-fs .gl-dn{color:var(--xw-chart-red,#b61620);font-weight:700}.gl-fs .gl-mutb{color:var(--xw-muted);font-weight:700}
/* Average box: smaller, no arrow (the form card says it) */
#home-average-trend{display:none!important}
.home-shell .average-card #home-average,.home-shell .average-card .home-average-line>b{font-size:50px;letter-spacing:-2px;line-height:1.05}
/* Performance Trends: smaller rings, rows line up */
#home-performance .score-donut{width:92px}
#home-performance .score-donut svg{stroke-width:11}
#home-performance .score-donut strong{font-size:23px}
#home-performance .performance-label{font-size:13px;white-space:nowrap;margin-top:8px;color:var(--xw-muted)}
#home-performance .performance-metric{padding-top:14px;padding-bottom:12px;gap:0}
#home-performance .performance-metric:nth-child(n+3){padding-top:14px;padding-bottom:4px}
#home-performance .performance-change{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:0;padding:0;margin-top:8px;font-size:17px;line-height:1.2}
#home-performance .performance-change small{margin-top:2px;font-size:12.5px;line-height:1.2}

/* Goal reached celebration in the Bowling Group (5.01) */
.gp-cel{position:relative;margin:12px 0;padding:16px 44px 14px 16px;border:1px solid #f0c6ca;background:#fdf1f2;border-radius:18px;color:#15171a}
html[data-theme=dark] .gp-cel{background:#2a1c1e;border-color:#5a2e33;color:#f2f3f5}
.gp-cel-tag{margin:0;font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--xw-chart-red,#b61620)}
.gp-cel-h{margin:8px 0 0;font-size:20px;font-weight:800;line-height:1.25}
.gp-cel-s{margin:8px 0 0;font-size:14px;color:var(--xw-muted,#6a7078)}
.gp-cel-x{position:absolute;right:6px;top:4px;width:44px;height:44px;border:0;background:none;font-size:22px;color:var(--xw-muted,#8a8f97);cursor:pointer}