.has-flaunt-bar{padding-bottom:calc(88px + env(safe-area-inset-bottom));scroll-padding-bottom:100px}
.flaunt-bar{position:fixed;inset:auto 0 0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(24px,calc((100vw - 1172px)/2));padding-bottom:calc(16px + env(safe-area-inset-bottom));background:var(--paper,#f7f7f2);color:var(--ink,#18201b);border-top:1px solid var(--ink,#18201b);box-shadow:0 -5px 24px #18201b0d}
.flaunt-bar strong{display:block;font-size:17px;letter-spacing:-.03em}.flaunt-bar span{font-size:12px}.flaunt-bar .primary{white-space:nowrap;padding:12px 16px;font-size:13px}.flaunt-bar div span{display:block;margin-top:4px;color:#59634f}
.share-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 32px));max-width:760px;max-height:calc(100dvh - 40px);padding:30px;overflow:auto;border-radius:4px;box-shadow:6px 6px 0 var(--ink)}
.share-dialog header h2{font-size:clamp(30px,5vw,44px);margin:0 0 12px}.share-dialog header p:last-child{color:#59634f;margin:0 0 24px}.share-dialog .eyebrow{margin-bottom:12px}.share-close{position:absolute;top:8px;right:12px;border:0;background:none;font-size:28px;color:var(--ink);cursor:pointer}
.share-options{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}.share-options label,.share-options legend{font:12px "DM Mono",monospace}.share-options select{display:block;margin-top:8px;max-width:100%;padding:9px;background:var(--paper);border:1px solid var(--line);font:inherit;color:var(--ink)}.share-options fieldset{display:flex;gap:12px;margin:0;border:1px solid var(--line);padding:10px}.share-options legend{padding:0 5px}.share-options fieldset label{white-space:nowrap}.share-options input{accent-color:#66882b}
.share-preview{display:grid;place-items:center;padding:16px;background:#ecefe5;border-radius:6px;min-height:160px}.share-preview img{display:block;max-width:100%;width:640px;height:auto}.share-preview img[data-layout="tall"]{max-width:min(100%,360px)}.share-preview img[hidden],.share-preview p[hidden]{display:none}.share-loading{font-size:14px;color:#59634f;line-height:1.6;text-align:center}
.share-dialog .share-status{margin:14px 0;min-height:20px;font-size:13px;line-height:1.5;color:#49631f}.share-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.share-dialog button{cursor:pointer}.share-actions button,.share-copy-markdown{border:1px solid var(--ink);padding:10px 12px;background:transparent;color:var(--ink);font:600 12px "DM Mono",monospace}.share-actions .primary{background:var(--lime);box-shadow:3px 3px 0 var(--ink)}.share-dialog button:disabled{opacity:.5;cursor:wait}.share-socials{display:flex;flex-wrap:wrap;gap:12px 20px;margin:22px 0;font:12px/1.6 "DM Mono",monospace}.share-socials span{flex-basis:100%;color:#59634f;font:12px/1.6 "Space Grotesk",sans-serif}.share-dialog a{color:var(--ink);text-underline-offset:3px}
.share-readme{border-top:1px solid var(--line);padding-top:20px;margin-top:22px;font-size:14px;line-height:1.65}.share-readme summary{font-size:17px;font-weight:600;cursor:pointer}.share-readme label{font:12px "DM Mono",monospace}.share-readme textarea{box-sizing:border-box;display:block;width:100%;margin:8px 0 12px;padding:12px;min-height:100px;resize:vertical;background:#fff;border:1px solid var(--line);font:12px/1.6 "DM Mono",monospace;color:var(--ink);overflow-wrap:anywhere}.share-readme ol{padding-left:22px}.share-readme li{margin:12px 0}.share-guide-links{display:flex;gap:12px;flex-wrap:wrap;font:12px/1.6 "DM Mono",monospace}.share-dialog .share-cache-note{margin:22px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:12px;line-height:1.6;color:#59634f}.share-dialog :is(button,a,select,input,summary,textarea):focus-visible,.flaunt-bar button:focus-visible{outline:2px solid #66882b;outline-offset:4px}
/* Keep the account destination visible at every viewport size. */
.session-controls #sessionProfile,.session-controls #ideaProfile{display:inline-block;border:0;padding:8px 10px;color:var(--ink);font:600 12px "DM Mono",monospace}
@media(max-width:600px){.flaunt-bar{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));gap:10px}.flaunt-bar strong{font-size:14px}.flaunt-bar div span{display:none}.flaunt-bar .primary{padding:11px;font-size:12px}.share-dialog{padding:24px 16px;width:calc(100vw - 20px);max-height:calc(100dvh - 24px);box-shadow:3px 3px 0 var(--ink)}.share-options{align-items:stretch;flex-direction:column;gap:12px}.share-options fieldset{align-self:flex-start}.share-preview{padding:8px}.share-actions button{flex:1 1 42%}.share-actions .primary{font-size:12px}.share-dialog .share-status{margin:12px 0}}
@media(prefers-reduced-motion:reduce){.share-dialog{scroll-behavior:auto}}
.share-socials button{padding:0;border:0;background:transparent;color:var(--ink);font:inherit;text-decoration:underline;text-underline-offset:3px}
.share-caption-details{margin-top:16px;font-size:13px;line-height:1.6}.share-caption-details summary{cursor:pointer;font-weight:600}.share-caption-details label{display:block;margin-top:12px;font:12px "DM Mono",monospace}.share-caption-details textarea{display:block;box-sizing:border-box;width:100%;min-height:110px;margin:8px 0 12px;padding:12px;background:#fff;color:var(--ink);border:1px solid var(--line);font:12px/1.6 "DM Mono",monospace;resize:vertical}.share-copy-caption{padding:10px 12px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:600 12px "DM Mono",monospace}.share-dialog .share-instagram-help{margin:16px 0;font-size:13px;line-height:1.6}.share-instagram-help[hidden]{display:none}
