Colonnes de Beck · Journal des pensées

3d:I[23131,["/_next/static/chunks/2-qp3q497era9.js","/_next/static/chunks/3cmvik1zogxvy.js","/_next/static/chunks/03b7csfq2br4v.js","/_next/static/chunks/2kofo8zk7dfuw.js","/_next/static/chunks/204u8hfao6nw_.js","/_next/static/chunks/2matreab0rub0.js","/_next/static/chunks/3y1dm_kjvn47h.js","/_next/static/chunks/08sikk1eypppo.js","/_next/static/chunks/1thlt7ghjj4x5.js","/_next/static/chunks/0egets1-e2hga.js"],"PageProvider"] 3e:Tbc3f,

3f:T3d89,@charset "UTF-8"; /* Masquage du header Notion */ .notion-header__cover, .notion-header__content, .notion-header__title, .notion-page__properties { display: none !important; } * { box-sizing: border-box; margin: 0; padding: 0; } body { background: #F2EDE4; font-family: "Lato", sans-serif; color: #3D4A3E; line-height: 1.55; font-weight: 300; -webkit-font-smoothing: antialiased; padding: 30px 18px 60px; max-width: 760px; margin: 0 auto; } .serif { font-family: "Playfair Display", serif; font-weight: 400; } .tag { font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: 0.13em; text-transform: uppercase; display: block; } .card { background: #EAE3D8; border: 1px solid #C8BFB0; border-radius: 4px; padding: 18px 20px; margin-bottom: 10px; } h1.serif { font-size: 34px; line-height: 1.15; color: #3D4A3E; margin: 6px 0 4px; letter-spacing: -0.01em; } h2.serif { font-size: 22px; line-height: 1.2; color: #3D4A3E; margin: 0 0 10px; } h3 { font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.13em; text-transform: uppercase; color: #7A8C7B; font-weight: 500; margin-bottom: 10px; } p { font-size: 14px; line-height: 1.65; font-weight: 300; margin-bottom: 10px; color: #3D4A3E; } .muted { color: #7A8C7B; } .small { font-size: 12px; line-height: 1.55; } .hero { margin-bottom: 24px; } .subtitle { font-size: 15px; color: #7A8C7B; font-style: italic; margin-bottom: 14px; line-height: 1.55; } .disclaimer { font-size: 11px; color: #7A8C7B; line-height: 1.7; font-style: italic; padding: 16px 0 0; border-top: 1px solid #C8BFB0; margin-top: 24px; } .attribution { font-size: 10px; color: #7A8C7B; line-height: 1.65; margin-top: 8px; } /* Cards de saisie */ .entry-card { background: #EAE3D8; border: 1px solid #C8BFB0; border-radius: 4px; padding: 20px 22px; margin-bottom: 14px; } .entry-card .tag { margin-bottom: 6px; color: #8EB5A2; } .entry-card h2.serif { font-size: 20px; margin-bottom: 6px; } .entry-card .hint { font-size: 12.5px; color: #7A8C7B; font-style: italic; margin-bottom: 12px; line-height: 1.5; } textarea { width: 100%; min-height: 90px; padding: 12px 14px; border: 1px solid #C8BFB0; border-radius: 3px; font-family: "Lato", sans-serif; font-size: 14px; line-height: 1.55; color: #3D4A3E; background: #F2EDE4; resize: vertical; font-weight: 300; outline: none; transition: border-color 0.15s; } textarea:focus { border-color: #8EB5A2; } textarea::placeholder { color: #A8B5A9; font-style: italic; } /* Slider */ .slider-block { margin-top: 14px; } .slider-label { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; color: #7A8C7B; } .slider-label .slider-val { font-size: 15px; letter-spacing: 0; color: #3D4A3E; font-weight: 500; font-family: "Lato", sans-serif; } input[type=range] { -webkit-appearance: none; appearance: none; width: 100%; height: 6px; background: #C8BFB0; border-radius: 3px; outline: none; } input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; background: #8EB5A2; border-radius: 50%; cursor: pointer; border: 2px solid #F2EDE4; transition: transform 0.12s, background 0.15s; } input[type=range]::-webkit-slider-thumb:hover { background: #3D4A3E; transform: scale(1.1); } input[type=range]::-moz-range-thumb { width: 18px; height: 18px; background: #8EB5A2; border-radius: 50%; cursor: pointer; border: 2px solid #F2EDE4; transition: transform 0.12s, background 0.15s; } input[type=range]::-moz-range-thumb:hover { background: #3D4A3E; transform: scale(1.1); } .slider-marks { display: flex; justify-content: space-between; font-family: "IBM Plex Mono", monospace; font-size: 9px; color: #7A8C7B; margin-top: 4px; } /* Section dépliante distorsions */ details.distorsions { margin-top: 14px; } details.distorsions summary { cursor: pointer; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: #7A8C7B; padding: 10px 0; border-top: 1px solid #C8BFB0; border-bottom: 1px solid #C8BFB0; list-style: none; } details.distorsions summary::-webkit-details-marker { display: none; } details.distorsions summary::before { content: "▶ "; font-size: 8px; transition: transform 0.15s; display: inline-block; } details.distorsions[open] summary::before { transform: rotate(90deg); } .distorsion-item { display: flex; gap: 10px; padding: 10px 0; border-bottom: 1px solid rgba(200, 191, 176, 0.5); cursor: pointer; } .distorsion-item:last-child { border-bottom: none; } .distorsion-item input[type=checkbox] { flex-shrink: 0; margin-top: 3px; width: 14px; height: 14px; accent-color: #8EB5A2; cursor: pointer; } .distorsion-item .dist-text { flex: 1; } .distorsion-item .dist-label { font-size: 13px; font-weight: 500; color: #3D4A3E; margin-bottom: 2px; } .distorsion-item .dist-desc { font-size: 12px; color: #7A8C7B; font-style: italic; line-height: 1.45; } .distorsion-item input:checked + .dist-text .dist-label { color: #3D4A3E; } .distorsions-pre { padding: 12px 0 6px; font-size: 11.5px; color: #7A8C7B; line-height: 1.55; } /* Boutons */ .btn-primary { width: 100%; padding: 14px; background: #3D4A3E; color: #F2EDE4; border: none; border-radius: 4px; cursor: pointer; font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.13em; text-transform: uppercase; margin-top: 14px; transition: opacity 0.15s; font-weight: 500; } .btn-primary:hover { opacity: 0.85; } .btn-secondary { width: 100%; padding: 12px; background: transparent; color: #7A8C7B; border: 1px solid #C8BFB0; border-radius: 4px; cursor: pointer; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; margin-top: 10px; transition: background 0.15s; font-weight: 500; } .btn-secondary:hover { background: #EAE3D8; } .btn-pdf { width: 100%; padding: 13px; background: #3D4A3E; color: #F2EDE4; border: none; border-radius: 4px; cursor: pointer; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 10px; margin-top: 10px; transition: opacity 0.15s; } .btn-pdf:hover { opacity: 0.85; } .btn-danger { display: inline-block; color: #8E4A1A; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; background: transparent; border: none; cursor: pointer; text-decoration: underline; padding: 8px 0; margin-top: 10px; } .btn-danger:hover { color: #9A5418; } /* Entrée du journal (liste) */ .entry-row { background: #EAE3D8; border: 1px solid #C8BFB0; border-radius: 4px; padding: 14px 16px; margin-bottom: 8px; cursor: pointer; transition: background 0.15s, border-color 0.15s; } .entry-row:hover { background: #F2EDE4; border-color: #8EB5A2; } .entry-row .row-date { font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: 0.13em; text-transform: uppercase; color: #8EB5A2; margin-bottom: 6px; } .entry-row .row-excerpt { font-size: 13px; color: #3D4A3E; line-height: 1.45; font-weight: 300; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .entry-row .row-deltas { display: flex; gap: 12px; margin-top: 8px; font-family: "IBM Plex Mono", monospace; font-size: 10px; color: #7A8C7B; } .entry-row .row-deltas .delta { display: inline-flex; align-items: center; gap: 4px; } .delta-arrow { color: #8EB5A2; font-weight: 500; } /* Vue détail d'une entrée */ .view-section { margin-bottom: 18px; } .view-section h3 { margin-bottom: 6px; } .view-section .content { font-size: 14px; line-height: 1.6; color: #3D4A3E; white-space: pre-wrap; font-weight: 300; } .view-section .content.empty { color: #A8B5A9; font-style: italic; } .view-meta { display: inline-block; font-family: "IBM Plex Mono", monospace; font-size: 10px; color: #7A8C7B; background: #F2EDE4; border: 1px solid #C8BFB0; padding: 3px 8px; border-radius: 3px; margin-top: 4px; } .view-distorsion { display: inline-block; font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: 0.05em; color: #3D4A3E; background: #F2EDE4; border: 1px solid #C8BFB0; padding: 4px 9px; border-radius: 3px; margin: 3px 4px 3px 0; } .reeval-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 8px; } .reeval-cell { background: #F2EDE4; border: 1px solid #C8BFB0; border-radius: 3px; padding: 10px 12px; } .reeval-cell .reeval-tag { font-family: "IBM Plex Mono", monospace; font-size: 8px; letter-spacing: 0.1em; text-transform: uppercase; color: #7A8C7B; margin-bottom: 4px; } .reeval-cell .reeval-val { font-size: 18px; font-family: "Playfair Display", serif; color: #3D4A3E; font-weight: 500; } .reeval-cell .reeval-delta { font-size: 11px; color: #8EB5A2; margin-top: 2px; font-family: "IBM Plex Mono", monospace; letter-spacing: 0.05em; } .reeval-cell .reeval-delta.neg { color: #8E4A1A; } /* Bandeau header de saisie */ .entry-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 1px solid #C8BFB0; } .entry-header .header-date { font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.13em; text-transform: uppercase; color: #7A8C7B; } .back-link { font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: #7A8C7B; background: transparent; border: none; cursor: pointer; padding: 6px 10px; border-radius: 3px; transition: background 0.15s; } .back-link:hover { background: #EAE3D8; color: #3D4A3E; } /* Encart vie privée */ .privacy-box { background: #EAE3D8; border-left: 3px solid #8EB5A2; border-radius: 0 4px 4px 0; padding: 14px 16px; margin: 18px 0; } .privacy-box .tag { color: #8EB5A2; margin-bottom: 6px; } .privacy-box p { font-size: 12.5px; line-height: 1.55; color: #3D4A3E; font-weight: 300; margin: 0; } /* Save status */ .save-status { display: inline-block; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.08em; color: #8EB5A2; opacity: 0; transition: opacity 0.3s; } .save-status.visible { opacity: 1; } /* Aperçu des 5 colonnes sur l'intro */ .steps-preview { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 14px; } .step-row { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid rgba(200, 191, 176, 0.55); } .step-row:last-child { border-bottom: none; } .step-num { flex-shrink: 0; width: 24px; height: 24px; background: #F2EDE4; border: 1px solid #C8BFB0; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: "Playfair Display", serif; font-size: 13px; color: #3D4A3E; font-weight: 500; } .step-body .step-title { font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.13em; text-transform: uppercase; color: #3D4A3E; font-weight: 500; margin-bottom: 2px; } .step-body .step-desc { font-size: 12.5px; color: #7A8C7B; line-height: 1.5; font-weight: 300; } /* ─── MODULES PARTAGÉS : ENVOYER À MON PATIENT / À MON PSYCHOLOGUE ─────── */ .btn-share { width: 100%; padding: 12px; background: transparent; color: #7A8C7B; border: 1px solid #C8BFB0; border-radius: 4px; cursor: pointer; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; transition: background 0.15s; margin-top: 10px; display: flex; align-items: center; justify-content: center; gap: 8px; } .btn-share:hover { background: #EAE3D8; } .btn-share svg { width: 12px; height: 12px; } .share-overlay { position: fixed; inset: 0; background: rgba(61, 74, 62, 0.55); display: none; align-items: center; justify-content: center; z-index: 9999; padding: 20px; font-family: "Lato", sans-serif; } .share-overlay.open { display: flex; } .share-modal { background: #F2EDE4; border: 1px solid #C8BFB0; border-radius: 6px; padding: 26px 26px 22px; width: 100%; max-width: 420px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18); } .share-modal h3 { font-family: "Playfair Display", serif; font-size: 21px; font-weight: 400; color: #3D4A3E; margin: 0 0 4px; } .share-sub { color: #7A8C7B; font-size: 12.5px; line-height: 1.55; margin: 0 0 18px; font-weight: 300; } .share-label { display: block; font-family: "IBM Plex Mono", monospace; font-size: 9px; font-weight: 500; letter-spacing: 0.13em; text-transform: uppercase; color: #7A8C7B; margin-bottom: 6px; } .share-link-row { display: flex; gap: 6px; margin-bottom: 18px; } .share-link-row input { flex: 1; padding: 9px 11px; border: 1px solid #C8BFB0; border-radius: 3px; font-size: 12px; font-family: "IBM Plex Mono", monospace; color: #7A8C7B; background: #EAE3D8; outline: none; } .share-copy { background: #3D4A3E; color: #F2EDE4; border: none; padding: 0 14px; border-radius: 3px; font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; white-space: nowrap; transition: background 0.2s; } .share-copy.copied { background: #8EB5A2; } .share-channels { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; } .share-channels button { background: #EAE3D8; border: 1px solid #C8BFB0; padding: 11px; border-radius: 3px; font-family: "IBM Plex Mono", monospace; font-size: 9px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; color: #3D4A3E; display: flex; align-items: center; justify-content: center; gap: 7px; transition: background 0.15s; } .share-channels button:hover { background: #F2EDE4; } .share-channels svg { width: 13px; height: 13px; } .share-close { background: transparent; color: #7A8C7B; border: 1px solid #C8BFB0; padding: 9px 14px; border-radius: 3px; font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; margin-top: 16px; float: right; } .share-close:hover { background: #EAE3D8; } .share-psy-steps { margin: 0 0 16px 0; padding-left: 18px; color: #3D4A3E; font-size: 12.5px; line-height: 1.65; font-weight: 300; font-family: "Lato", sans-serif; } .share-psy-steps li { margin-bottom: 6px; } .share-psy-steps li:last-child { margin-bottom: 0; } .share-psy-hint { color: #7A8C7B; font-size: 11px; line-height: 1.5; margin: 14px 0 0; font-style: italic; } .share-psy-copy-wide { width: 100%; padding: 10px; margin-top: 8px; } @media (max-width: 480px) { .share-channels { grid-template-columns: 1fr; } } :root { --primary-font: "Lato", sans-serif; --secondary-font: "Lato", sans-serif; }40:T3d89,@charset "UTF-8"; /* Masquage du header Notion */ .notion-header__cover, .notion-header__content, .notion-header__title, .notion-page__properties { display: none !important; } * { box-sizing: border-box; margin: 0; padding: 0; } body { background: #F2EDE4; font-family: "Lato", sans-serif; color: #3D4A3E; line-height: 1.55; font-weight: 300; -webkit-font-smoothing: antialiased; padding: 30px 18px 60px; max-width: 760px; margin: 0 auto; } .serif { font-family: "Playfair Display", serif; font-weight: 400; } .tag { font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: 0.13em; text-transform: uppercase; display: block; } .card { background: #EAE3D8; border: 1px solid #C8BFB0; border-radius: 4px; padding: 18px 20px; margin-bottom: 10px; } h1.serif { font-size: 34px; line-height: 1.15; color: #3D4A3E; margin: 6px 0 4px; letter-spacing: -0.01em; } h2.serif { font-size: 22px; line-height: 1.2; color: #3D4A3E; margin: 0 0 10px; } h3 { font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.13em; text-transform: uppercase; color: #7A8C7B; font-weight: 500; margin-bottom: 10px; } p { font-size: 14px; line-height: 1.65; font-weight: 300; margin-bottom: 10px; color: #3D4A3E; } .muted { color: #7A8C7B; } .small { font-size: 12px; line-height: 1.55; } .hero { margin-bottom: 24px; } .subtitle { font-size: 15px; color: #7A8C7B; font-style: italic; margin-bottom: 14px; line-height: 1.55; } .disclaimer { font-size: 11px; color: #7A8C7B; line-height: 1.7; font-style: italic; padding: 16px 0 0; border-top: 1px solid #C8BFB0; margin-top: 24px; } .attribution { font-size: 10px; color: #7A8C7B; line-height: 1.65; margin-top: 8px; } /* Cards de saisie */ .entry-card { background: #EAE3D8; border: 1px solid #C8BFB0; border-radius: 4px; padding: 20px 22px; margin-bottom: 14px; } .entry-card .tag { margin-bottom: 6px; color: #8EB5A2; } .entry-card h2.serif { font-size: 20px; margin-bottom: 6px; } .entry-card .hint { font-size: 12.5px; color: #7A8C7B; font-style: italic; margin-bottom: 12px; line-height: 1.5; } textarea { width: 100%; min-height: 90px; padding: 12px 14px; border: 1px solid #C8BFB0; border-radius: 3px; font-family: "Lato", sans-serif; font-size: 14px; line-height: 1.55; color: #3D4A3E; background: #F2EDE4; resize: vertical; font-weight: 300; outline: none; transition: border-color 0.15s; } textarea:focus { border-color: #8EB5A2; } textarea::placeholder { color: #A8B5A9; font-style: italic; } /* Slider */ .slider-block { margin-top: 14px; } .slider-label { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; color: #7A8C7B; } .slider-label .slider-val { font-size: 15px; letter-spacing: 0; color: #3D4A3E; font-weight: 500; font-family: "Lato", sans-serif; } input[type=range] { -webkit-appearance: none; appearance: none; width: 100%; height: 6px; background: #C8BFB0; border-radius: 3px; outline: none; } input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; background: #8EB5A2; border-radius: 50%; cursor: pointer; border: 2px solid #F2EDE4; transition: transform 0.12s, background 0.15s; } input[type=range]::-webkit-slider-thumb:hover { background: #3D4A3E; transform: scale(1.1); } input[type=range]::-moz-range-thumb { width: 18px; height: 18px; background: #8EB5A2; border-radius: 50%; cursor: pointer; border: 2px solid #F2EDE4; transition: transform 0.12s, background 0.15s; } input[type=range]::-moz-range-thumb:hover { background: #3D4A3E; transform: scale(1.1); } .slider-marks { display: flex; justify-content: space-between; font-family: "IBM Plex Mono", monospace; font-size: 9px; color: #7A8C7B; margin-top: 4px; } /* Section dépliante distorsions */ details.distorsions { margin-top: 14px; } details.distorsions summary { cursor: pointer; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: #7A8C7B; padding: 10px 0; border-top: 1px solid #C8BFB0; border-bottom: 1px solid #C8BFB0; list-style: none; } details.distorsions summary::-webkit-details-marker { display: none; } details.distorsions summary::before { content: "▶ "; font-size: 8px; transition: transform 0.15s; display: inline-block; } details.distorsions[open] summary::before { transform: rotate(90deg); } .distorsion-item { display: flex; gap: 10px; padding: 10px 0; border-bottom: 1px solid rgba(200, 191, 176, 0.5); cursor: pointer; } .distorsion-item:last-child { border-bottom: none; } .distorsion-item input[type=checkbox] { flex-shrink: 0; margin-top: 3px; width: 14px; height: 14px; accent-color: #8EB5A2; cursor: pointer; } .distorsion-item .dist-text { flex: 1; } .distorsion-item .dist-label { font-size: 13px; font-weight: 500; color: #3D4A3E; margin-bottom: 2px; } .distorsion-item .dist-desc { font-size: 12px; color: #7A8C7B; font-style: italic; line-height: 1.45; } .distorsion-item input:checked + .dist-text .dist-label { color: #3D4A3E; } .distorsions-pre { padding: 12px 0 6px; font-size: 11.5px; color: #7A8C7B; line-height: 1.55; } /* Boutons */ .btn-primary { width: 100%; padding: 14px; background: #3D4A3E; color: #F2EDE4; border: none; border-radius: 4px; cursor: pointer; font-family: "IBM Plex Mono", monospace; font-size: 11px; letter-spacing: 0.13em; text-transform: uppercase; margin-top: 14px; transition: opacity 0.15s; font-weight: 500; } .btn-primary:hover { opacity: 0.85; } .btn-secondary { width: 100%; padding: 12px; background: transparent; color: #7A8C7B; border: 1px solid #C8BFB0; border-radius: 4px; cursor: pointer; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; margin-top: 10px; transition: background 0.15s; font-weight: 500; } .btn-secondary:hover { background: #EAE3D8; } .btn-pdf { width: 100%; padding: 13px; background: #3D4A3E; color: #F2EDE4; border: none; border-radius: 4px; cursor: pointer; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 10px; margin-top: 10px; transition: opacity 0.15s; } .btn-pdf:hover { opacity: 0.85; } .btn-danger { display: inline-block; color: #8E4A1A; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; background: transparent; border: none; cursor: pointer; text-decoration: underline; padding: 8px 0; margin-top: 10px; } .btn-danger:hover { color: #9A5418; } /* Entrée du journal (liste) */ .entry-row { background: #EAE3D8; border: 1px solid #C8BFB0; border-radius: 4px; padding: 14px 16px; margin-bottom: 8px; cursor: pointer; transition: background 0.15s, border-color 0.15s; } .entry-row:hover { background: #F2EDE4; border-color: #8EB5A2; } .entry-row .row-date { font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: 0.13em; text-transform: uppercase; color: #8EB5A2; margin-bottom: 6px; } .entry-row .row-excerpt { font-size: 13px; color: #3D4A3E; line-height: 1.45; font-weight: 300; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .entry-row .row-deltas { display: flex; gap: 12px; margin-top: 8px; font-family: "IBM Plex Mono", monospace; font-size: 10px; color: #7A8C7B; } .entry-row .row-deltas .delta { display: inline-flex; align-items: center; gap: 4px; } .delta-arrow { color: #8EB5A2; font-weight: 500; } /* Vue détail d'une entrée */ .view-section { margin-bottom: 18px; } .view-section h3 { margin-bottom: 6px; } .view-section .content { font-size: 14px; line-height: 1.6; color: #3D4A3E; white-space: pre-wrap; font-weight: 300; } .view-section .content.empty { color: #A8B5A9; font-style: italic; } .view-meta { display: inline-block; font-family: "IBM Plex Mono", monospace; font-size: 10px; color: #7A8C7B; background: #F2EDE4; border: 1px solid #C8BFB0; padding: 3px 8px; border-radius: 3px; margin-top: 4px; } .view-distorsion { display: inline-block; font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: 0.05em; color: #3D4A3E; background: #F2EDE4; border: 1px solid #C8BFB0; padding: 4px 9px; border-radius: 3px; margin: 3px 4px 3px 0; } .reeval-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 8px; } .reeval-cell { background: #F2EDE4; border: 1px solid #C8BFB0; border-radius: 3px; padding: 10px 12px; } .reeval-cell .reeval-tag { font-family: "IBM Plex Mono", monospace; font-size: 8px; letter-spacing: 0.1em; text-transform: uppercase; color: #7A8C7B; margin-bottom: 4px; } .reeval-cell .reeval-val { font-size: 18px; font-family: "Playfair Display", serif; color: #3D4A3E; font-weight: 500; } .reeval-cell .reeval-delta { font-size: 11px; color: #8EB5A2; margin-top: 2px; font-family: "IBM Plex Mono", monospace; letter-spacing: 0.05em; } .reeval-cell .reeval-delta.neg { color: #8E4A1A; } /* Bandeau header de saisie */ .entry-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 1px solid #C8BFB0; } .entry-header .header-date { font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.13em; text-transform: uppercase; color: #7A8C7B; } .back-link { font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: #7A8C7B; background: transparent; border: none; cursor: pointer; padding: 6px 10px; border-radius: 3px; transition: background 0.15s; } .back-link:hover { background: #EAE3D8; color: #3D4A3E; } /* Encart vie privée */ .privacy-box { background: #EAE3D8; border-left: 3px solid #8EB5A2; border-radius: 0 4px 4px 0; padding: 14px 16px; margin: 18px 0; } .privacy-box .tag { color: #8EB5A2; margin-bottom: 6px; } .privacy-box p { font-size: 12.5px; line-height: 1.55; color: #3D4A3E; font-weight: 300; margin: 0; } /* Save status */ .save-status { display: inline-block; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.08em; color: #8EB5A2; opacity: 0; transition: opacity 0.3s; } .save-status.visible { opacity: 1; } /* Aperçu des 5 colonnes sur l'intro */ .steps-preview { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 14px; } .step-row { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid rgba(200, 191, 176, 0.55); } .step-row:last-child { border-bottom: none; } .step-num { flex-shrink: 0; width: 24px; height: 24px; background: #F2EDE4; border: 1px solid #C8BFB0; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: "Playfair Display", serif; font-size: 13px; color: #3D4A3E; font-weight: 500; } .step-body .step-title { font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.13em; text-transform: uppercase; color: #3D4A3E; font-weight: 500; margin-bottom: 2px; } .step-body .step-desc { font-size: 12.5px; color: #7A8C7B; line-height: 1.5; font-weight: 300; } /* ─── MODULES PARTAGÉS : ENVOYER À MON PATIENT / À MON PSYCHOLOGUE ─────── */ .btn-share { width: 100%; padding: 12px; background: transparent; color: #7A8C7B; border: 1px solid #C8BFB0; border-radius: 4px; cursor: pointer; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; transition: background 0.15s; margin-top: 10px; display: flex; align-items: center; justify-content: center; gap: 8px; } .btn-share:hover { background: #EAE3D8; } .btn-share svg { width: 12px; height: 12px; } .share-overlay { position: fixed; inset: 0; background: rgba(61, 74, 62, 0.55); display: none; align-items: center; justify-content: center; z-index: 9999; padding: 20px; font-family: "Lato", sans-serif; } .share-overlay.open { display: flex; } .share-modal { background: #F2EDE4; border: 1px solid #C8BFB0; border-radius: 6px; padding: 26px 26px 22px; width: 100%; max-width: 420px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18); } .share-modal h3 { font-family: "Playfair Display", serif; font-size: 21px; font-weight: 400; color: #3D4A3E; margin: 0 0 4px; } .share-sub { color: #7A8C7B; font-size: 12.5px; line-height: 1.55; margin: 0 0 18px; font-weight: 300; } .share-label { display: block; font-family: "IBM Plex Mono", monospace; font-size: 9px; font-weight: 500; letter-spacing: 0.13em; text-transform: uppercase; color: #7A8C7B; margin-bottom: 6px; } .share-link-row { display: flex; gap: 6px; margin-bottom: 18px; } .share-link-row input { flex: 1; padding: 9px 11px; border: 1px solid #C8BFB0; border-radius: 3px; font-size: 12px; font-family: "IBM Plex Mono", monospace; color: #7A8C7B; background: #EAE3D8; outline: none; } .share-copy { background: #3D4A3E; color: #F2EDE4; border: none; padding: 0 14px; border-radius: 3px; font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; white-space: nowrap; transition: background 0.2s; } .share-copy.copied { background: #8EB5A2; } .share-channels { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; } .share-channels button { background: #EAE3D8; border: 1px solid #C8BFB0; padding: 11px; border-radius: 3px; font-family: "IBM Plex Mono", monospace; font-size: 9px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; color: #3D4A3E; display: flex; align-items: center; justify-content: center; gap: 7px; transition: background 0.15s; } .share-channels button:hover { background: #F2EDE4; } .share-channels svg { width: 13px; height: 13px; } .share-close { background: transparent; color: #7A8C7B; border: 1px solid #C8BFB0; padding: 9px 14px; border-radius: 3px; font-family: "IBM Plex Mono", monospace; font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; margin-top: 16px; float: right; } .share-close:hover { background: #EAE3D8; } .share-psy-steps { margin: 0 0 16px 0; padding-left: 18px; color: #3D4A3E; font-size: 12.5px; line-height: 1.65; font-weight: 300; font-family: "Lato", sans-serif; } .share-psy-steps li { margin-bottom: 6px; } .share-psy-steps li:last-child { margin-bottom: 0; } .share-psy-hint { color: #7A8C7B; font-size: 11px; line-height: 1.5; margin: 14px 0 0; font-style: italic; } .share-psy-copy-wide { width: 100%; padding: 10px; margin-top: 8px; } @media (max-width: 480px) { .share-channels { grid-template-columns: 1fr; } } :root { --primary-font: "Lato", sans-serif; --secondary-font: "Lato", sans-serif; }5:["$","$L3d",null,{"pageReplacement":"$undefined","getWebVital":false,"pageId":"tests-journal-des-penses-colonnes-de-beck","records":{"__version__":3,"block":{"tests-journal-des-penses-colonnes-de-beck":{"id":"tests-journal-des-penses-colonnes-de-beck","children":[],"hasContent":false,"parentId":"35fc913f2b26808a8970000b4115c33d","title":[["Journal des pensées - Colonnes de Beck"]],"updatedAt":1789743885439,"type":"page","spaceId":"f752c96c-ecb6-4948-8432-098d8c399012","coverPosition":0.5,"createdTime":1780346877465,"lastEditedTime":1789743885439,"createdBy":[{"0":"‣","1":[{"0":"u"}]}],"lastEditedBy":[{"0":"‣","1":[{"0":"u"}]}],"layout":null,"propertySort":[{"property":"o_Lv","visibility":"show","type":"multi_select","name":"Thème"},{"property":"lE_N","visibility":"show","type":"select","name":"Durée"},{"property":"?TM?","visibility":"show","type":"select","name":"Dimensions"},{"property":"bg]v","visibility":"show","type":"select","name":"Items"}],"uri":"/tests/journal-des-penses-colonnes-de-beck","fullWidth":false,"smallText":false,"cover":"https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/894ea580-8e71-4d27-9a4f-de66e4f0e504/vignettejournalpensees/public","noCover":false,"superProperties":{},"propertyValues":{"o_Lv":[{"color":"brown","value":"Activité"}],"lE_N":[],"?TM?":[],"bg]v":[]},"blockId":"372c913f-2b26-8069-bcd2-d02058a079a0"},"tests":{"id":"tests","children":[],"hasContent":true,"parentId":"35fc913f2b2680ce9102e420b71bac35","title":[["Les tests"]],"updatedAt":1789409251286,"type":"page","spaceId":"f752c96c-ecb6-4948-8432-098d8c399012","createdTime":1778662492187,"lastEditedTime":1789409251286,"createdBy":[{"0":"‣","1":[{"0":"u"}]}],"lastEditedBy":[{"0":"‣","1":[{"0":"u"}]}],"description":null,"uri":"/tests","blockId":"35fc913f-2b26-80f3-b83c-d393e2a17f7e"},"35ec913f2b268034928be6377dfd16f1":{"id":"35ec913f2b268034928be6377dfd16f1","children":[],"hasContent":true,"parentId":"3c4c913f2b26808f820cd2353a7191d0","title":[],"updatedAt":1790831527039,"type":"page","spaceId":"f752c96c-ecb6-4948-8432-098d8c399012","createdTime":1778595011154,"lastEditedTime":1790831527039,"createdBy":[{"0":"‣","1":[{"0":"u"}]}],"lastEditedBy":[{"0":"‣","1":[{"0":"u"}]}],"description":null,"uri":"/35ec913f2b268034928be6377dfd16f1","blockId":"35ec913f-2b26-8034-928b-e6377dfd16f1"},"tests-questionnaires":{"id":"tests-questionnaires","children":[],"hasContent":false,"parentId":"tests","title":[["Questionnaires"]],"updatedAt":1791208521744,"type":"collection_page","spaceId":"f752c96c-ecb6-4948-8432-098d8c399012","uri":"/tests/questionnaires","collectionId":"35fc913f-2b26-808a-8970-000b4115c33d","views":[],"cover":null,"description":[],"coverPosition":1},"35fc913f2b2680ce9102e420b71bac35":{"id":"35fc913f2b2680ce9102e420b71bac35","children":["tests","360c913f2b268034a23ee19bbde49404","37ac913f2b2680b78598c554da545630","360c913f2b2680a799b0eafa9d843473","37cc913f2b268084b7abc75bb9d4b8b6","3d1c913f2b2680249ebaece358f59812","3dfc913f2b2680b4a9e5dd920af4b081","2d20543ebbac4ee9a700b76ba815063c"],"hasContent":true,"parentId":"35ec913f2b268034928be6377dfd16f1","title":[["Menu"]],"updatedAt":1789935985693,"type":"toggle","subType":null,"depth":null,"color":"BgBrown"},"3c4c913f2b26808f820cd2353a7191d0":null},"form_question":{},"entity":{},"pageId":"372c913f2b268069bcd2d02058a079a0","pagesToCreate":[]},"settings":{"siteId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a","userId":"23a68ff2-7e5f-42d3-b383-a79223951d24","domainName":"psytests.work","name":"psytests.work","active":true,"free":false,"tier":"personal","favicon":null,"fontFamily":"Inter","legacyTheme":null,"language":"fr","languages":[],"notionPage":"35ec913f2b268034928be6377dfd16f1","indexPageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::f5781d97-f165-431c-a6ae-4841727e17bb","pageProperties":true,"hidePageProperties":false,"disablePageProperties":false,"pageSyncing":true,"viewSwitcher":true,"layoutSidePanel":true,"floatingTableOfContents":false,"siteSearch":true,"advancedSearch":false,"themeToggle":false,"mondayFirst":true,"loadLimits":false,"disableLoadMore":false,"hidePersonInfo":true,"showPropertyIcons":true,"filterRedirectsFromSearch":false,"googleAnalyticsId":"G-0SKDPP3Z5C","cookieConsent":{"enabled":false,"position":"bar","texts":[],"categories":{"preferences":true,"statistics":true,"marketing":true}},"redirectSubdomain":null,"canonicalDomain":null,"analytics":false,"noIndex":false,"viewsExceeded":false,"manualSync":false,"syncStatus":"unsynced","publishedAt":null,"custom404Enabled":false,"membershipEnabled":false,"membershipConfigured":false,"suppressLoginEmail":false,"indexMembershipTierIds":null,"navbar":{"type":"simple","style":{"height":56,"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)","ctaTextColor":"var(--color-text-default)","ctaBackgroundColor":"var(--color-bg-default)","isSticky":true,"shadow":{"type":"none","color":"rgba(0,0,0,1)","opacity":12}},"links":[{"id":"fc2d9ef7-3fa5-4e12-974d-60134a0544fc","type":"page","label":"Accueil","link":"/","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::f5781d97-f165-431c-a6ae-4841727e17bb","icon":"Home","list":[]},{"id":"b9623fad-c3dd-49dd-a056-252a9b75ccac","type":"page","label":"Les tests","link":"/tests","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::15a16504-7cfa-4944-8b55-607311513cd2","icon":"BarChartBig","list":[]},{"id":"b4f61f18-dc0e-4169-b206-6467641dd7b9","type":"page","label":"Comprendre","link":"/comprendre","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::955e3c5b-e64c-46ad-91ec-c817bacf0250","icon":"Lightbulb","list":[]},{"id":"bd8e4b2a-9e7a-4424-8e15-6e1ee9a20944","type":"page","label":"Contribuer","link":"/contribuer","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::16fd5d5e-02f7-4787-be1b-8097792e5788","icon":"HeartHandshake","list":[]},{"id":"41324ef8-12c7-4ca3-a4df-4d0dd4617248","type":"page","label":"Ressources","link":"/ressources","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::aa3d9222-ebc2-4269-85ed-491941d61d69","icon":"Bookmark","list":[]},{"id":"9e3a1751-b6e3-4f72-9118-9ff1ee76da63","type":"list","label":"A propos","icon":"Info","list":[{"id":"2d713bc6-24a0-45c4-8442-18854326c006","type":"page","label":"Le projet","link":"/le-projet","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::c2a3e2fa-85a5-4a79-bf94-aa090fb295a1","icon":"Cat","list":[]},{"id":"dd1d3051-be6e-4639-a1aa-8449adb01a31","type":"page","label":"Développement du site et IA","link":"/developpement-du-site-et-usage-de-lia","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::e44933f3-6725-4d45-a91d-4c5a67482590","icon":"Brackets","description":"","list":[]},{"id":"dc00d1c8-5b92-47c8-a158-6463b0763e67","type":"page","label":"Droits d'utilisation","link":"/droits-dutilisation","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::eefe9af0-3f91-44f1-8d75-f8adddc6182c","icon":"Landmark","description":"","list":[]},{"id":"693cfb54-9dfa-4e4a-a848-8cb69b741bd5","type":"page","label":"Mises à jour","link":"/mises-jour","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::ac82d281-eef9-48ea-a059-339c602860a3","icon":"PackageOpen","description":"","list":[]}]}],"logo":{"type":"text","width":90,"fontSize":16,"textContent":"psytests.work","imageContent":null,"imageContentDark":null,"disabled":false},"cta":{"type":"page","label":"","link":"/","pageId":""},"isSticky":true,"breadcrumbs":false},"footer":{"type":"stack","style":{"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)"},"links":[{"id":"91016b6b-a402-4452-b4c9-84214f97b62d","type":"page","label":"Home","link":"/","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::f5781d97-f165-431c-a6ae-4841727e17bb","icon":"","list":[]},{"id":"5f1aaac6-7181-41b3-bad3-56110b9aebad","type":"page","label":"Les tests","link":"/tests","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::15a16504-7cfa-4944-8b55-607311513cd2","icon":"","list":[]},{"id":"040bed56-6c78-470d-9557-d0c48eebec30","type":"page","label":"A propos","link":"/le-projet","pageId":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::c2a3e2fa-85a5-4a79-bf94-aa090fb295a1","icon":"","list":[]}],"logo":{"type":"text","width":90,"fontSize":8,"textContent":"psytests.work","imageContent":null,"imageContentDark":null,"disabled":false},"socials":[],"footnote":"Illustrations Notioly","divider":true},"sidebar":{"enabled":false,"links":[],"cta":[],"logo":null,"searchEnabled":true},"theme":{"colorMode":"light","layout":{"paddingLayout":0.9,"layoutMaxWidth":1000,"columnSpacing":46,"borderThicknessLayout":1,"borderTypeLayout":"solid","borderRadiiLayout":21,"pageDisplay":"flex"},"header":{"coverHeight":28,"titleAlign":"left","iconAlign":"-112px auto auto auto","display":"block"},"collectionCard":{"gap":24,"shadow":"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px","coverHeightLarge":200,"coverHeightMedium":216,"coverHeightSmall":128,"titleSize":1.2,"coverSizeSmall":172,"coverSizeMedium":260,"coverSizeLarge":320,"iconDisplay":"inline-flex"},"callout":{"iconDisplay":"block","shadow":"none"},"typography":{"primaryFont":"Inter","secondaryFont":"Inter","fonts":[],"baseSize":16,"titleSize":5.18,"headingSize":2.2,"quoteSize":1.2,"quoteSizeLarge":1.8,"textWeight":400,"headingWeight":600},"scrollbar":{"width":15},"navbar":{"height":67,"shadow":"none"},"footer":{"height":0},"sidebar":{"width":280,"shadow":"none"},"colors":{"light":{"text":"#37352F","textLight":"#7d7c78","background":"#ffffff","borderColor":"#E9E9E7","checkboxBackground":"#2EAADC","hoverBackground":"#efefef","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#37352F","background":"#ffffff","buttonText":"#ffffff","buttonBackground":"#364e59","hoverBackground":null},"footer":{"text":"#37352F","background":"#ffffff","buttonText":"#ffffff","buttonBackground":"#37352F"},"sidebar":{"text":"#37352F","ctaText":"#37352F","background":"#ffffff","hoverBackground":"#efefef","ctaBackground":"#ffffff","border":"#E9E9E7"},"database":{"cardBackground":"#f4f4f4","cardHoverBackground":"#f9f9f8","calendarWeekendBackground":"#f7f6f3"},"default":[45,8,20],"gray":[36,2,46],"brown":[19,31,47],"orange":[30,87,45],"yellow":[38,62,49],"green":[149,31,39],"blue":[202,53,43],"purple":[274,32,54],"pink":[328,48,53],"red":[2,62,55],"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}}},"dark":{"text":"#e1e1e1","textLight":"#9b9b9b","background":"#191919","borderColor":"#313131","checkboxBackground":"#2EAADC","hoverBackground":"#292929","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#e1e1e1","background":"#191919","buttonText":"#ffffff","buttonBackground":"#fd8304","hoverBackground":null},"footer":{"text":"#e1e1e1","background":"#212121","buttonText":"#191919","buttonBackground":"#e1e1e1"},"sidebar":{"text":"#e1e1e1","ctaText":"#e1e1e1","background":"#191919","hoverBackground":"#292929","ctaBackground":"#191919","border":"#373737"},"database":{"cardBackground":"#212121","cardHoverBackground":"#292929","calendarWeekendBackground":"#202020"},"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}},"default":[45,8,20],"gray":[0,0,61],"brown":[18,35,58],"orange":[25,54,53],"yellow":[38,54,54],"green":[146,32,47],"blue":[217,50,58],"purple":[270,55,62],"pink":[329,57,58],"red":[1,69,60]}}},"code":{"head":[{"id":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::195f45df-eb99-43cf-b669-0eea58a5254a","content":"\r\n\r\n\r\nColonnes de Beck · Journal des pensées · psytests.work\r\n\r\n\r\n"}],"body":[{"id":"c5140aab-e73b-444b-8001-0b8e3b1ded0a:::8ffd9fda-ff29-464f-8d60-7778631ad126","content":"$3e"}],"style":[],"css":"$3f"},"files":[],"hasPassword":false,"hasFeed":false,"membershipTierIds":null},"smallText":false,"config":"$undefined","pageLocation":"/tests/journal-des-penses-colonnes-de-beck","passwords":[],"styles":"$40","children":["$L41","$L42",null]}]