@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,400&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--navy: #0d1b2a;--navy-mid: #1a2e42;--cream: #faf6f0;--cream-warm: #f0e9df;--gold: #c9a84c;--gold-light: #e8c96d;--blue-fr: #002395;--red-fr: #ed2939;--white-fr: #ffffff;--text-dark: #0d1b2a;--text-mid: #3d5166;--text-soft: #7a91a6;--border: rgba(13, 27, 42, .1);--border-gold:rgba(201, 168, 76, .3);--shadow-sm: 0 2px 8px rgba(13,27,42,.06);--shadow-md: 0 8px 24px rgba(13,27,42,.1);--shadow-lg: 0 20px 48px rgba(13,27,42,.14);--radius: 12px;--radius-lg: 20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background-color:var(--cream);color:var(--text-dark);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");min-height:100vh}body:before{content:"";display:block;position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue-fr) 33.3%,var(--white-fr) 33.3% 66.6%,var(--red-fr) 66.6%);z-index:1000}#root{max-width:920px;margin:0 auto;padding:96px 24px 64px;min-height:100vh;display:flex;flex-direction:column}header{position:fixed;top:3px;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:14px 32px;background:#faf6f0eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}header h1{font-family:Playfair Display,Georgia,serif;font-size:1.25rem;font-weight:700;color:var(--navy);letter-spacing:-.01em;margin:0;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset}header h1:before{content:"🇫🇷 ";font-style:normal}h1,h2,h3,h4{font-family:Playfair Display,Georgia,serif;color:var(--navy);letter-spacing:-.02em;margin-bottom:12px}h2{font-size:2.2rem;font-weight:700;line-height:1.2}h3{font-size:1.3rem;font-weight:600}h4{font-size:1.05rem;font-weight:600;font-family:DM Sans,sans-serif}p{color:var(--text-mid);margin-bottom:16px}strong,b{font-weight:600;color:var(--text-dark);font-style:normal}em,i{font-style:italic}button{font-family:DM Sans,sans-serif;font-size:1rem;font-weight:500;padding:14px 20px;background:#fff;color:var(--text-dark);border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);width:100%;text-align:left;margin-bottom:10px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gold);opacity:0;transition:opacity .2s ease;border-radius:var(--radius)}button:hover:not(:disabled){transform:translateY(-2px);border-color:var(--gold);box-shadow:var(--shadow-md)}button:hover:not(:disabled):after{opacity:.04}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}button.primary{background:var(--navy);color:#fff;border-color:var(--navy);text-align:center;font-weight:600;letter-spacing:.01em}button.primary:hover:not(:disabled){background:var(--navy-mid);box-shadow:0 8px 24px #0d1b2a40;border-color:var(--navy-mid)}button.primary:after{background:#fff}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px 40px;margin-bottom:24px;box-shadow:var(--shadow-md);animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--gold) 0%,var(--gold-light) 100%);border-radius:4px 0 0 4px}nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:28px}nav button{height:auto;margin:0;padding:28px 24px;display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-lg);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}nav button:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue-fr),var(--red-fr));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}nav button:hover:not(:disabled):before{transform:scaleX(1)}nav button:hover:not(:disabled){transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-gold)}nav button h3{font-family:DM Sans,sans-serif;font-size:1.05rem;font-weight:600;margin-bottom:6px;color:var(--navy);letter-spacing:-.01em}nav button p{font-size:.88rem;margin:0;color:var(--text-soft);line-height:1.5}textarea,input,select{width:100%;padding:14px 16px;font-family:DM Sans,sans-serif;font-size:1rem;border:1.5px solid var(--border);border-radius:var(--radius);margin-bottom:16px;background-color:#fff;color:var(--text-dark);transition:all .2s ease;box-shadow:inset 0 1px 3px #0d1b2a0a;-moz-appearance:none;appearance:none;-webkit-appearance:none}textarea:focus,input:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c9a84c26;background-color:#fffdf8}pre{white-space:pre-wrap;font-family:DM Sans,sans-serif;background:var(--cream-warm);padding:24px 28px;border:1px solid var(--border-gold);border-radius:var(--radius);margin-bottom:16px;font-size:1rem;line-height:1.8;color:var(--text-dark)}.chat-message{margin-bottom:16px;padding:14px 20px;border-radius:var(--radius);max-width:82%;box-shadow:var(--shadow-sm)}.chat-user{background:var(--navy);color:#fff;margin-left:auto;border-bottom-right-radius:4px}.chat-user pre{background:transparent;color:#fff;border:none;padding:0}.chat-model{background:#fff;border:1px solid var(--border);margin-right:auto;border-bottom-left-radius:4px;border-left:3px solid var(--gold)}.chat-model pre{background:transparent;border:none;padding:0;margin:0}.loader{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;color:var(--text-soft);font-weight:500;font-size:.95rem}.loader:before{content:"";width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 640px){#root{padding:80px 16px 48px}header{padding:12px 16px}header h1{font-size:1.05rem}h2{font-size:1.7rem}.card{padding:24px 20px}nav{grid-template-columns:1fr}nav button{padding:22px 18px}.chat-message{max-width:92%}}