/* Menhir pill system: one glass look shared by every page. Linked from each page head; accent comes from --acc (set by pills.js / the app). */
:root{--gl-a:.03;--gl-b:1px;--gm-a:.12;--gm-b:12px;--gl-mb:var(--gm-b);--gl-bg:rgba(255,255,255,var(--gl-a));--gl-bd:rgba(255,255,255,.22);--gl-sh:inset 0 1px 1px rgba(255,255,255,.38),inset 0 -1px 1px rgba(255,255,255,.10),inset 0 0 14px rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.5);--gl-menu:rgba(24,24,26,var(--gm-a));--gl-sep:rgba(255,255,255,.1);--gl-hi:rgba(255,255,255,.14);--gl-txt:#EDEDED;--gl-mute:#9a9a9a;--gl-field:rgba(0,0,0,.28)}
html[data-theme=light],body[data-theme=light]{--gl-bg:rgba(255,255,255,calc(.07 + var(--gl-a)));--gl-bd:rgba(255,255,255,.8);--gl-sh:inset 0 1px 1px rgba(255,255,255,.95),inset 0 -1px 1px rgba(255,255,255,.10),inset 0 0 14px rgba(255,255,255,.06),0 8px 24px rgba(31,51,32,.22);--gl-menu:rgba(255,255,255,calc(.25 + var(--gm-a)));--gl-sep:rgba(31,51,32,.12);--gl-hi:rgba(31,51,32,.10);--gl-txt:#1F3320;--gl-mute:#6B7762;--gl-field:rgba(255,255,255,.8)}
.gl{background:var(--gl-bg);border:1px solid var(--gl-bd);box-shadow:var(--gl-sh);-webkit-backdrop-filter:blur(var(--gl-b)) saturate(110%);backdrop-filter:blur(var(--gl-b)) saturate(110%)}
.gl-menu{background:var(--gl-menu);border:1px solid var(--gl-bd);box-shadow:var(--gl-sh);-webkit-backdrop-filter:blur(var(--gl-mb)) saturate(120%);backdrop-filter:blur(var(--gl-mb)) saturate(120%);border-radius:30px}
/* segmented pill: <div class="gl-seg gl"><span class="on">..</span></div> */
.gl-seg{display:flex;gap:2px;padding:4px;border-radius:999px}
.gl-seg>*{flex:1 1 auto;text-align:center;padding:8px 12px;border-radius:999px;font-weight:600;color:inherit;cursor:pointer;white-space:nowrap;border:0;background:none;font-size:inherit}
.gl-seg>.on{background:var(--acc,#2F7BFF);color:var(--acc-fg,#fff);box-shadow:inset 0 1px 1px rgba(255,255,255,.35)}
/* round icon button / back arrow */
.gl-round{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:inherit;cursor:pointer;padding:0;text-decoration:none;flex:none}
.gl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:999px;font-weight:700;color:inherit;cursor:pointer;text-decoration:none}
.gl-btn.pri,.gl-seg>.pri{background:var(--acc,#2F7BFF);color:var(--acc-fg,#fff);border-color:var(--acc,#2F7BFF)}
/* input bar: <div class="gl-bar gl"><input><button class="gl-send"></button></div> */
.gl-bar{display:flex;align-items:center;gap:8px;padding:5px 5px 5px 16px;border-radius:999px}
.gl-bar input{flex:1;min-width:0;border:0!important;background:none!important;box-shadow:none!important;outline:none;color:inherit;font-size:15px;padding:8px 0!important;margin:0!important;border-radius:0!important}
.gl-send{width:38px;height:38px;border-radius:50%;border:0;background:var(--acc,#2F7BFF);color:var(--acc-fg,#fff);display:grid;place-items:center;cursor:pointer;flex:none;padding:0}
.gl-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:999px;cursor:pointer}
.gl-row:active{background:var(--gl-hi)}
.gl-sepl{height:1px;background:var(--gl-sep);margin:2px 14px}
.gl-gr{min-width:38px;text-align:center;padding:5px 10px;border-radius:999px;font-weight:800;font-size:13px;background:var(--acc,#2F7BFF);color:var(--acc-fg,#fff);flex:none}

/* nested pill (pill inside a pill menu) */
.gl-in{background:rgba(255,255,255,.07);border:1px solid var(--gl-bd);box-shadow:inset 0 1px 1px rgba(255,255,255,.22)}
html[data-theme=light] .gl-in,body[data-theme=light] .gl-in{background:rgba(255,255,255,.5);box-shadow:inset 0 1px 1px #fff}
.gl-rowb{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;box-sizing:border-box;padding:13px 18px;margin:0 0 8px;border-radius:999px;color:inherit;font:inherit;font-size:14.5px;font-weight:600;text-align:left;cursor:pointer;text-decoration:none}
.gl-rowb:active{background:var(--gl-hi)}
.gl-sec{border-radius:28px;padding:12px;margin-bottom:12px}
.gl-sh{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gl-mute);padding:2px 8px 10px}
.gl-pop{position:fixed;z-index:9001;right:10px;top:calc(env(safe-area-inset-top,0px) + 60px);width:min(360px,calc(100% - 20px));box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;padding:12px;border-radius:30px;color:var(--gl-txt);animation:glPop .2s cubic-bezier(.2,.9,.3,1)}
.gl-popbd{position:fixed;inset:0;z-index:8999;background:rgba(0,0,0,.22)}
@keyframes glPop{from{opacity:0;transform:scale(.15)}to{opacity:1;transform:none}}
.gl-popbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 4px 12px}
.gl-popbar b{font-size:16px}