/* Slovník pojmov */
.gl-hero{padding-bottom:48px}
.gl-hero-g{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
.gl-search{display:flex;align-items:center;gap:12px;max-width:560px;height:58px;padding:0 10px 0 20px;border-radius:99px;background:rgba(10,11,14,.72);border:1px solid var(--line2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color .2s,box-shadow .2s;cursor:text}
.gl-search:focus-within{border-color:var(--y);box-shadow:0 0 0 4px var(--y-a1)}
.gl-search .ico{width:20px;height:20px;color:var(--y);flex:none}
.gl-search input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--tx);font:500 1.05rem var(--sans)}
.gl-search input::-webkit-search-cancel-button{filter:invert(.6)}
.gl-search kbd{font:600 12px var(--mono);color:var(--mute);border:1px solid var(--line2);border-radius:7px;padding:3px 8px}
.gl-stats{list-style:none;display:flex;gap:28px;margin:22px 0 0;padding:0}
.gl-stats li{display:grid;font-size:.82rem;color:var(--mute)}
.gl-stats b{font:700 1.6rem/1.1 var(--display);color:var(--tx);letter-spacing:-.03em}

/* farby kategórií */
.c-blood{--gc:255,107,107}.c-horm{--gc:255,170,80}.c-brain{--gc:195,155,255}.c-sleep{--gc:140,160,255}.c-cell{--gc:234,223,63}.c-food{--gc:61,220,151}.c-move{--gc:80,210,235}.c-env{--gc:170,215,110}.c-base{--gc:190,192,200}
.gl-chip{display:inline-flex;align-items:center;gap:6px;font:600 11px var(--display);letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--gc));white-space:nowrap}
.gl-chip .ico{width:14px;height:14px}

