:root{--cream:#faf6f0;--ink:#1c1917;--terracotta:#c2571b;--terracotta-soft:#e8c4ab;--beige:#e7ddd3;--ok:#2e7d4f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:var(--terracotta)}.container{max-width:960px;margin:0 auto;padding:2.5rem 1.5rem}.badge{display:inline-block;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--terracotta);border:1px solid var(--terracotta-soft);border-radius:999px;padding:.15rem .75rem;margin-bottom:1rem}h1{font-family:Georgia,Times New Roman,serif;font-size:2.4rem;line-height:1.15;margin-bottom:.5rem}h2{font-family:Georgia,serif;font-size:1.3rem;margin-bottom:.75rem}.muted{color:rgba(28,25,23,.6)}.card{background:#fff;border:1px solid var(--beige);border-radius:16px;padding:1.5rem;margin-top:1.5rem}.btn{display:inline-block;border:none;cursor:pointer;font-size:1rem;padding:.8rem 1.8rem;border-radius:12px;transition:background .15s}.btn-primary{background:var(--terracotta);color:var(--cream)}.btn-primary:hover{background:#a84a15}.btn-primary:disabled{background:var(--terracotta-soft);cursor:wait}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--beige)}.btn-ghost:hover{border-color:var(--ink)}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.5rem}.dot-disconnected{background:#b8b0a6}.dot-connecting{background:#d9a441;animation:pulse 1s infinite}.dot-connected{background:var(--ok)}.dot-paused{background:#d9a441}@keyframes pulse{50%{opacity:.4}}.room{display:grid;grid-template-columns:1fr 280px;grid-gap:1.5rem;gap:1.5rem}@media (max-width:760px){.room{grid-template-columns:1fr}}.transcript{min-height:320px;max-height:55vh;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0}.msg{max-width:85%;padding:.6rem 1rem;border-radius:14px;font-size:.95rem}.msg-agent{background:var(--beige);align-self:flex-start;border-bottom-left-radius:4px}.msg-user{background:var(--terracotta);color:var(--cream);align-self:flex-end;border-bottom-right-radius:4px}.msg-prev{opacity:.65}.steps{list-style:none}.steps li{font-size:.85rem;padding:.5rem .75rem;border-left:3px solid var(--beige);margin-bottom:.35rem;color:rgba(28,25,23,.55);transition:all .3s}.steps li.done{border-left-color:var(--ok);color:var(--ink)}.steps li.current{border-left-color:var(--terracotta);color:var(--ink);font-weight:600;background:#fff8ef;border-radius:0 8px 8px 0}.progressbar{height:6px;background:var(--beige);border-radius:999px;overflow:hidden;margin:.25rem 0 .5rem}.progressbar>div{height:100%;background:var(--terracotta);border-radius:999px;transition:width .5s ease}.speaking{font-size:.85rem;color:var(--terracotta)}.error-box{background:#fdeceb;border:1px solid #f3b6b1;color:#8a2820;border-radius:10px;margin-top:1rem;font-size:.9rem}.banner,.error-box{padding:.75rem 1rem}.banner{background:#fff8ef;border:1px solid var(--terracotta-soft);border-radius:12px;margin-bottom:1rem;display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:.95rem}.cursor-blink{animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.sep-reprise{text-align:center;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(28,25,23,.45);margin:.25rem 0}.bot-list{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1.5rem}.book-scene{min-height:100vh;background:radial-gradient(ellipse at 50% 30%,#4a3427 0,#2c1e15 70%);flex-direction:column;padding:1.5rem 1rem 3rem}.book-scene,.book-topbar{display:flex;align-items:center}.book-topbar{width:100%;max-width:760px;justify-content:space-between;margin-bottom:1.5rem}.book-topbar .btn-ghost{color:var(--cream);border-color:rgba(250,246,240,.35)}.book-topbar .btn-ghost:hover{border-color:var(--cream)}.book-topbar .muted{color:rgba(250,246,240,.6)}.book-loading{display:flex;align-items:center;justify-content:center;min-height:50vh}.book-loading-inner{color:rgba(250,246,240,.85);font-family:Georgia,serif;font-size:1.1rem;font-style:italic;animation:pulse 1.6s infinite}.book{position:relative;width:min(680px,94vw);aspect-ratio:5/7;max-height:78vh;cursor:pointer;perspective:2600px;perspective-origin:50% 45%;filter:drop-shadow(0 30px 45px rgba(0,0,0,.55))}.book:before{content:"";box-shadow:-6px 0 0 -2px #d9cbb8,-11px 0 0 -5px #cbb9a2,-16px 0 0 -8px #bfa98e;pointer-events:none}.book-sheet,.book:before{position:absolute;inset:0;border-radius:6px 14px 14px 6px}.book-sheet{overflow:hidden;background:#fdf9f1}.book-under.casting-next:after,.book-under.casting-prev:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0}.book-under.casting-next:after{background:linear-gradient(100deg,rgba(20,10,4,.55),rgba(20,10,4,0) 55%);animation:cast-sweep .76s ease both}.book-under.casting-prev:after{background:linear-gradient(100deg,rgba(20,10,4,.45),rgba(20,10,4,0) 55%);animation:cast-sweep-rev .76s ease both}@keyframes cast-sweep{0%{opacity:0}45%{opacity:1}to{opacity:0}}@keyframes cast-sweep-rev{0%{opacity:.9}55%{opacity:.5}to{opacity:0}}.book-flipper{position:absolute;inset:0;z-index:6;transform-style:preserve-3d;transform-origin:left center;border-radius:6px 14px 14px 6px;will-change:transform}.book-flipper.flip-next{animation:flip-next .76s cubic-bezier(.32,.12,.24,1) both}.book-flipper.flip-prev{animation:flip-prev .76s cubic-bezier(.32,.12,.24,1) both}@keyframes flip-next{0%{transform:rotateY(0deg) translateZ(0)}50%{transform:rotateY(-88deg) translateZ(48px)}to{transform:rotateY(-178deg) translateZ(0)}}@keyframes flip-prev{0%{transform:rotateY(-178deg) translateZ(0)}50%{transform:rotateY(-88deg) translateZ(48px)}to{transform:rotateY(0deg) translateZ(0)}}.flip-face{position:absolute;inset:0;border-radius:inherit;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fdf9f1;box-shadow:0 6px 24px rgba(0,0,0,.35)}.flip-front:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;background:linear-gradient(90deg,rgba(0,0,0,0) 45%,rgba(40,22,8,.28) 88%,rgba(40,22,8,.42));opacity:0}.flip-next .flip-front:after{animation:sheen .76s ease both}.flip-prev .flip-front:after{animation:sheen-rev .76s ease both}@keyframes sheen{0%{opacity:0}40%{opacity:1}to{opacity:0}}@keyframes sheen-rev{0%{opacity:.9}60%{opacity:.4}to{opacity:0}}.flip-back{transform:rotateY(180deg);background:linear-gradient(90deg,rgba(120,96,68,.18) 0,rgba(120,96,68,0) 12%),linear-gradient(105deg,#f6efe2,#efe6d4 55%,#f8f2e7)}.flip-back:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(270deg,rgba(0,0,0,0) 55%,rgba(40,22,8,.12))}.book-cover{position:absolute;inset:0;background:radial-gradient(circle at 28% 22%,rgba(255,214,170,.16) 0,rgba(255,214,170,0) 45%),linear-gradient(135deg,#8a3d16,#6e2f10 55%,#58250c)}.book-cover-frame{position:absolute;inset:6%;border:2px solid rgba(232,196,171,.65);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center;padding:0 8%}.book-cover-sur{color:rgba(232,196,171,.85);letter-spacing:.25em;text-transform:uppercase;font-size:.75rem}.book-cover-titre{color:#f5e6d3;font-family:Georgia,serif;font-size:clamp(2rem,6vw,3.2rem);line-height:1.1;text-shadow:0 2px 12px rgba(0,0,0,.35)}.book-cover-sous{color:rgba(245,230,211,.85);font-family:Georgia,serif;font-style:italic;font-size:1.05rem}.book-cover-note{color:rgba(232,196,171,.6);font-size:.8rem;margin-top:1.5rem}.book-paper{position:absolute;inset:0;padding:8% 9% 12%;background:linear-gradient(90deg,rgba(0,0,0,.06),rgba(0,0,0,0) 4%),#fdf9f1;overflow-y:auto}.book-chap{font-family:Georgia,serif;font-size:1.35rem;color:#5a2f12;margin-bottom:1rem;text-align:center}.book-chap:after{content:"";display:block;width:60px;height:1px;background:#c2571b;margin:.6rem auto 0}.book-para{font-family:Georgia,Times New Roman,serif;font-size:1rem;line-height:1.85;color:#2c2620;text-align:justify;margin-bottom:.9rem;text-indent:1.5em}.book-para:first-of-type:first-letter{font-size:2.6em;float:left;line-height:.85;padding-right:.08em;color:#8a3d16;font-family:Georgia,serif}.book-folio{position:absolute;bottom:3.5%;left:0;right:0;text-align:center;font-family:Georgia,serif;font-size:.85rem;color:rgba(44,38,32,.5)}.book-corner{position:absolute;bottom:10px;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;font-size:1.5rem;line-height:1;z-index:10;background:rgba(250,246,240,.12);color:rgba(250,246,240,.9);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background .15s}.book-corner:hover{background:rgba(250,246,240,.28)}.book-corner-left{left:-56px}.book-corner-right{right:-56px}@media (max-width:820px){.book-corner-left{left:8px;bottom:-56px}.book-corner-right{right:8px;bottom:-56px}}