/* Lane G2: Today's window (stained-glass arch) + Advent window grid + share sheet. Lives inside the Word tab sheet; nothing floats over the scene. */
.dly{--g0:#7a2f4f;--g1:#2f5a8a;--g2:#2f7a5f;--g3:#b07a2a;--g4:#6a3f8f;--g5:#a24a3a;--lead:#c9a24f;margin:0 0 16px;word-break:keep-all;overflow-wrap:anywhere}
.dly-arch{position:relative;border-radius:130px 130px 18px 18px;padding:52px 18px 12px;text-align:center;background:linear-gradient(#5a2b4a 0%,#2f2a66 40%,#1d2f55 100%);border:3px solid var(--lead);box-shadow:inset 0 0 40px rgba(255,200,120,.35),0 0 26px rgba(233,184,92,.2)}
.dly-arch:before{content:"";position:absolute;inset:8px;border-radius:120px 120px 12px 12px;border:1px solid rgba(255,225,160,.35);pointer-events:none}
.dly-win{position:relative}
.dly-rose{position:absolute;left:0;right:0;top:-38px;font-size:12px;letter-spacing:.12em;color:#ffe3a6;text-align:center;white-space:nowrap}
.dly-verse{font-family:var(--f-display);font-size:18px;line-height:1.6;margin:6px 0 2px;color:#fff6e0;text-wrap:balance}
.dly-ref{color:#ffd88a;font-size:12.5px;margin:0 0 8px}
.dly-note{font-size:13px;color:#e9e1d2;margin:0 0 8px;line-height:1.55}
.dly-med{font-size:13px;color:#ece4d4;line-height:1.62;margin:0;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dly-med.open{-webkit-line-clamp:unset;display:block}
.dly-more{background:none;border:0;color:#ffd88a;font-size:13px;min-height:44px;padding:0 12px;touch-action:manipulation;text-decoration:underline;text-underline-offset:3px}
.dly-wait{font-size:13px;color:#d9d1c2;margin:6px 0 10px}
.dly-act{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}
.dly-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,225,160,.35);background:rgba(255,255,255,.08);color:#ffe3a6;font-size:13.5px;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.dly-btn small{font-size:11px;opacity:.8}
.dly-btn.gold{flex:1;min-width:0;max-width:240px;background:var(--gold);color:var(--gold-ink);border-color:var(--gold);font-weight:700}
.dly-btn.gold[aria-disabled="true"]{opacity:.8}
.dly-btn.ghost{color:var(--ink)}
.dly-btn:disabled{opacity:.6}
.dly-ic{width:17px;height:17px;flex:none}
.dly-streak{margin:8px 0 0;font-size:12.5px;color:#ffd88a;min-height:1.2em}
.dly-gift{margin:8px 0 10px;font-size:14px;color:#fff1cc;font-family:var(--f-display)}
.dly-wreath{display:flex;justify-content:center;gap:10px;margin:0 0 10px}
.dly-wreath i{width:10px;height:26px;border-radius:3px;background:rgba(255,255,255,.25);position:relative}
.dly-wreath i.on{background:#fff1cc;box-shadow:0 -8px 12px rgba(255,196,94,.8)}
.dly-wreath i.on:before{content:"";position:absolute;left:50%;top:-9px;width:6px;height:9px;margin-left:-3px;border-radius:50% 50% 50% 50%/65% 65% 35% 35%;background:#ffc45e}
.dly-gh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:14px 2px 8px}
.dly-gh b{font-family:var(--f-display);font-size:15px}
.dly-gh small{color:var(--muted);font-size:12px;text-align:right}
.dly-wall{padding:10px 4px 10px;border-radius:14px;border:1px solid rgba(201,162,79,.45);background:linear-gradient(#3a2414,#26170d);box-shadow:inset 0 0 24px rgba(0,0,0,.45)}
.dly-awr{display:flex;justify-content:center;gap:22px;margin:0 0 12px;padding-top:12px}
.dly-awr span{display:flex;flex-direction:column;align-items:center;gap:3px;position:relative}
.dly-awr i{display:block;width:13px;height:30px;border-radius:3px;background:var(--cc);opacity:.62}
.dly-awr .c0,.dly-awr .c1,.dly-awr .c3{--cc:#6a3f8f}.dly-awr .c2{--cc:#d97d9a}
.dly-awr em{font-style:normal;font-size:10.5px;color:#cdbd9f}
.dly-awr .on i{opacity:1;box-shadow:0 -10px 16px rgba(255,190,90,.55)}
.dly-awr .on i:before{content:"";position:absolute;left:50%;top:-10px;width:7px;height:11px;margin-left:-3.5px;border-radius:50% 50% 50% 50%/65% 65% 35% 35%;background:#ffcf7a}
.dly-awr .on em{color:#ffe3a6}
.dly-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
.dly-c{position:relative;min-height:44px;aspect-ratio:3/4;border-radius:9px 9px 4px 4px;border:1px solid rgba(60,36,16,.9);display:flex;align-items:flex-end;justify-content:center;padding:0 0 4px;font-size:12px;color:#2a1708;background:linear-gradient(#c48a52,#8a5a34);box-shadow:inset 0 0 0 3px rgba(255,214,150,.18),inset 0 -6px 10px rgba(60,30,10,.35);touch-action:manipulation;-webkit-tap-highlight-color:transparent;overflow:hidden}
.dly-c:before{content:"";position:absolute;inset:5px 5px 14px;border-radius:5px 5px 2px 2px;border:1px solid rgba(60,30,10,.35)}
.dly-c b{position:relative;font-weight:700;color:#e9c46a;text-shadow:0 1px 0 rgba(40,20,5,.7)}
.dly-c.shut{background:linear-gradient(#6d4a2c,#4a3019);box-shadow:inset 0 -6px 10px rgba(0,0,0,.4)}
.dly-c.shut b{color:#a28a5c;font-weight:400}
.dly-c.open{background:linear-gradient(#c48a52,#8a5a34)}
.dly-c.seen{background:radial-gradient(70% 70% at 50% 55%,#e8a64a,#9a5a20 75%);border-color:#c9a24f;box-shadow:inset 0 0 14px rgba(255,190,90,.55),0 0 8px rgba(233,160,70,.35)}
.dly-c.seen:before{border-color:rgba(255,226,160,.5)}
.dly-c.seen b{color:#fff1cc}
.dly-c.today{border-color:#ffe3a6;box-shadow:inset 0 0 14px rgba(255,190,90,.55),0 0 14px rgba(233,184,92,.7)}
.dly-c.sel{outline:2px solid var(--gold);outline-offset:1px}
.dly-c i{position:absolute;top:6px;left:0;right:0;text-align:center;font-style:normal;color:#ffe3a6;font-size:10px;z-index:1}
.dly-ask{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-4px 0 12px;padding:8px 10px;border:1px dashed rgba(233,184,92,.45);border-radius:14px;font-size:13px;color:var(--gold)}
.dly-ask span{flex:1 1 100%}
.dly-ask .dly-btn.gold{flex:0 0 auto}
@media (prefers-reduced-motion:no-preference){.dly-c.today{animation:dlyglow 3.6s ease-in-out infinite}}
@keyframes dlyglow{50%{box-shadow:inset 0 0 14px rgba(255,190,90,.55),0 0 20px rgba(233,184,92,.85)}}

/* share sheet: same footprint as the main sheet, above it, below the dock */
.shs{position:fixed;z-index:16;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overscroll-behavior:contain;background:rgba(12,16,29,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(233,184,92,.45);border-radius:16px;padding:10px 16px 16px;box-shadow:0 -20px 40px rgba(0,0,0,.5);
  right:max(16px,env(safe-area-inset-right,0px));top:calc(env(safe-area-inset-top,0px) + 62px);bottom:calc(env(safe-area-inset-bottom,0px) + 92px);width:400px;font-family:var(--f-body)}
.shs-gr{width:40px;height:4px;border-radius:2px;background:var(--line);margin:0 auto;flex:none}
.shs-head{display:flex;justify-content:space-between;align-items:center}
.shs-head b{font-family:var(--f-display);font-size:18px}
.shs-x{width:44px;height:44px;border:0;background:none;color:var(--muted);font-size:26px;line-height:1;touch-action:manipulation}
.shs-seg{display:flex;background:rgba(255,255,255,.06);border-radius:999px;padding:3px;flex:none}
.shs-seg button{flex:1;min-height:44px;border:0;background:none;border-radius:999px;color:var(--muted);font-size:13.5px;touch-action:manipulation}
.shs-seg button[aria-selected="true"]{background:var(--gold);color:var(--gold-ink);font-weight:700}
.shs-ta{position:relative;flex:none}
.shs-ta[hidden],.shs-crisis[hidden]{display:none}
.shs-ta textarea{width:100%;min-height:76px;resize:none;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:14px;padding:10px 12px 22px;font-size:16px;color:var(--ink)}
.shs-ta small{position:absolute;right:12px;bottom:6px;color:var(--muted);font-size:11px}
.shs-pv{border-radius:12px;overflow:hidden;border:1px solid var(--line);aspect-ratio:1200/630;background:#0d0f1d;flex:none}
.shs-pv img{display:block;width:100%;height:auto}
.shs-consent{display:flex;gap:10px;align-items:center;min-height:44px;font-size:13px;position:relative;touch-action:manipulation;flex:none}
.shs-consent input{position:absolute;left:0;width:44px;height:44px;opacity:0;margin:0}
.shs-chk{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--gold);display:grid;place-items:center;flex:none;font-size:14px;font-weight:700;color:transparent;margin-left:11px}
.shs-consent input:checked~.shs-chk{background:var(--gold);color:var(--gold-ink)}
.shs-consent input:focus-visible~.shs-chk{outline:2px solid var(--gold);outline-offset:2px}
.shs-consent span:last-child{margin-left:2px}
.shs-note{margin:0;font-size:12px;color:var(--muted)}
.shs-note.warn{color:var(--gold)}
.shs-crisis{margin:0;padding:10px 12px;border-radius:12px;background:rgba(224,86,107,.14);border:1px solid rgba(224,86,107,.45);font-size:13.5px}
.shs-cbtn{display:block;margin-top:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--gold);background:none;color:var(--gold);touch-action:manipulation}
.shs-main{min-height:48px;border:0;border-radius:999px;background:var(--gold);color:var(--gold-ink);font-weight:700;font-size:15px;touch-action:manipulation;flex:none}
.shs-main:disabled{opacity:.6}
.shs-row{display:flex;justify-content:space-between;gap:4px;flex:none}
.shs-row button{flex:1;min-width:44px;min-height:44px;background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);padding:0;touch-action:manipulation}
.shs-row b{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:17px;font-weight:700}
.i-th{background:#222;color:#fff}.i-ig{background:linear-gradient(45deg,#f9a03c,#d6249f,#5851db);color:#fff}.i-kk{background:#fee500;color:#2a1c00}.i-x{background:#111;color:#fff;border:1px solid #444}.i-ln{background:#2c3150;color:var(--gold)}
@media (max-width:860px){
  .shs{left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));width:auto;top:calc(env(safe-area-inset-top,0px) + 58px);bottom:calc(env(safe-area-inset-bottom,0px) + 82px)}
}
/* short phone screens (in-app browsers ~390x700): keep verse + buttons in the first view, meditation opens on tap */
@media (max-width:860px) and (max-height:760px){
  .dly-arch{padding:44px 14px 8px}
  .dly-verse{font-size:16.5px;line-height:1.5}
  .dly-ref{margin-bottom:2px}
  .dly-med:not(.open){display:none}
  .dly-more{min-height:44px}
  .dly-streak{margin-top:2px}
}

/* the Advent/Today window replaces the older client-date "today" verse card in the Word tab, so there is one Today’s Word */
#sheet-body:has(.dly) .card.today{display:none}