/* pojem dňa */
.gl-day{position:relative;padding:28px 28px 24px;border-radius:24px;background:linear-gradient(160deg,rgba(var(--gc),.14),rgba(12,13,16,.86) 55%);border:1px solid rgba(var(--gc),.35);box-shadow:0 40px 80px -50px rgba(var(--gc),.7);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;transition:background .5s,border-color .5s}
.gl-day::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--gc),.25),transparent);pointer-events:none}
.gl-day.flash h2,.gl-day.flash p{animation:glIn .45s ease}
@keyframes glIn{from{opacity:0}}
.gl-day-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.gl-day-k{display:inline-flex;gap:6px;align-items:center;font:600 11px var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}.gl-day-k .ico{width:14px;height:14px;color:var(--y)}
.gl-day h2{font:700 clamp(1.9rem,3.2vw,2.6rem)/1.05 var(--display);letter-spacing:-.035em;margin:16px 0 10px;color:#fff}
.gl-day p{margin:0;color:var(--tx2);line-height:1.6;font-size:1rem}
.gl-day-b{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:12px}
.gl-day-b a{color:rgb(var(--gc));font-weight:600;font-size:.92rem;text-decoration:none}
.gl-day-b button{font:600 .82rem var(--sans);padding:8px 14px;border-radius:99px;border:1px solid var(--line2);background:rgba(255,255,255,.04);color:var(--tx);cursor:pointer}
.gl-day-b button:hover{border-color:var(--y);color:var(--y)}

/* lišta kategórií */
.gl-bar.gl-bar{position:sticky;top:var(--glt,var(--nav-h));transition:top .4s var(--ease);z-index:40;background:rgba(6,7,8,.82);-webkit-backdrop-filter:saturate(160%) blur(16px);backdrop-filter:saturate(160%) blur(16px);border-bottom:1px solid var(--line)}
.gl-bar-in{padding-block:10px}
.gl-cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent);padding-right:30px}
.gl-cats::-webkit-scrollbar{display:none}
.gl-cats button{display:inline-flex;align-items:center;gap:7px;flex:none;padding:8px 13px;border-radius:99px;border:1px solid var(--line2);background:none;color:var(--tx2);font:500 .86rem var(--sans);cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.gl-cats button .ico{width:15px;height:15px;color:rgb(var(--gc,234,223,63))}
.gl-cats button i{font-style:normal;font-size:.72rem;color:var(--mute)}
.gl-cats button:hover{border-color:rgba(var(--gc,234,223,63),.6);color:var(--tx)}
.gl-cats button.on{background:rgba(var(--gc,234,223,63),.14);border-color:rgba(var(--gc,234,223,63),.7);color:var(--tx)}

/* obsah */
.gl-main{padding-top:36px}
.gl-body{display:grid;grid-template-columns:44px minmax(0,1fr);gap:28px;align-items:start}
.gl-rail{position:sticky;top:calc(var(--glt,var(--nav-h)) + 74px);transition:top .4s var(--ease);display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 110px);overflow:auto;scrollbar-width:none}
.gl-rail::-webkit-scrollbar{display:none}
.gl-rail a{display:grid;place-items:center;height:26px;border-radius:8px;font:600 12px var(--display);color:var(--mute);text-decoration:none;transition:background .2s,color .2s}
.gl-rail a:hover{color:var(--tx)}
.gl-rail a.on{background:var(--y);color:#111}
.gl-rail a.off{opacity:.25;pointer-events:none}
.gl-sec{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;padding:22px 0;border-top:1px solid var(--line);scroll-margin-top:150px}
.gl-sec:first-child{border-top:0;padding-top:4px}
.gl-sec[hidden]{display:none}
.gl-lt{position:sticky;top:calc(var(--glt,var(--nav-h)) + 74px);font:700 72px/1 var(--display);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px rgba(234,223,63,.55)}
.gl-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gl-i{position:relative;padding:18px 20px 18px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border:1px solid var(--line);scroll-margin-top:110px;transition:border-color .25s,transform .25s,box-shadow .25s;overflow:hidden}
.gl-i::before{content:"";position:absolute;inset-inline-start:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:rgb(var(--gc));opacity:.85}
.gl-i:hover{border-color:rgba(var(--gc),.45);box-shadow:0 20px 40px -28px rgba(var(--gc),.6)}
.gl-i[hidden]{display:none}
.gl-i:target{border-color:rgb(var(--gc));box-shadow:0 0 0 4px rgba(var(--gc),.15)}
.gl-i header{display:flex;justify-content:space-between;align-items:center;gap:10px}
.gl-a{font:600 15px var(--mono);color:var(--mute);text-decoration:none;opacity:0;transition:opacity .2s,color .2s;padding:0 4px}
.gl-i:hover .gl-a,.gl-a:focus-visible{opacity:1}.gl-a:hover{color:var(--y)}
.gl-i h3{font:600 1.18rem/1.25 var(--display);letter-spacing:-.015em;margin:10px 0 6px;color:var(--tx)}
.gl-i p{margin:0;font-size:.93rem;line-height:1.6;color:var(--tx2)}
.gl-empty{display:grid;justify-items:center;gap:10px;padding:60px 20px;text-align:center;color:var(--mute)}
.gl-empty .ico{width:28px;height:28px;color:var(--y)}.gl-empty b{color:var(--tx);font:600 1.1rem var(--display)}
.gl-empty button{padding:8px 16px;border-radius:99px;border:1px solid var(--line2);background:none;color:var(--tx);cursor:pointer}
.gl-more{margin-top:26px}
.gl-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,140%);padding:10px 18px;border-radius:99px;background:var(--y);color:#111;font:600 .88rem var(--sans);transition:transform .35s var(--ease);z-index:950}
.gl-toast.on{transform:translate(-50%,0)}

@media (max-width:1000px){.gl-hero-g{grid-template-columns:1fr;gap:28px}}
@media (max-width:900px){
  .gl-body{grid-template-columns:1fr;gap:0}
  .gl-rail{position:sticky;top:calc(var(--glt,var(--nav-h)) + 57px);z-index:39;flex-direction:row;max-height:none;overflow-x:auto;margin:0 calc(var(--gut)*-1) 6px;padding:8px var(--gut);background:rgba(6,7,8,.85);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  .gl-rail a{flex:none;width:30px}
  .gl-sec{grid-template-columns:1fr;gap:10px;padding:16px 0}
  .gl-lt{position:static;font-size:44px}
  .gl-list{grid-template-columns:1fr;gap:10px}
  .gl-search{height:52px}
  .gl-search kbd{display:none}
  .gl-a{opacity:1}
  .gl-day{padding:22px}
}

/* svetlý režim */
html.light .gl-search{background:rgba(255,255,255,.85)}
html.light .gl-bar,html.light .gl-rail{background:rgba(246,245,240,.88)}
html.light .gl-day{background:linear-gradient(160deg,rgba(var(--gc),.18),rgba(255,255,255,.92) 55%)}
html.light .gl-day h2{color:var(--tx)}
html.light .gl-i{background:#fff}
html.light .gl-lt{-webkit-text-stroke-color:rgba(150,135,0,.6)}
html.light .gl-chip,html.light .gl-day-b a{filter:brightness(.72) saturate(1.3)}
@media (prefers-reduced-motion:reduce){.gl-day.flash h2,.gl-day.flash p{animation:none}.gl-toast{transition:none}}

/* ===== Futuristický štýl (HUD) ===== */
.gl-main{position:relative;overflow:clip}
.gl-main::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(234,223,63,.11) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}
.gl-main::after{content:"";position:absolute;left:-10%;right:-10%;top:-200px;height:600px;pointer-events:none;background:radial-gradient(40% 50% at 70% 30%,rgba(140,160,255,.08),transparent 70%),radial-gradient(30% 40% at 20% 40%,rgba(234,223,63,.07),transparent 70%)}
.gl-body{position:relative;z-index:1}
.gl-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:220px;pointer-events:none;background:linear-gradient(transparent,var(--bg)),repeating-linear-gradient(90deg,rgba(234,223,63,.09) 0 1px,transparent 1px 64px);-webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000)}

