:root{--surface:#f0ebe4;--surface-alt:#e8e0d6;--parchment:#d4c4a8;--ink:#2a1f18;--ink-deep:#1a1208;--ink-system:#0f0a04;--ink-faded:#9c8e78;--ink-watermark:#d4c9b0;--accent:#8b5e3c;--muted:#2a1f1873;--border:#8b5e3c40;--border-light:#8b5e3c1f;--ink-bleed:0 0 .5px #1a1208, .3px .3px .5px #1a120866;--ink-bleed-light:0 0 .4px #1a120899;--font-serif:"Cormorant Garamond", "Noto Serif SC", serif;--font-mono:"Courier Prime", monospace;--ease-breath:cubic-bezier(.4, 0, .2, 1);--duration-fade:3.5s;--duration-seep:1.8s;--duration-grow:.8s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background:var(--surface);font-family:var(--font-serif);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:18px;line-height:1.8;position:relative;overflow-x:hidden}body:before{content:"";z-index:9990;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}body:after{content:"";z-index:9991;pointer-events:none;background:radial-gradient(at 12% 15%,#785a2817 0%,#0000 45%),radial-gradient(at 85% 75%,#64461e14 0%,#0000 40%),radial-gradient(at 90% 10%,#6e50230f 0%,#0000 35%),radial-gradient(at 45% 85%,#5a411912 0%,#0000 30%),radial-gradient(at 60% 40%,#8264320a 0%,#0000 50%);position:fixed;inset:0}.input-box{border:1px solid var(--border);width:100%;transition:border-color .6s var(--ease-breath), box-shadow .6s var(--ease-breath);border-radius:1px;padding:.8rem 1rem;position:relative}.input-box--active{border-color:var(--accent);box-shadow:0 0 12px #8b5e3c1a}.input-box--idle{animation:box-breathe 3s var(--ease-breath) infinite}@keyframes box-breathe{0%,to{box-shadow:0 0 #8b5e3c00}50%{box-shadow:0 0 16px #8b5e3c14}}.input-box__textarea{resize:none;width:100%;font-family:var(--font-serif);color:var(--ink-deep);text-shadow:var(--ink-bleed);caret-color:var(--accent);background:0 0;border:none;outline:none;font-size:20px;line-height:1.8}.input-box__textarea--hidden{opacity:0;pointer-events:none}.input-box__ink{font-family:var(--font-serif);color:var(--ink-deep);text-shadow:var(--ink-bleed);will-change:opacity, filter, transform;transform-origin:0;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:20px;line-height:1.8;position:absolute;top:.8rem;left:1rem;right:1rem;overflow:hidden}.system-response{flex-direction:column;gap:.8rem;display:flex}.system-response__line{color:var(--ink-deep);letter-spacing:.3px;text-shadow:var(--ink-bleed);opacity:0;will-change:opacity, filter;font-size:22px;font-weight:600;line-height:1.9}.book-page{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:3rem 2rem;display:flex;position:relative}.book-page__vignette{pointer-events:none;z-index:9999;background:radial-gradient(#0000 55%,#2a1f1826 100%);position:fixed;inset:0}.book-page__book{filter:drop-shadow(0 4px 8px #1a141066)drop-shadow(0 12px 24px #1a141040)drop-shadow(0 20px 40px #1a141026);display:flex;position:relative}.book-page__spine{z-index:2;background:linear-gradient(90deg,#3d2b1a 0%,#5c3d24 40%,#4a3320 70%,#3d2b1a 100%);border-radius:4px 0 0 4px;width:28px;min-height:60vh;position:relative;box-shadow:inset -3px 0 6px #0006,inset 2px 0 4px #ffffff0d}.book-page__spine:before{content:"";background:linear-gradient(#0000 0%,#8b5e3c4d 20%,#8b5e3c80 50%,#8b5e3c4d 80%,#0000 100%);width:2px;position:absolute;top:10%;bottom:10%;left:50%;transform:translate(-50%)}.book-page__pages{z-index:0;background:repeating-linear-gradient(90deg,#c9b896 0,#d4c4a8 1px,#bfae8e 2px);border-radius:0 2px 2px 0;width:calc(100% - 28px);position:absolute;inset:3px -4px -4px 28px;box-shadow:2px 2px 4px #1a141033,inset 0 -1px 2px #0000001a}.book-page__paper{background:var(--parchment);z-index:1;filter:url(#paper-edge);background-image:linear-gradient(#0000000a 1px,#0000 1px);background-size:100% 1.6rem;border-radius:0 2px 2px 0;width:min(640px,100vw - 6rem);min-height:60vh;padding:3.5rem 3rem 3.5rem 3.5rem;position:relative;box-shadow:inset 0 0 20px #00000014}.book-page__gutter{pointer-events:none;z-index:10;background:linear-gradient(90deg,#1a141026 0%,#1a14100f 40%,#0000 100%);width:40px;position:absolute;top:0;bottom:0;left:0}.book-page__grain{opacity:.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='ng'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23ng)'/%3E%3C/svg%3E");position:absolute;inset:0}.book-page__title{font-family:var(--font-serif);letter-spacing:2px;text-transform:uppercase;color:var(--muted);-webkit-user-select:none;user-select:none;font-size:15px;position:absolute;top:1.5rem;left:3.5rem}.book-page__content{flex-direction:column;justify-content:center;align-items:stretch;gap:2rem;min-height:50vh;display:flex;position:relative}.book-page__prompt{color:var(--ink-deep);text-shadow:var(--ink-bleed);text-align:center;font-size:24px;line-height:1.8}.book-page__response{flex-direction:column;gap:2rem;width:100%;display:flex}.book-page__pulse{background:var(--accent);width:4px;height:4px;animation:pulse 1.5s var(--ease-breath) infinite;border-radius:50%;margin:1rem 0}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.5)}}.book-page__farewell{color:var(--muted);text-align:center;animation:farewell-in 2.5s var(--ease-breath) both;font-size:18px;font-style:italic;line-height:1.8}@keyframes farewell-in{0%{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur()}}.book-page__paper::-webkit-scrollbar{display:none}.book-page__paper{scrollbar-width:none}