@import"https://fonts.googleapis.com/css2?family=MedievalSharp&family=IM+Fell+English:ital@0;1&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0a;overflow:hidden;font-family:IM Fell English,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:contents}.starfield-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.book-container{perspective:2600px;width:1200px;height:840px;position:relative;z-index:1}.book{width:100%;height:100%;position:relative;transform-style:preserve-3d}.book:before{content:"";position:absolute;left:50%;top:-5px;bottom:-5px;width:30px;transform:translate(-50%);background:linear-gradient(90deg,#0a0806,#1a1510,#0a0806);z-index:100;border-radius:2px;box-shadow:0 0 30px #000c}.page{position:absolute;width:50%;height:100%;top:0;transform-origin:left center;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.25,.8,.25,1);right:0;z-index:1}.page.flipped{transform:rotateY(-180deg)}.page.active .page-front:after,.page.active .page-back:after{background:radial-gradient(ellipse at 20% 80%,rgba(120,90,40,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(100,80,30,.06) 0%,transparent 40%),radial-gradient(ellipse at 60% 60%,rgba(90,70,30,.04) 0%,transparent 60%),linear-gradient(to left,rgba(0,0,0,.08) 0%,transparent 40%)}.page-front,.page-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:0 8px 8px 0;padding:40px 35px 40px 30px;overflow:hidden}.page-front{background:linear-gradient(135deg,transparent 0%,rgba(180,165,130,.03) 50%,transparent 100%),linear-gradient(180deg,#e8dcc8,#ddd0b8 30%,#d4c5a8 70%,#cbb998);box-shadow:inset -3px 0 8px #00000026,inset 0 0 20px #8b77501a}.page-back{background:linear-gradient(135deg,transparent 0%,rgba(180,165,130,.03) 50%,transparent 100%),linear-gradient(180deg,#e2d5c0,#d8cab2 30%,#cfbfa5 70%,#c6b494);transform:rotateY(180deg);border-radius:8px 0 0 8px;padding:40px 30px 40px 35px;box-shadow:inset 3px 0 8px #00000026,inset 0 0 20px #8b77501a}.page-front:before,.page-back:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(139,119,80,.06) 28px,rgba(139,119,80,.06) 29px);pointer-events:none}.page-front:after,.page-back:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 80%,rgba(120,90,40,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(100,80,30,.06) 0%,transparent 40%),radial-gradient(ellipse at 60% 60%,rgba(90,70,30,.04) 0%,transparent 60%);pointer-events:none}.static-page{position:absolute;left:0;top:0;width:50%;height:100%;background:linear-gradient(180deg,#e2d5c0,#d8cab2 30%,#cfbfa5 70%,#c6b494);border-radius:8px 0 0 8px;box-shadow:inset 3px 0 8px #0000001a,inset 0 0 20px #8b77501a;padding:40px 30px 40px 35px;overflow:hidden}.static-page:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(139,119,80,.06) 28px,rgba(139,119,80,.06) 29px);pointer-events:none}.static-page:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,rgba(120,90,40,.07) 0%,transparent 50%),radial-gradient(ellipse at 30% 70%,rgba(100,80,30,.05) 0%,transparent 40%);pointer-events:none}.elixir-title{font-family:MedievalSharp,cursive;font-size:26px;color:transparent;background:linear-gradient(170deg,#7a5b2e,#a67b3c,#c4944a,#8b6914,#b8924a,#6b4e20);-webkit-background-clip:text;background-clip:text;text-align:center;margin-bottom:16px;letter-spacing:2px;text-shadow:none;position:relative;filter:brightness(.9) contrast(1.1)}.elixir-title:after{content:"";display:block;width:60%;height:1px;margin:8px auto 0;background:linear-gradient(90deg,transparent,#9A8A5A,transparent)}.elixir-subtitle{font-family:IM Fell English,serif;font-style:italic;font-size:12px;text-align:center;color:#7a6a50;margin-bottom:20px;letter-spacing:1px;filter:brightness(.85)}.elixir-illustration{width:100%;height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;position:relative}.elixir-illustration svg{filter:sepia(.5) saturate(.7) brightness(.8) drop-shadow(0 0 1px rgba(140,110,60,.3));opacity:.7}.elixir-content-clip{height:760px;overflow:hidden}.elixir-body{font-family:IM Fell English,serif;font-size:14px;line-height:1.8;color:#5e4e3a;filter:brightness(.95)}.elixir-body p{text-align:justify;-webkit-hyphens:auto;hyphens:auto;margin-bottom:8px}.elixir-body em{font-style:italic;color:#6b5538}.elixir-body strong{color:#6b5538;font-weight:400;font-style:italic}.elixir-body hr{margin:14px 0;border:none;border-top:1px solid rgba(140,110,60,.2)}.elixir-body ol{padding-left:24px;margin:8px 0}.elixir-body ol li{font-size:13px;color:#5e4e3a;margin-bottom:4px;filter:brightness(.95)}.elixir-body ul{list-style:none;padding:0;margin:0}.elixir-body ul li{font-size:12.5px;color:#5e4e3a;margin-bottom:4px;filter:brightness(.9)}.elixir-body ul li strong{color:#6b5538;font-style:italic;min-width:80px;display:inline-block}.elixir-body h2{font-family:MedievalSharp,cursive;font-size:18px;color:transparent;background:linear-gradient(170deg,#7a5b2e,#b8924a,#7a5b2e);-webkit-background-clip:text;background-clip:text;letter-spacing:1px;margin:16px 0 8px;font-weight:400;filter:brightness(.9) contrast(1.1)}.elixir-body h3{font-family:IM Fell English,serif;font-size:15px;color:#7a6a50;font-style:italic;font-weight:400;margin:12px 0 6px;filter:brightness(.85)}.elixir-body blockquote{border-left:2px solid rgba(140,110,60,.25);padding-left:12px;margin:10px 0;font-style:italic;color:#6b5538}.page-number{position:absolute;bottom:18px;font-family:IM Fell English,serif;font-size:13px;color:#8a7a5a;filter:brightness(.75)}.page-front .page-number{right:30px}.page-back .page-number,.static-page .page-number{left:30px}.nav-arrow{position:fixed;top:50%;transform:translateY(-50%);width:50px;height:50px;border:1px solid rgba(192,182,155,.2);background:#1e191299;color:#c0b69b;font-size:20px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200}.nav-arrow:hover{background:#322a1ecc;border-color:#c0b69b66;box-shadow:0 0 15px #c0b69b1a}.nav-arrow:disabled{opacity:.2;cursor:default}.nav-prev{left:40px}.nav-next{right:40px}.book-title-label{position:fixed;top:30px;left:50%;transform:translate(-50%);font-family:MedievalSharp,cursive;font-size:32px;letter-spacing:6px;color:transparent;background:linear-gradient(170deg,#7a5b2e,#c4944a,#7a5b2e);-webkit-background-clip:text;background-clip:text;filter:brightness(.75);text-transform:uppercase;z-index:1}.page-controls{position:fixed;bottom:28px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;z-index:200}.page-jump-btn{background:none;border:1px solid rgba(192,182,155,.15);color:#c0b69b80;font-family:IM Fell English,serif;font-size:14px;padding:4px 8px;cursor:pointer;border-radius:4px;transition:all .3s;line-height:1}.page-jump-btn:hover:not(:disabled){background:#322a1e99;border-color:#c0b69b4d;color:#c0b69bcc}.page-jump-btn:disabled{opacity:.2;cursor:default}.page-select{background:#14100cb3;border:1px solid rgba(192,182,155,.2);color:#c0b69b99;font-family:IM Fell English,serif;font-size:13px;padding:4px 8px;border-radius:4px;cursor:pointer;outline:none;letter-spacing:1px;-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.page-select:hover{border-color:#c0b69b66;color:#c0b69bcc}.page-select option{background:#1a1510;color:#c0b69b}.page-of{font-family:IM Fell English,serif;font-size:13px;color:#c0b69b59;letter-spacing:1px}.page{z-index:1}.page.flipped{z-index:0}.page.active{z-index:5}.mirror-note{position:absolute;font-family:IM Fell English,serif;font-size:10px;color:#8c6e3c33;transform:scaleX(-1);pointer-events:none}.book-shadow{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);width:85%;height:30px;background:radial-gradient(ellipse,rgba(0,0,0,.5) 0%,transparent 70%);filter:blur(10px)}.cover-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.cover-content .cover-title{font-family:MedievalSharp,cursive;font-size:32px;color:transparent;background:linear-gradient(170deg,#7a5b2e,#c4944a 40%,#8b6914);-webkit-background-clip:text;background-clip:text;letter-spacing:3px;margin-bottom:12px;filter:brightness(.9) contrast(1.1)}.cover-content .cover-ornament{color:#8a7a4a;font-size:18px;margin-bottom:16px;opacity:.5}.cover-content .cover-desc{font-family:IM Fell English,serif;font-style:italic;font-size:13px;color:#5e4e3a;max-width:80%;line-height:1.7}.toc-content{display:flex;flex-direction:column;height:100%}.toc-title{font-family:MedievalSharp,cursive;font-size:26px;color:transparent;background:linear-gradient(170deg,#7a5b2e,#c4944a 40%,#8b6914);-webkit-background-clip:text;background-clip:text;text-align:center;letter-spacing:3px;margin-bottom:8px;filter:brightness(.9) contrast(1.1)}.toc-ornament{color:#8a7a4a;font-size:14px;text-align:center;margin-bottom:28px;opacity:.5}.toc-entries{display:flex;flex-direction:column;gap:12px}.toc-entry{display:flex;align-items:baseline;cursor:pointer;transition:opacity .2s;gap:8px}.toc-entry:hover{opacity:.7}.toc-entry-name{font-family:IM Fell English,serif;font-size:14px;color:#6b5538;white-space:nowrap;filter:brightness(.9)}.toc-entry-dots{flex:1;border-bottom:1px dotted rgba(140,110,60,.25);min-width:20px;margin-bottom:3px}.toc-entry-page{font-family:IM Fell English,serif;font-size:14px;color:#6b5538;filter:brightness(.8);white-space:nowrap}.mobile-notice{display:none}.book-wrapper{display:contents}@media(max-width:1400px){.book-wrapper{display:block;transform:scale(.85);transform-origin:center center}}@media(max-width:1100px){.book-wrapper{transform:scale(.7)}}@media(max-width:860px){.book-wrapper,.nav-arrow,.page-controls,.book-title-label{display:none}.mobile-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;inset:0;z-index:10;text-align:center;padding:40px}.mobile-notice-title{font-family:MedievalSharp,cursive;font-size:28px;color:transparent;background:linear-gradient(170deg,#7a5b2e,#c4944a 40%,#8b6914);-webkit-background-clip:text;background-clip:text;letter-spacing:3px;margin-bottom:16px;filter:brightness(.9)}.mobile-notice-ornament{color:#8a7a4a;font-size:16px;margin-bottom:24px;opacity:.5}.mobile-notice-text{font-family:IM Fell English,serif;font-size:16px;color:#6b5538;line-height:1.8;max-width:300px;filter:brightness(.7)}.mobile-notice-text em{color:#8a7a4a}}