/* vyhľadávanie ako terminál */
.gl-search{border-radius:14px;background:linear-gradient(180deg,rgba(14,16,20,.85),rgba(8,9,11,.9));border-color:rgba(234,223,63,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 40px -18px rgba(234,223,63,.5)}
.gl-search input{font-family:var(--mono);font-size:1rem;letter-spacing:.01em;caret-color:var(--y)}
.gl-search input::placeholder{color:var(--mute)}
.gl-cnt{font:600 12px var(--mono);color:var(--y);letter-spacing:.04em;padding:4px 8px;border-radius:6px;background:rgba(234,223,63,.08);white-space:nowrap}
.gl-cnt.lo{color:var(--err);background:rgba(255,107,107,.1)}
.gl-stats b{font-family:var(--mono);font-weight:600;letter-spacing:-.02em}
.gl-stats li{position:relative;padding-left:12px}.gl-stats li::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--y),transparent)}

/* HUD rohy */
.hud{position:absolute;width:14px;height:14px;border-color:rgb(var(--gc,234,223,63));border-style:solid;border-width:0;opacity:.8;pointer-events:none;transition:opacity .3s,width .3s,height .3s}
.hud.tl{top:8px;left:8px;border-top-width:1.5px;border-left-width:1.5px;border-top-left-radius:6px}
.hud.tr{top:8px;right:8px;border-top-width:1.5px;border-right-width:1.5px;border-top-right-radius:6px}
.hud.bl{bottom:8px;left:8px;border-bottom-width:1.5px;border-left-width:1.5px;border-bottom-left-radius:6px}
.hud.br{bottom:8px;right:8px;border-bottom-width:1.5px;border-right-width:1.5px;border-bottom-right-radius:6px}

/* pojem dňa – holografický panel */
.gl-day{border-radius:20px;border-color:rgba(var(--gc),.3);background:linear-gradient(160deg,rgba(var(--gc),.12),rgba(9,10,13,.9) 50%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px)}
.gl-day::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--ga,0deg),transparent 0 70%,rgba(var(--gc),.9) 85%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:glSpin 6s linear infinite;pointer-events:none}
@property --ga{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes glSpin{to{--ga:360deg}}
.gl-scan{position:absolute;left:0;right:0;top:0;height:40%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(var(--gc),.08),transparent);animation:glScan 4.5s linear infinite;opacity:.9}
@keyframes glScan{from{transform:translateY(-100%)}to{transform:translateY(250%)}}
.gl-code{margin-top:16px;font:500 11px var(--mono);letter-spacing:.12em;color:rgba(var(--gc),.85)}
.gl-code span{color:var(--tx)}
.gl-day h2{margin-top:6px;font-family:var(--display);text-shadow:0 0 30px rgba(var(--gc),.35)}
.gl-day-b button{border-radius:10px;font-family:var(--mono);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}

/* lišta kategórií */
.gl-bar.gl-bar{background:rgba(6,7,8,.7);border-bottom:1px solid rgba(234,223,63,.14);box-shadow:0 10px 30px -20px rgba(0,0,0,.8)}
.gl-cats button{border-radius:10px;font-size:.82rem;background:rgba(255,255,255,.02)}
.gl-cats button i{font-family:var(--mono)}
.gl-cats button.on{box-shadow:0 0 0 1px rgba(var(--gc,234,223,63),.4),0 0 24px -6px rgba(var(--gc,234,223,63),.7)}

