/* email gate for the prompts page */
.gate{width:min(480px,calc(100% - 2*var(--gutter)));margin:auto;padding:clamp(26px,4vw,40px);border:0;border-radius:var(--r);background:var(--card);color:var(--ink);box-shadow:0 40px 80px -40px rgba(17,17,17,.55);overscroll-behavior:contain}
.gate::backdrop{background:rgba(17,17,17,.55);backdrop-filter:blur(4px)}
.gate[open]{animation:gate-in .35s var(--ease-out)}
@keyframes gate-in{from{opacity:0;transform:translateY(14px) scale(.98)}}
.gate__x{position:absolute;inset-block-start:12px;inset-inline-start:12px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font-size:1.5rem;line-height:1}
.gate__x:hover{background:var(--bg)}
.gate__title{font-weight:900;font-size:clamp(1.6rem,3vw,2rem);line-height:1.3;margin-block-start:18px;text-wrap:balance}
.gate__p{margin-block-start:10px;color:#333;line-height:1.9}
.gate__f{margin-block-start:22px;display:grid;gap:12px}
.gate__l{font-weight:700;font-size:.95rem}
.gate__i{width:100%;min-height:54px;padding:0 18px;border-radius:16px;border:1.5px solid var(--ink);background:#fff;font:inherit;font-size:1.05rem;color:var(--ink);direction:ltr;text-align:start}
.gate__i::placeholder{color:var(--muted)}
.gate__i:focus-visible{outline:3px solid var(--lime);outline-offset:2px;border-color:var(--ink)}
.gate__go{min-height:54px;border-radius:999px;background:var(--lime);color:var(--ink);font-weight:900;font-size:1.05rem;transition:transform .2s var(--ease-out)}
.gate__go:active{transform:scale(.98)}
.gate__go[disabled]{opacity:.6;cursor:progress}
.gate__err{min-height:1.4em;font-size:.92rem;font-weight:700;color:#b3261e}
.gate__fine{margin-block-start:14px;font-size:.88rem;color:var(--muted);line-height:1.8}
.gate__fine a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
@media (prefers-reduced-motion:reduce){.gate[open]{animation:none}}

/* privacy page */
.legal{max-width:760px;margin:0 auto;padding:clamp(36px,6vw,88px) var(--gutter) clamp(48px,7vw,110px)}
.legal h1{font-weight:900;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.15}
.legal ul{margin-block-start:32px;display:grid;gap:0;border-block-start:1px solid var(--line)}
.legal li{padding-block:20px;border-block-end:1px solid var(--line);font-size:1.12rem;line-height:2}
.legal li bdi{font-weight:700}
.legal a{text-decoration:underline;text-underline-offset:3px;font-weight:700}
.footer__legal{display:inline-flex;align-items:center;min-height:44px;font-weight:700}

/* locked prompt preview */
.prompt--locked{margin-block-end:0;border-end-start-radius:0;border-end-end-radius:0}
.lockbox{position:relative;overflow:hidden;background:#111;border-end-start-radius:16px;border-end-end-radius:16px;padding:6px clamp(16px,1.6vw,22px) clamp(18px,2vw,26px);-webkit-user-select:none;user-select:none}
.lockbox__bars{display:grid;gap:14px;filter:blur(5px);pointer-events:none;padding-block:14px 8px}
.lockbox__bars i{display:block;height:10px;border-radius:6px;background:#f4f4f2;opacity:.8}
.lockbox::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(17,17,17,0) 0,rgba(17,17,17,.55) 100%);pointer-events:none}
.lockbox__btn{position:absolute;z-index:1;inset-block-end:16px;inset-inline-start:50%;transform:translateX(50%);min-height:46px;padding-inline:22px;border-radius:999px;background:var(--lime);color:var(--ink);font-weight:900;white-space:nowrap}
.lockbox__btn:active{transform:translateX(50%) scale(.98)}
.prompt[data-locked]{margin-block-start:18px}