<div class="draggable h-header-height bg-token-main-surface-primary sticky top-0 z-10 flex items-center justify-center border-transparent ps-0 md:hidden [box-shadow:var(--sharp-edge-top-shadow)]" style="border: 0px solid rgba(0, 0, 0, 0); margin: 0px; padding: 0px; position: sticky; top: calc(var(--spacing)*0); z-index: 10; display: flex; height: var(--header-height); align-items: center; justify-content: center; background-color: var(--main-surface-primary); padding-inline-start: calc(var(--spacing)*0); box-shadow: var(--sharp-edge-top-shadow); scrollbar-color: var(--gray-200)transparent; color: rgb(0, 0, 0); font-family: ui-sans-serif, -apple-system, system-ui, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"; font-size: medium; white-space-collapse: collapse;"><div class="no-draggable" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; scrollbar-color: var(--gray-200)transparent;">
<main class="transition-width relative h-full w-full flex-1 overflow-auto" id="main" z-index="-1" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; position: relative; height: 696.267px; width: 384px; flex: 1 1 0%; overflow: auto; transition-duration: var(--tw-duration,var(--default-transition-duration)); transition-property: width; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); scrollbar-color: var(--main-surface-tertiary)transparent; color: rgb(0, 0, 0); font-family: ui-sans-serif, -apple-system, system-ui, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"; font-size: medium; white-space-collapse: collapse;"><div class="h-full w-full group/thread @container/thread" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; container: thread / inline-size; height: 696.267px; width: 384px; scrollbar-color: var(--main-surface-tertiary)transparent;"><div role="presentation" class="composer-parent flex h-full flex-col focus-visible:outline-0" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; display: flex; height: 696.267px; flex-direction: column; scrollbar-color: var(--main-surface-tertiary)transparent; --composer-footer_height: var(--composer-bar_footer-current-height,32px); --composer-bar_height: var(--composer-bar_current-height,52px); --composer-bar_width: var(--composer-bar_current-width,768px); --mask-fill: linear-gradient(180deg,#fff 0%,#fff); --mask-erase: linear-gradient(180deg,#000 0%,#000);"><div class="flex flex-1 grow basis-auto flex-col overflow-hidden" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; display: flex; flex: 1 1 auto; flex-direction: column; overflow: hidden; scrollbar-color: var(--main-surface-tertiary)transparent;"><div class="relative h-full" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; position: relative; height: 544.856px; scrollbar-color: var(--main-surface-tertiary)transparent;"><div class="flex h-full flex-col overflow-y-auto [scrollbar-gutter:stable]" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; display: flex; height: 544.856px; flex-direction: column; overflow-y: auto; scrollbar-gutter: stable; scrollbar-color: var(--main-surface-tertiary)transparent;"><div class="@thread-xl/thread:pt-header-height mt-1.5 flex flex-col text-sm md:pb-9" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin-top: calc(var(--spacing)*1.5); margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px; display: flex; flex-direction: column; font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); scrollbar-color: var(--main-surface-tertiary)transparent;"><article class="text-token-text-primary w-full" dir="auto" data-testid="conversation-turn-3" data-scroll-anchor="false" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; width: 384px; color: var(--text-primary); scrollbar-color: var(--main-surface-tertiary)transparent; scroll-margin-top: -444px;"><div class="text-base my-auto mx-auto py-5 px-6" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; margin-inline: auto; margin-block: auto; padding-inline: calc(var(--spacing)*6); padding-block: calc(var(--spacing)*5); font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); scrollbar-color: var(--main-surface-tertiary)transparent;"><div class="mx-auto flex flex-1 text-base gap-4 md:gap-5 lg:gap-6 md:max-w-3xl group/turn-messages focus-visible:outline-hidden" tabindex="-1" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; margin-inline: auto; display: flex; flex: 1 1 0%; gap: calc(var(--spacing)*4); font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); scrollbar-color: var(--main-surface-tertiary)transparent;"><div class="group/conversation-turn relative flex w-full min-w-0 flex-col @xs/thread:px-0 @sm/thread:px-1.5 @md/thread:px-4" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; position: relative; display: flex; width: 336px; min-width: calc(var(--spacing)*0); flex-direction: column; padding-inline: calc(var(--spacing)*1.5); scrollbar-color: var(--main-surface-tertiary)transparent;"><div class="relative flex-col gap-1 md:gap-3" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; position: relative; flex-direction: column; gap: calc(var(--spacing)*1); scrollbar-color: var(--main-surface-tertiary)transparent;"><div class="flex absolute right-0 left-0 flex justify-end" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; position: absolute; display: flex; justify-content: flex-end; right: calc(var(--spacing)*0); left: calc(var(--spacing)*0); scrollbar-color: var(--main-surface-tertiary)transparent;"><div class="touch:-me-2 touch:-ms-3.5 -ms-2.5 -me-1 flex items-center p-1 select-none focus-within:transition-none hover:transition-none duration-300 group-hover/turn-messages:delay-300 pointer-events-none opacity-0 motion-safe:transition-opacity group-hover/turn-messages:pointer-events-auto group-hover/turn-messages:opacity-100 group-focus-within/turn-messages:pointer-events-auto group-focus-within/turn-messages:opacity-100 has-data-[state=open]:pointer-events-auto has-data-[state=open]:opacity-100" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: calc(var(--spacing)*1); pointer-events: none; margin-inline-start: calc(var(--spacing)*-3.5); margin-inline-end: calc(var(--spacing)*-2); display: flex; align-items: center; opacity: 0; --tw-duration: .3s; transition-duration: var(--tw-duration,var(--default-transition-duration)); user-select: none; transition-property: opacity; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); scrollbar-color: var(--main-surface-tertiary)transparent;"><span class="" data-state="closed" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; scrollbar-color: var(--main-surface-tertiary)transparent;"><span style="font-size: inherit; font-weight: inherit; text-wrap: nowrap; color: var(--text-primary);">Moment suspendu…</span>
</span></article><article class="text-token-text-primary w-full" dir="auto" data-testid="conversation-turn-4" data-scroll-anchor="true" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; width: 384px; color: var(--text-primary); scrollbar-color: var(--main-surface-tertiary)transparent; min-height: calc(-248px + 100dvh);"><div class="text-base my-auto mx-auto py-5 px-6" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; margin-inline: auto; margin-block: auto; padding-inline: calc(var(--spacing)*6); padding-block: calc(var(--spacing)*5); font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); scrollbar-color: var(--main-surface-tertiary)transparent;"><div class="mx-auto flex flex-1 text-base gap-4 md:gap-5 lg:gap-6 md:max-w-3xl group/turn-messages focus-visible:outline-hidden" tabindex="-1" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; margin-inline: auto; display: flex; flex: 1 1 0%; gap: calc(var(--spacing)*4); font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); scrollbar-color: var(--main-surface-tertiary)transparent;"><div class="group/conversation-turn relative flex w-full min-w-0 flex-col agent-turn @xs/thread:px-0 @sm/thread:px-1.5 @md/thread:px-4" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; position: relative; display: flex; width: 336px; min-width: calc(var(--spacing)*0); flex-direction: column; padding-inline: calc(var(--spacing)*1.5); scrollbar-color: var(--main-surface-tertiary)transparent;"><div class="relative flex-col gap-1 md:gap-3" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; position: relative; flex-direction: column; gap: calc(var(--spacing)*1); scrollbar-color: var(--main-surface-tertiary)transparent;"><div class="flex max-w-full flex-col grow" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; display: flex; max-width: 100%; flex-grow: 1; flex-direction: column; scrollbar-color: var(--main-surface-tertiary)transparent;"><div data-message-author-role="assistant" data-message-id="aa506f70-18bb-4e46-aa03-0d539a4d53db" dir="auto" class="min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal [.text-message+&]:mt-5" data-message-model-slug="gpt-4o-mini" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; position: relative; display: flex; min-height: calc(var(--spacing)*8); width: 324px; flex-direction: column; align-items: flex-end; gap: calc(var(--spacing)*2); overflow-wrap: break-word; scrollbar-color: var(--main-surface-tertiary)transparent;"><div class="flex w-full flex-col gap-1 empty:hidden first:pt-[3px]" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 3px 0px 0px; display: flex; width: 324px; flex-direction: column; gap: calc(var(--spacing)*1); scrollbar-color: var(--main-surface-tertiary)transparent;"><div class="markdown prose dark:prose-invert w-full break-words light" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; --main-surface-background: #fffffff2; --message-surface: #e9e9e980; --composer-surface: var(--message-surface); --composer-blue-bg: #daeeff; --composer-blue-hover: #bddcf4; --composer-blue-hover-tint: #0084ff24; --composer-surface-primary: var(--main-surface-primary); --dot-color: var(--black); --text-primary: var(--gray-950); --icon-surface: 13 13 13; --text-primary-inverse: var(--gray-100); --content-primary: #01172b; --content-secondary: #44505b; --text-secondary: #5d5d5d; --text-tertiary: var(--gray-400); --text-quaternary: var(--gray-300); --text-placeholder: #000000b3; --tag-blue: #08f; --tag-blue-light: #0af; --text-error: #f93a37; --text-danger: var(--red-500); --surface-error: 249 58 55; --border-xlight: #0000000d; --border-light: #0000001a; --border-medium: #00000026; --border-heavy: #0003; --border-xheavy: #00000040; --hint-text: #08f; --hint-bg: #b3dbff; --border-sharp: #0000000d; --icon-secondary: #676767; --main-surface-primary: var(--white); --main-surface-primary-inverse: var(--gray-800); --main-surface-secondary: var(--gray-50); --main-surface-secondary-selected: #0000001a; --main-surface-tertiary: var(--gray-100); --sidebar-surface-primary: var(--gray-50); --sidebar-surface-secondary: var(--gray-100); --sidebar-surface-tertiary: var(--gray-200); --sidebar-title-primary: #28282880; --sidebar-surface: #fcfcfc; --sidebar-body-primary: #0d0d0d; --sidebar-icon: #7d7d7d; --surface-hover: #00000012; --link: #2964aa; --link-hover: #749ac8; --selection: #007aff; --sidebar-surface-floating-lightness: 1; --sidebar-surface-floating-alpha: 1; --sidebar-surface-pinned-lightness: .99; --sidebar-surface-pinned-alpha: 1; --tw-prose-body: var(--text-primary); --tw-prose-headings: var(--text-primary); --tw-prose-lead: var(--text-primary); --tw-prose-links: var(--text-primary); --tw-prose-bold: var(--text-primary); --tw-prose-counters: var(--text-primary); --tw-prose-bullets: var(--text-primary); --tw-prose-hr: var(--border-xheavy); --tw-prose-quotes: var(--text-primary); --tw-prose-quote-borders: oklch(.928 .006 264.531); --tw-prose-captions: var(--text-secondary); --tw-prose-code: var(--text-primary); --tw-prose-pre-code: oklch(.928 .006 264.531); --tw-prose-pre-bg: oklch(.278 .033 256.848); --tw-prose-th-borders: oklch(.872 .01 258.338); --tw-prose-td-borders: oklch(.928 .006 264.531); --tw-prose-invert-body: var(--text-primary); --tw-prose-invert-headings: var(--text-primary); --tw-prose-invert-lead: var(--text-primary); --tw-prose-invert-links: var(--text-primary); --tw-prose-invert-bold: var(--text-primary); --tw-prose-invert-counters: var(--text-primary); --tw-prose-invert-bullets: var(--text-primary); --tw-prose-invert-hr: var(--border-xheavy); --tw-prose-invert-quotes: var(--text-primary); --tw-prose-invert-quote-borders: oklch(.373 .034 259.733); --tw-prose-invert-captions: var(--text-secondary); --tw-prose-invert-code: var(--text-primary); --tw-prose-invert-pre-code: oklch(.872 .01 258.338); --tw-prose-invert-pre-bg: #00000080; --tw-prose-invert-th-borders: oklch(.446 .03 256.802); --tw-prose-invert-td-borders: oklch(.373 .034 259.733); color: var(--tw-prose-body); font-size: 1rem; line-height: 1.75; max-width: unset; width: 324px; overflow-wrap: break-word; scrollbar-color: var(--main-surface-tertiary)transparent;"><p data-start="81" data-end="604" class="" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin-top: 0.5rem; margin-bottom: 0.5rem; padding: 0px; scrollbar-color: var(--main-surface-tertiary)transparent;">Moment suspendu...</p><p data-start="81" data-end="604" class="" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin-top: 0.5rem; margin-bottom: 0.5rem; padding: 0px; scrollbar-color: var(--main-surface-tertiary)transparent;">Vient le temps de l'aftercare, après une séance intense et épuisante, où les émotions et les sensations se sont entremêlées.<br data-start="205" data-end="208" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; scrollbar-color: var(--main-surface-tertiary)transparent;">Entre punition et entraînement, j'ai eu chaud aux fesses, l'émotion était palpable, presque tangible.<br data-start="309" data-end="312" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; scrollbar-color: var(--main-surface-tertiary)transparent;">Ce moment que je chéris tant, celui où je redescends au calme, enroulée dans tes bras, pour retrouver la sérénité et reprendre mes esprits.<br data-start="451" data-end="454" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin: 0px; padding: 0px; scrollbar-color: var(--main-surface-tertiary)transparent;">Aucun mot ne saurait exprimer pleinement cette sensation d’apaisement profond que l’on retrouve dans ton étreinte, un retour à soi, doux et salvateur.</p><p data-start="81" data-end="604" class="" style="border-width: 0px; border-style: solid; border-color: var(--border-light,currentColor); border-image: initial; margin-top: 0.5rem; margin-bottom: 0.5rem; padding: 0px; scrollbar-color: var(--main-surface-tertiary)transparent;">#entremêlés #aftercare #photoperso #jailesfessesrouge </p></article></main>
Dimension:
1200 x 1178
Taille:
125.82 Kb
Soyez la première personne à aimer.