/* A–Z ako pravítko */
.gl-rail{gap:0;border-left:1px solid var(--line)}
.gl-rail a{position:relative;height:24px;border-radius:0;font-family:var(--mono);font-size:11px;justify-items:start;padding-left:12px}
.gl-rail a::before{content:"";position:absolute;left:0;top:50%;width:6px;height:1px;background:var(--line2);transition:width .25s,background .25s}
.gl-rail a.on{background:none;color:var(--y);text-shadow:0 0 12px rgba(234,223,63,.7)}
.gl-rail a.on::before{width:10px;background:var(--y);box-shadow:0 0 8px var(--y)}

/* písmeno skupiny */
.gl-lt{display:grid;gap:6px}
.gl-lt b{font:700 76px/1 var(--display);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px rgba(234,223,63,.6);background:repeating-linear-gradient(180deg,rgba(234,223,63,.35) 0 2px,transparent 2px 6px);-webkit-background-clip:text;background-clip:text}
.gl-lt small{font:500 11px var(--mono);letter-spacing:.12em;color:var(--mute)}
.gl-sec{border-top:1px dashed rgba(255,255,255,.08)}

/* karty – sklo + HUD */
.gl-i{border-radius:14px;background:linear-gradient(160deg,rgba(var(--gc),.07),rgba(255,255,255,.015) 40%,rgba(8,9,11,.6));border-color:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px 22px 18px 24px}
.gl-i::before{top:22px;bottom:auto;height:34px;width:2px;box-shadow:0 0 12px rgb(var(--gc))}
.gl-i .hud{width:10px;height:10px;opacity:0}
.gl-i .hud.tl{top:6px;left:6px}.gl-i .hud.br{bottom:6px;right:6px}
.gl-i:hover .hud,.gl-i:target .hud{opacity:1;width:16px;height:16px}
.gl-i:hover{border-color:rgba(var(--gc),.35);background:linear-gradient(160deg,rgba(var(--gc),.12),rgba(255,255,255,.02) 45%,rgba(8,9,11,.6))}
.gl-i h3{display:inline}
.gl-id{float:right;margin-top:12px;font:500 11px var(--mono);color:var(--dim);letter-spacing:.06em}
.gl-i h3+.gl-id+p,.gl-i p{clear:both;margin-top:8px}
.gl-i h3{display:block;margin-right:52px}
.gl-i{display:block}
.gl-i h3{margin-top:10px}
.gl-id{position:absolute;right:20px;top:46px;float:none;margin:0}
.gl-chip{font-family:var(--mono);font-weight:500;letter-spacing:.08em}
.gl-a{font-family:var(--mono)}
.gl-toast{border-radius:10px;font-family:var(--mono);letter-spacing:.04em}

