.story-launcher{position:fixed;bottom:24px;right:24px;z-index:40;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 18px;border:1px solid var(--green);border-radius:28px;background:var(--paper);color:var(--green);box-shadow:0 4px 20px #405a461a;font-size:13px;cursor:pointer}
.story-launcher>span{font-size:24px;line-height:1}
.story-launcher:hover{background:var(--sand)}
body{padding-bottom:76px}
.story-dialog-open{overflow:hidden;scrollbar-gutter:stable}
.story-dialog{width:min(540px,calc(100% - 32px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:24px 32px 30px;border:1px solid var(--line);border-radius:12px;background:var(--cream);color:var(--brown);box-shadow:0 24px 80px #1c2d2466;overflow:auto;overscroll-behavior:contain}
.story-dialog::backdrop{background:#1d2e22a6;backdrop-filter:blur(3px)}
.story-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:1;background:var(--cream);padding-top:4px;padding-bottom:10px}
.story-dialog-top .eyebrow{margin:0;letter-spacing:1.4px;font-size:9px}
.story-close{flex-shrink:0;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--green);font-size:27px;line-height:1;cursor:pointer}
.story-close:hover{background:var(--sand)}
.story-dialog h2{font-size:40px;margin:10px 0 18px}
.story-dialog h2:focus{outline:none}
#story-intro{font-size:15px;line-height:1.75;color:var(--muted);margin-bottom:24px}
.story-dialog form{padding:0;border:0;border-radius:0;background:transparent}
.story-dialog label{font-size:14px;margin-bottom:18px}
.story-dialog input,.story-dialog textarea{background:var(--paper);font-size:16px}
.story-dialog textarea{min-height:124px;max-height:280px}
.optional{font-size:12px;color:var(--muted)}
.story-field-note{font-size:12px;color:var(--muted);margin:-10px 0 23px}
.story-submit{width:100%;justify-content:center;font-size:14px;min-height:48px}
.story-submit:disabled{cursor:default;opacity:.75;transform:none}
.story-honey{display:none}
.story-status{font-size:14px;line-height:1.65;margin:18px 0 0}
.story-status:empty{display:none}
.story-status[data-state="error"]{padding:12px;background:#f0e4d8;border-radius:4px;color:#653e27}
.story-status[data-state="success"]{padding:12px;background:#e5ecdf;border-radius:4px;color:#29492f}
.story-privacy{font-size:11px;line-height:1.7;color:var(--muted);margin:18px 0 4px;overflow-wrap:anywhere}
.story-privacy a{text-decoration:underline;text-underline-offset:3px}
.story-fallback{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--green);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.story-launcher{bottom:max(14px,env(safe-area-inset-bottom));right:14px;font-size:12px;min-height:46px;padding:9px 15px}.story-dialog{padding:18px 22px 23px}.story-dialog-top{top:0}.story-dialog h2{font-size:34px}.story-dialog-top .eyebrow{font-size:8px;letter-spacing:1px}#story-intro{font-size:14px;margin-bottom:18px}}
@media(max-width:360px){.story-dialog{padding-inline:18px}.story-dialog h2{font-size:30px}.story-dialog-top .eyebrow{font-size:7px}}