:root{--bg: #F5F0E8;--surface: #FDFBF7;--surface-pure: #FFFFFF;--fg: #2B2B28;--muted: #8B7D6B;--primary: #4A5B6E;--accent: #C2A878;--border: #E0D8CC;--font-display: "Crimson Pro", Georgia, serif;--font-body: "Source Serif 4", Georgia, serif;--text-sm: 14px;--text-base: 18px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 28px;--leading-body: 1.8;--radius: 4px;--radius-lg: 8px;--space-2: 8px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.topbar{background:var(--primary);color:var(--surface-pure);padding:var(--space-4) var(--space-8);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.topbar h1{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;letter-spacing:.02em}.topbar-reset{background:none;border:1px solid rgba(255,255,255,.3);color:var(--surface-pure);font-family:var(--font-body);font-size:var(--text-sm);padding:6px 16px;border-radius:var(--radius);cursor:pointer;transition:background .2s}.topbar-reset:hover{background:#ffffff1a}.main{max-width:780px;margin:0 auto;padding:var(--space-12) var(--space-6)}.input-section{margin-bottom:var(--space-8)}.input-section label{display:block;font-family:var(--font-display);font-size:var(--text-lg);color:var(--primary);margin-bottom:var(--space-4);font-variant:small-caps;letter-spacing:.04em}.notes-textarea{width:100%;min-height:200px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);color:var(--fg);resize:vertical;transition:border-color .2s}.notes-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #4a5b6e1a}.notes-textarea::placeholder{color:var(--muted);font-style:italic}.examples-row{display:flex;gap:var(--space-4);margin:var(--space-6) 0;flex-wrap:wrap}.example-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 18px;font-family:var(--font-body);font-size:var(--text-sm);color:var(--primary);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.example-btn:hover{border-color:var(--primary);background:var(--surface-pure)}.example-btn .ex-label{font-weight:600}.example-btn .ex-fictif{font-size:11px;color:var(--muted);font-style:italic}.generate-btn{display:block;width:100%;background:var(--accent);color:var(--fg);border:none;border-radius:var(--radius);padding:14px var(--space-6);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;cursor:pointer;transition:background .2s,opacity .2s;letter-spacing:.02em}.generate-btn:hover{background:#b8966a}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.loading{text-align:center;padding:var(--space-12);color:var(--muted);font-style:italic;font-size:var(--text-lg)}.loading-spinner{display:inline-block;width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}.error-box{background:#fdf0ee;border:1px solid #D4A0A0;border-radius:var(--radius);padding:var(--space-4) var(--space-6);color:#8b4444;font-size:var(--text-base);margin-top:var(--space-6)}.error-box strong{display:block;margin-bottom:var(--space-2);font-family:var(--font-display)}.synthesis{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);border-left:3px solid var(--accent);padding:var(--space-8) var(--space-8);margin-top:var(--space-8);animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.synthesis-header{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--primary);margin-bottom:var(--space-2);font-weight:400}.synthesis-meta{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-8);font-style:italic}.synthesis-section{margin-bottom:var(--space-6)}.synthesis-section:last-of-type{margin-bottom:var(--space-8)}.synthesis-section h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--primary);font-variant:small-caps;letter-spacing:.04em;margin-bottom:var(--space-2);padding-bottom:4px;border-bottom:1px solid var(--border)}.synthesis-section p{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);color:var(--fg);text-align:justify}.synthesis-section ul{padding-left:var(--space-6);margin-top:var(--space-2)}.synthesis-section ul li{margin-bottom:var(--space-2);line-height:var(--leading-body)}.releve-block{background:var(--surface-pure);border:1px dashed var(--border);border-radius:var(--radius);padding:var(--space-4) var(--space-6);margin-top:var(--space-4)}.releve-block .releve-label{font-size:var(--text-sm);color:var(--muted);font-style:italic;margin-bottom:var(--space-4)}.synthesis-footer{margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--muted);font-style:italic;text-align:center}@media print{.topbar,.input-section,.examples-row,.generate-btn,.topbar-reset,.no-print{display:none!important}body{background:#fff;color:#000;font-size:12pt}.main{max-width:none;padding:0;margin:0}.synthesis{border:none;border-left:2px solid var(--accent);padding:0;margin:0;animation:none}.synthesis-section,.releve-block{page-break-inside:avoid}}