html.light .gl-search{background:rgba(255,255,255,.92);box-shadow:0 0 40px -22px rgba(150,135,0,.6)}
html.light .gl-day{background:linear-gradient(160deg,rgba(var(--gc),.16),rgba(255,255,255,.95) 55%),repeating-linear-gradient(0deg,rgba(0,0,0,.02) 0 1px,transparent 1px 4px)}
html.light .gl-day h2{text-shadow:none}
html.light .gl-i{background:linear-gradient(160deg,rgba(var(--gc),.08),#fff 45%)}
html.light .gl-main::before{background-image:radial-gradient(rgba(120,110,0,.13) 1px,transparent 1.2px)}
html.light .gl-lt b{-webkit-text-stroke-color:rgba(150,135,0,.7);background:repeating-linear-gradient(180deg,rgba(150,135,0,.3) 0 2px,transparent 2px 6px);-webkit-background-clip:text;background-clip:text}
html.light .gl-rail a.on{color:#776A00;text-shadow:none}
html.light .gl-bar.gl-bar{background:rgba(246,245,240,.85)}
@media (max-width:900px){.gl-rail{border-left:0}.gl-rail a{padding-left:0;justify-items:center}.gl-rail a::before{display:none}.gl-rail a.on{color:#111;background:var(--y);border-radius:6px;text-shadow:none}.gl-lt{grid-auto-flow:column;justify-content:start;align-items:end;gap:12px}.gl-lt b{font-size:46px}.gl-cnt{display:none}}
@media (prefers-reduced-motion:reduce){.gl-day::before,.gl-scan{animation:none}.gl-scan{display:none}}

/* ===== Detail pojmu (okno) ===== */
.gl-i{cursor:pointer}
.gl-i h3 a{color:inherit;text-decoration:none}
.gl-i h3 a:hover{color:rgb(var(--gc))}
.gl-go{margin-top:12px;padding:0;border:0;background:none;color:rgb(var(--gc));font:600 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.gl-go span{transition:transform .25s var(--ease)}.gl-i:hover .gl-go span{transform:translateX(4px)}
.gl-i header{gap:6px}
.gl-i header .gl-chip{margin-right:auto}
.gl-star{border:0;background:none;color:var(--dim);font-size:15px;line-height:1;cursor:pointer;padding:2px 4px;transition:color .2s,transform .2s}
.gl-star:hover{color:var(--y)}.gl-star.on{color:var(--y);text-shadow:0 0 10px rgba(234,223,63,.7)}
.gl-i.fav-hide,.gl-sec.fav-hide{display:none}
.gl-bar-in{display:flex;align-items:center;gap:12px}
.gl-bar-in .gl-cats{flex:1;min-width:0}
.gl-tools{display:flex;gap:8px;flex:none}
.gl-tools button{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:10px;border:1px solid rgba(234,223,63,.35);background:rgba(234,223,63,.06);color:var(--tx);font:500 .82rem var(--sans);cursor:pointer}
.gl-tools button .ico{width:15px;height:15px;color:var(--y)}
.gl-tools button i{font:600 11px var(--mono);font-style:normal;color:var(--y)}
.gl-tools button.on{background:var(--y);color:#111}.gl-tools button.on i{color:#111}

html.glm-lock{overflow:hidden}
.glm,.glq{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:24px}
.glm[hidden],.glq[hidden]{display:none}
.glm-bg{position:absolute;inset:0;background:rgba(3,4,6,.72);-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);opacity:0;transition:opacity .25s}
.glm.on .glm-bg,.glq.on .glm-bg{opacity:1}
.glm-p{position:relative;width:min(760px,100%);max-height:min(88vh,920px);overflow:auto;overscroll-behavior:contain;border-radius:22px;background:linear-gradient(170deg,rgba(18,20,26,.98),rgba(8,9,12,.98));border:1px solid rgba(234,223,63,.22);box-shadow:0 60px 120px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.03) inset,0 0 80px -30px rgba(234,223,63,.35);opacity:0;transform:scale(.98);transition:opacity .25s,transform .25s var(--ease);outline:0;scrollbar-width:thin}
.glm.on .glm-p{opacity:1;transform:none}
.glm-p::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px)}
.glm-p>.hud{position:sticky}
.glm-p .hud{position:absolute;--gc:234,223,63}
.glm-in{position:relative;padding:26px 30px 28px}
.glm-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.glm-code{font:500 11px var(--mono);letter-spacing:.12em;color:var(--mute)}
.glm-nav{margin-left:auto;display:flex;gap:6px}
.glm-nav button{width:36px;height:36px;border-radius:10px;border:1px solid var(--line2);background:rgba(255,255,255,.03);color:var(--tx);font:500 16px var(--mono);cursor:pointer}
.glm-nav button:hover{border-color:var(--y);color:var(--y)}
.glm-in h2{font:700 clamp(2rem,4.4vw,3rem)/1.05 var(--display);letter-spacing:-.035em;margin:18px 0 8px;color:#fff;text-shadow:0 0 40px rgba(var(--gc),.35)}
.glm-d{font-size:1.08rem;line-height:1.6;color:var(--tx);margin:0;padding-left:14px;border-left:2px solid rgb(var(--gc,234,223,63))}
.glm-in h2+.glm-d{--gc:inherit}
.glm-sec{margin-top:24px}
.glm-sec h3,.glm-lab-h b{display:flex;align-items:center;gap:10px;font:600 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--y);margin:0 0 10px}
.glm-sec h3::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(234,223,63,.35),transparent)}
.glm-sec p{margin:0;color:var(--tx2);line-height:1.7;font-size:.98rem}
.glm-lab{margin-top:24px;padding:18px 18px 16px;border-radius:16px;background:rgba(234,223,63,.04);border:1px solid rgba(234,223,63,.2)}
.glm-lab-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.glm-lab-h b{margin:0}
.glm-sex{display:flex;border:1px solid var(--line2);border-radius:9px;overflow:hidden}
.glm-sex button{border:0;background:none;color:var(--tx2);padding:5px 12px;font:500 .8rem var(--sans);cursor:pointer}
.glm-sex button.on{background:var(--y);color:#111}
.glm-bar{position:relative;height:12px;border-radius:99px;background:rgba(255,107,107,.18);overflow:visible}
.glm-bar .nb{position:absolute;top:0;bottom:0;background:rgba(255,255,255,.18);border-radius:99px}
.glm-bar .ob{position:absolute;top:0;bottom:0;background:var(--ok);border-radius:99px;box-shadow:0 0 14px rgba(61,220,151,.6)}
.glm-bar .you{position:absolute;top:-6px;width:4px;height:24px;margin-left:-2px;border-radius:3px;background:#fff;box-shadow:0 0 0 3px rgba(0,0,0,.6);transition:left .3s var(--ease)}
.glm-bar .you.s-norm{background:var(--y)}.glm-bar .you.s-out{background:var(--err)}.glm-bar .you.s-opt{background:var(--ok)}
.glm-leg{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;font:500 12px var(--mono);color:var(--tx2)}
.glm-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.glm-leg i.nb{background:rgba(255,255,255,.3)}.glm-leg i.ob{background:var(--ok)}
.glm-leg em{margin-left:auto;font-style:normal;color:var(--mute)}
.glm-your{display:flex;align-items:center;gap:10px;margin-top:14px;padding:6px 6px 6px 14px;border-radius:12px;border:1px solid var(--line2);background:rgba(0,0,0,.3)}
.glm-your span{font-size:.85rem;color:var(--tx2);white-space:nowrap}
.glm-your input{flex:1;min-width:0;border:0;background:none;outline:0;color:#fff;font:600 1.1rem var(--mono);text-align:right}
.glm-your em{font-style:normal;font:500 12px var(--mono);color:var(--mute)}
.glm-your b{min-width:92px;text-align:center;padding:7px 10px;border-radius:9px;font:600 .8rem var(--sans);background:rgba(255,255,255,.04);color:var(--mute)}
.glm-your b:empty::before{content:"—"}
.glm-your b.s-opt{background:rgba(61,220,151,.15);color:var(--ok)}.glm-your b.s-norm{background:rgba(234,223,63,.15);color:var(--y)}.glm-your b.s-out{background:rgba(255,107,107,.15);color:var(--err)}
.glm-lab-cta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:.88rem}
.glm-lab-cta a{color:var(--tx2);text-decoration:none}.glm-lab-cta a:hover{color:var(--tx)}.glm-lab-cta a.y{color:var(--y);font-weight:600}
.glm-art{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.glm-art a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--tx);text-decoration:none;transition:border-color .2s,background .2s}
.glm-art a:hover{border-color:rgba(234,223,63,.45);background:rgba(234,223,63,.05)}
.glm-art span{font-weight:500;font-size:.95rem}.glm-art small{display:block;font:600 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--y);margin-bottom:3px}
.glm-art em{font-style:normal;font:500 12px var(--mono);color:var(--mute);white-space:nowrap}
.glm-art .bk a{background:linear-gradient(120deg,rgba(234,223,63,.1),rgba(255,255,255,.02));border-color:rgba(234,223,63,.3)}
.glm-tools,.glm-rel{display:flex;flex-wrap:wrap;gap:8px}
.glm-tools a{padding:9px 14px;border-radius:10px;border:1px solid rgba(234,223,63,.35);color:var(--tx);text-decoration:none;font-size:.88rem;background:rgba(234,223,63,.05)}
.glm-tools a:hover{background:var(--y);color:#111}
.glm-rel button{padding:7px 12px;border-radius:99px;border:1px solid rgba(var(--gc),.45);background:rgba(var(--gc),.08);color:var(--tx);font:500 .85rem var(--sans);cursor:pointer}
.glm-rel button:hover{background:rgba(var(--gc),.2)}
.glm-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;padding-top:18px;border-top:1px dashed rgba(255,255,255,.1)}
.glm-act button{padding:10px 16px;border-radius:12px;border:1px solid var(--line2);background:rgba(255,255,255,.03);color:var(--tx);font:500 .88rem var(--sans);cursor:pointer}
.glm-act button:first-child{background:var(--y);border-color:var(--y);color:#111;font-weight:600}
.glm-act button.on{color:var(--y);border-color:rgba(234,223,63,.5)}
.glm-act button:hover{border-color:var(--y)}

/* kvíz */
.glq-p{position:relative;width:min(520px,100%);border-radius:22px;padding:22px;background:linear-gradient(170deg,rgba(18,20,26,.98),rgba(8,9,12,.98));border:1px solid rgba(234,223,63,.25);box-shadow:0 60px 120px -40px rgba(0,0,0,.9);opacity:0;transform:scale(.98);transition:opacity .25s,transform .25s var(--ease)}
.glq.on .glq-p{opacity:1;transform:none}
.glq-top{display:flex;justify-content:space-between;align-items:center;font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.glq-top button{width:34px;height:34px;border-radius:10px;border:1px solid var(--line2);background:none;color:var(--tx);font-size:18px;cursor:pointer}
.glq-prog{height:3px;border-radius:3px;background:var(--line);margin:12px 0 18px;overflow:hidden}.glq-prog i{display:block;height:100%;background:var(--y);transition:width .3s}
.glq-card{min-height:280px;border-radius:18px;padding:26px;display:grid;align-content:center;text-align:center;gap:14px;background:linear-gradient(160deg,rgba(var(--gc),.14),rgba(255,255,255,.02));border:1px solid rgba(var(--gc),.4);box-shadow:0 0 50px -20px rgba(var(--gc),.6)}
.glq-card .f,.glq-card .b{display:grid;gap:14px;justify-items:center}
.glq-card .f[hidden],.glq-card .b[hidden]{display:none}
.glq-card h3{font:700 2.2rem/1.05 var(--display);letter-spacing:-.03em;margin:0;color:#fff}
.glq-card .b h3{font-size:1.4rem;color:rgb(var(--gc))}
.glq-card p{margin:0;color:var(--tx2);line-height:1.6}
.glq-card.flip{animation:glIn .35s ease}
.glq-card button,.glq-b button,.glq-menu button{padding:11px 18px;border-radius:12px;border:1px solid var(--line2);background:rgba(255,255,255,.04);color:var(--tx);font:600 .9rem var(--sans);cursor:pointer}
.glq-card [data-q-show]{background:var(--y);color:#111;border-color:var(--y)}
.glq-b{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.glq-b .yes{background:var(--ok);border-color:var(--ok);color:#06210f}.glq-b .no{border-color:rgba(255,107,107,.5);color:var(--err)}
.glq-menu{display:grid;gap:10px;margin-top:18px}
.glq-menu button{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;font-size:1rem}
.glq-menu button i{font:600 12px var(--mono);font-style:normal;color:var(--y)}
.glq-menu p{margin:0;color:var(--tx2);font-size:.92rem}
.glq-end{display:grid;gap:18px;justify-items:center;text-align:center;padding:30px 10px}
.glq-end b{font:600 1.3rem var(--display)}

@media (max-width:700px){
  .glm,.glq{padding:0;place-items:end stretch}
  .glm-p{width:100%;max-height:92vh;border-radius:22px 22px 0 0;transform:translateY(40px)}
  .glm.on .glm-p{transform:none}
  .glm-p::after{content:"";position:absolute;top:8px;left:50%;width:44px;height:4px;margin-left:-22px;border-radius:4px;background:rgba(255,255,255,.25)}
  .glm-in{padding:26px 18px 30px}
  .glm-nav button{width:34px;height:34px}
  .glq-p{width:100%;border-radius:22px 22px 0 0}
  .gl-tools button{padding:7px 10px;font-size:.78rem}
  .gl-bar-in{flex-direction:column;align-items:stretch;gap:8px}
  .gl-tools{justify-content:flex-start}
  .glm-your b{min-width:70px}
}
html.light .glm-p,html.light .glq-p{background:linear-gradient(170deg,#fff,#f7f6f1)}
html.light .glm-in h2,html.light .glq-card h3{color:var(--tx);text-shadow:none}
html.light .glm-d{color:var(--tx)}
html.light .glm-your input{color:var(--tx)}
html.light .glm-your{background:#fff}
html.light .glm-sec h3,html.light .glm-lab-h b,html.light .glm-art small,html.light .glm-lab-cta a.y{color:#776A00}
@media (prefers-reduced-motion:reduce){.glm-p,.glq-p,.glm-bg{transition:none}}