/* Feliratkészítő: téma-független, a téma színeit változókon át veszi át. */
.lb{--lb-ink:var(--ks-text,#264653);--lb-accent:var(--ks-green-dark,var(--bs-primary,#2f6f6b));--lb-soft:var(--ks-green-soft,#eef5f4);--lb-line:var(--ks-border,#d5e2e0);--lb-warn:#8b4d12;--lb-radius:var(--ks-radius,10px);container-type:inline-size;color:var(--lb-ink);margin:0 0 1rem}
.lb *{box-sizing:border-box}
.lb__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;align-items:start}
@container (max-width:680px){.lb__grid{grid-template-columns:minmax(0,1fr)}}
.lb-scene{position:relative;min-height:290px;border-radius:14px;overflow:hidden;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:flex-end;align-content:center;justify-content:center;padding:32px 22px 42px}
.lb-scene--night{background:radial-gradient(ellipse at 50% 30%,#2f4a63 0,#16233a 72%)}
.lb-scene--night::before{content:"";position:absolute;inset:14px;border:7px solid #e8e2d5;border-radius:4px;background:linear-gradient(#e8e2d5,#e8e2d5) 50% 0/7px 100% no-repeat;opacity:.9;pointer-events:none}
.lb-scene--night::after{content:"";position:absolute;left:0;right:0;bottom:0;height:30px;background:#efe7d6;box-shadow:0 -3px 8px rgba(0,0,0,.35)}
.lb-scene--day{background:linear-gradient(#f4efe6 0 76%,#c9a57d 76% 100%)}
.lb-scene--photo{aspect-ratio:3/2;min-height:0;background-size:100% 100%;background-repeat:no-repeat;align-content:flex-end;padding:12px 16px 0}
.lb-scene--photo::before,.lb-scene--photo::after{display:none}
.lb-scene--photo{gap:2px 12px}
.lb-scene--photo .lb-word{flex-wrap:nowrap;gap:2px}
.lb-word{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;align-items:flex-end;position:relative;z-index:1}
.lb-l{display:block;width:auto;height:var(--lb-h,96px)}
.lb-scene--night .lb-l{filter:drop-shadow(0 0 14px rgba(255,205,120,.75)) brightness(1.03)}
.lb-scene--day .lb-l{filter:drop-shadow(0 3px 3px rgba(60,40,20,.28))}
.lb-sc{display:flex;gap:6px;margin-top:8px}
.lb-sc button{font:inherit;font-size:.8rem;font-weight:600;background:transparent;border:1.5px solid var(--lb-line);border-radius:7px;padding:4px 11px;color:var(--lb-ink);cursor:pointer}
.lb-sc button[aria-pressed="true"]{background:var(--lb-soft)}
.lb-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.lb-tab{font:inherit;font-size:.85rem;font-weight:700;background:var(--lb-soft);color:var(--lb-ink);border:0;border-radius:999px;padding:8px 15px;cursor:pointer}
.lb-tab[aria-selected="true"]{background:var(--lb-ink);color:#fff}
.lb-label{display:block;font-size:.85rem;font-weight:700;margin:0 0 5px}
.lb-days{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.lb-day{height:42px;border:1.5px solid var(--lb-line);background:#fff;border-radius:8px;font:inherit;font-weight:700;color:var(--lb-ink);cursor:pointer}
.lb-day[aria-pressed="true"]{background:var(--lb-accent);border-color:var(--lb-accent);color:#fff}
.lb-day:disabled{opacity:.35;cursor:default}
.lb-input{width:100%;height:46px;border:1.5px solid var(--lb-line);border-radius:var(--lb-radius);padding:0 13px;font:inherit;font-size:1.15rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--lb-ink);background:#fff}
.lb-acc{font-size:.84rem;margin:6px 0 0;color:var(--lb-warn)}
.lb-acc:empty{display:none}
.lb-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.lb-chip{font:inherit;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--lb-soft);color:var(--lb-ink);border:0;border-radius:999px;padding:6px 12px;cursor:pointer}
.lb-chip:hover,.lb-chip[aria-pressed="true"]{background:var(--mh-peach,#f3d6bd)}
.lb-sum{margin-top:14px;padding-top:12px;border-top:1px solid var(--lb-line);display:grid;gap:5px;font-size:.92rem}
.lb-row{display:flex;justify-content:space-between;gap:12px}
.lb-row b{font-variant-numeric:tabular-nums}
.lb-total{font-size:1.25rem;font-weight:700}
.lb-due{font-weight:700;color:var(--lb-warn)}
.lb-nudge{font-size:.84rem}
.lb-nudge button{font:inherit;background:none;border:0;padding:0;color:var(--lb-accent);text-decoration:underline;cursor:pointer}
.lb-bar{height:7px;background:var(--lb-soft);border-radius:99px;overflow:hidden}
.lb-bar i{display:block;height:100%;background:var(--lb-accent)}
.lb-cta{display:block;width:100%;margin-top:10px;padding:12px 18px;font:inherit;font-size:1rem;font-weight:700;color:#fff;background:var(--lb-accent);border:0;border-radius:var(--lb-radius);cursor:pointer}
.lb-cta:disabled{opacity:.5;cursor:default}
.lb-share{display:block;margin:8px auto 0;font:inherit;font-size:.84rem;background:none;border:0;color:var(--lb-accent);text-decoration:underline;cursor:pointer}
.lb-msg{font-size:.84rem;margin-top:6px;text-align:center}
.lb-msg:empty{display:none}
.lb-msg--err{color:#b3261e}
.lb-deadlines{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:22px}
.lb-deadlines caption{caption-side:top;text-align:left;font-weight:700;font-size:1.05rem;padding-bottom:6px;color:var(--lb-ink)}
.lb-deadlines td{border-bottom:1px solid var(--lb-line);padding:6px 8px}
.lb-deadlines td:last-child{text-align:right;font-weight:700}
.lb :focus-visible{outline:2px solid var(--lb-accent);outline-offset:2px}
.lb-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:0;padding:0;list-style:none;counter-reset:lb-step}
.lb-steps li{counter-increment:lb-step;background:var(--ks-green-soft,#eef5f4);border-radius:12px;padding:14px;font-size:.92rem}
.lb-steps li::before{content:counter(lb-step);display:block;font-size:1.5rem;font-weight:700;color:var(--ks-green-dark,#2f6f6b)}
.lb-sec-title{font-size:1.5rem;font-weight:700;margin:18px 0 12px}
.lb-page-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;margin:2px 0 8px;font-family:var(--mh-display,inherit)}
