/* Install sheet and fullscreen button */
.sheet { position: fixed; z-index: 90; inset: auto 0 0 0; display: flex; justify-content: center; padding: 0 var(--space-3) calc(64px + var(--safe-bottom) + var(--space-3)); pointer-events: none; transform: translateY(120%); transition: transform .3s cubic-bezier(.22, .8, .3, 1); }
.sheet[hidden] { display: none; }
.sheet.is-open { transform: none; }
.sheet__panel { pointer-events: auto; display: grid; grid-template-columns: auto 1fr; gap: var(--space-3) var(--space-4); width: min(100%, 28rem); padding: var(--space-4); background: var(--surface); border: 1px solid var(--line); border-top: 4px solid var(--gold); border-radius: var(--radius-lg); box-shadow: 0 -4px 28px rgba(11, 31, 58, .28); }
.sheet__panel img { width: 48px; height: 48px; border-radius: 12px; }
.sheet__panel h2 { margin: 0 0 .25rem; font-size: 1.05rem; }
.sheet__panel p { margin: 0; color: var(--ink-muted); font-size: .92rem; }
.sheet__panel .icon { color: var(--navy); margin-inline: .15rem; }
.sheet__actions { grid-column: 1 / -1; display: flex; gap: var(--space-2); justify-content: flex-end; }
.sheet[data-kind="android"] [data-kind-ios], .sheet[data-kind="ios"] [data-kind-android], .sheet[data-kind="ios"] [data-install] { display: none; }
.sheet[data-kind="android"] [data-snooze-ios], .sheet[data-kind="ios"] [data-snooze-android] { display: none; }
@media (min-width: 768px) { .sheet { display: none !important; } }      /* mobile only */
@media (prefers-reduced-motion: reduce) { .sheet { transition: none; } }

.fsbtn { display: inline-grid; place-items: center; width: var(--tap); height: var(--tap); border: 1px solid rgba(251, 246, 233, .35); border-radius: 50%; background: none; color: var(--cream); cursor: pointer; }
.fsbtn[hidden] { display: none; }
.fsbtn:hover { background: rgba(251, 246, 233, .12); }
.fsbtn:focus-visible { outline: 3px solid var(--gold); }

/* App-like feel once installed or fullscreen */
html { -webkit-tap-highlight-color: transparent; }
@media (display-mode: standalone), (display-mode: fullscreen) {
  body { overscroll-behavior-y: none; -webkit-user-select: none; user-select: none; }
  input, textarea, .card__text, .panel p, .panel dd { -webkit-user-select: text; user-select: text; }
}