:root{--ink:#2b2118;--ink-soft:#5c4f40;--ink-faint:#8a7a66;--paper:#f6efe2;--paper-2:#efe6d4;--paper-edge:#e3d6bd;--gutter:#cdbb9a;--gold:#b08544;--gold-bright:#d8ad62;--accent:#c46a3f;--shadow:#1e120873;--radius:14px;--serif:"EB Garamond", Georgia, "Times New Roman", serif;--display:"Cormorant Garamond", Georgia, serif;--display-alt:"Cinzel", "Cormorant Garamond", Georgia, serif;--ui:"Inter", system-ui, sans-serif;--header-block-height:73px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--serif);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(120% 90% at 50% -10%,#3a2b20 0%,#241812 45%,#160d09 100%);overflow:hidden}.stage{justify-content:center;align-items:center;height:100dvh;min-height:100vh;padding:clamp(14px,3vh,40px) clamp(16px,4vw,56px);display:flex;position:relative}.stage__grain{pointer-events:none;opacity:.05;mix-blend-mode:overlay;z-index:5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.home-button{z-index:20;width:42px;height:42px;color:var(--gold-bright);cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#140d098c;border:1px solid #d8ad6273;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background .2s,box-shadow .2s;display:flex;position:absolute;top:clamp(14px,2.4vh,28px);left:clamp(14px,2.4vw,28px)}.home-button svg{width:20px;height:20px}.home-button:hover{background:var(--gold-bright);color:#1a120b;transform:translateY(-1px);box-shadow:0 8px 18px -8px #b08544cc}.book{perspective:2600px;background:var(--paper-2);will-change:transform;border-radius:10px;grid-template-columns:1fr 1fr;width:min(96vw,1480px);height:min(90vh,840px);display:grid;position:relative;overflow:hidden;box-shadow:0 40px 90px -30px #000000bf,0 6px #0003}.book:before,.book:after{content:"";background:linear-gradient(var(--gutter), #c0ad8b);width:12px;box-shadow:0 14px 28px -14px var(--shadow);z-index:-1;position:absolute;top:1.4%;bottom:1.4%}.book:before{border-radius:10px 0 0 10px;left:-7px}.book:after{border-radius:0 10px 10px 0;right:-7px}.book__leaf{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.book__leaf--left{background:linear-gradient(90deg, var(--paper-edge) 0%, var(--paper) 6%, var(--paper-2) 88%, var(--gutter) 100%);border-radius:10px 0 0 10px;box-shadow:inset -26px 0 34px -26px #3c281499}.book__leaf--right{background:linear-gradient(270deg, var(--paper-edge) 0%, var(--paper) 6%, var(--paper-2) 88%, var(--gutter) 100%);border-radius:0 10px 10px 0;box-shadow:inset 26px 0 34px -26px #3c281499}.book__binding{z-index:4;pointer-events:none;background:linear-gradient(90deg,#3c281400 0%,#3c28142e 42%,#3c281447 50%,#3c28142e 58%,#3c281400 100%);width:30px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.book__stitch{opacity:.6;background:repeating-linear-gradient(#b0854480 0 8px,#0000 8px 16px);width:2px;position:absolute;top:6%;bottom:6%;left:50%;transform:translate(-50%)}.book__leaf>.leaf__body,.book__leaf>.page-flip,.page-flip>.leaf__body{flex-direction:column;flex:1;min-height:0;display:flex}.page-flip{transform-style:preserve-3d;backface-visibility:hidden;padding:clamp(20px,2.4vw,40px) clamp(22px,2.6vw,44px);position:absolute;inset:0}.page-flip--left{transform-origin:100%}.page-flip--right{transform-origin:0}.book__masthead{box-sizing:border-box;min-height:var(--header-block-height);text-align:center;border-bottom:1px solid #b0854459;margin-bottom:8px;padding-bottom:12px}.book__title{font-family:var(--display);letter-spacing:.01em;color:var(--ink);margin:0;font-size:clamp(22px,2.4vw,32px);font-weight:700}.book__author{letter-spacing:.06em;color:var(--ink-faint);margin:4px 0 0;font-size:13px;font-style:italic}.book__prose-viewport{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#b0854480 transparent;flex:1;min-height:0;padding:16px 10px 8px 4px;position:relative;overflow-y:auto}.book__prose-viewport::-webkit-scrollbar{width:7px}.book__prose-viewport::-webkit-scrollbar-thumb{background:#b0854466;border-radius:8px}.book__chapter-title{font-family:var(--display);color:var(--ink);margin:0 0 18px;font-size:clamp(20px,2vw,28px);font-weight:600;line-height:1.1}.book__prose p{color:var(--ink-soft);text-align:justify;-webkit-hyphens:auto;hyphens:auto;opacity:.55;margin:0 0 16px;font-size:clamp(15px,1.1vw,17px);line-height:1.78;transition:opacity .4s,color .4s}.book__prose p.is-active{color:var(--ink);opacity:1}.book__placeholder{color:var(--ink-faint);font-style:italic}.book__caret{background:var(--accent);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:.8s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}.book__dropcap{float:left;font-family:var(--display);color:var(--accent);padding:6px 10px 0 0;font-size:3.6em;font-weight:700;line-height:.74}.book__footer{border-top:1px solid #b085444d;justify-content:space-between;align-items:center;gap:14px;margin-top:6px;padding-top:12px;display:flex}.book__footer-left{align-items:center;gap:14px;display:flex}.book__nav svg{width:18px;height:18px}.book__nav{width:38px;height:38px;color:var(--ink);cursor:pointer;background:#fffaf080;border:1px solid #b0854473;border-radius:50%;flex:none;font-size:22px;line-height:1;transition:transform .15s,background .2s,box-shadow .2s}.book__nav:hover:not(:disabled){background:var(--gold-bright);color:#fff;transform:translateY(-1px);box-shadow:0 6px 14px -6px #b08544cc}.book__nav:disabled{opacity:.3;cursor:default}.leaf__body--plate{align-items:stretch}.plate__head{box-sizing:border-box;min-height:var(--header-block-height);text-align:center;border-bottom:1px solid #b0854459;margin-bottom:12px;padding-bottom:12px}.plate__head .book__chapter-title{margin:6px 0 0}.plate{flex-direction:column;flex:1;min-height:0;display:flex}.plate__frame{border-radius:var(--radius);background:#0e0a07;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:0 20px 50px -18px #000000b3,inset 0 0 0 1px #d8ad624d,inset 0 0 0 7px #140d09eb,inset 0 0 0 8px #d8ad6233}.scene__iframe{opacity:0;border:0;width:100%;height:100%;transition:opacity .8s,transform 1.2s;position:absolute;inset:0;transform:scale(1.02)}.scene__iframe.is-loaded{opacity:1;transform:scale(1)}.scene__vignette{pointer-events:none;border-radius:var(--radius);position:absolute;inset:0;box-shadow:inset 0 0 110px 10px #00000080}.book__leaf--right:fullscreen{border-radius:0}.book__leaf--right:fullscreen .page-flip{padding:0}:is(.book__leaf--right:fullscreen .plate__head,.book__leaf--right:fullscreen .plate__caption){display:none}.book__leaf--right:fullscreen .plate__frame{box-shadow:none;border-radius:0}.book__leaf--right:fullscreen .scene__vignette{border-radius:0}.scene-controls{z-index:20;align-items:center;gap:8px;display:flex;position:absolute;bottom:clamp(20px,2.4vw,40px);left:clamp(20px,2.4vw,40px)}.book__leaf--right:fullscreen .scene-controls{bottom:12px;left:12px}.scene-btn{width:36px;height:36px;color:var(--gold-bright);cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#140d098c;border:1px solid #d8ad6273;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:transform .15s,background .2s,box-shadow .2s;display:flex}.scene-btn svg{width:17px;height:17px}.scene-btn:hover:not(:disabled){background:var(--gold-bright);color:#1a120b;transform:translateY(-1px);box-shadow:0 8px 18px -8px #b08544cc}.scene-btn:disabled{opacity:.35;cursor:default}.scene__loading{color:#d9c9a8;font-family:var(--ui);letter-spacing:.1em;background:radial-gradient(circle at 50% 40%,#1c130d,#0c0805);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:13px;display:flex;position:absolute;inset:0}.plate__caption{font-family:var(--ui);letter-spacing:.06em;color:var(--ink-faint);justify-content:center;align-items:center;gap:8px;margin:12px 0 0;font-size:11.5px;display:flex}.scene__dot{background:#5bd07a;border-radius:50%;width:7px;height:7px;animation:2s infinite live-pulse;box-shadow:0 0 #5bd07ab3}@keyframes live-pulse{0%{box-shadow:0 0 #5bd07a99}70%{box-shadow:0 0 0 7px #5bd07a00}to{box-shadow:0 0 #5bd07a00}}.scene__spinner{border:2px solid #d8ad6240;border-top-color:var(--gold-bright);border-radius:50%;width:26px;height:26px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cam{z-index:20;position:absolute;bottom:16px;right:16px}.cam__bubble{background:#000;border-radius:50%;width:clamp(96px,9vw,132px);height:clamp(96px,9vw,132px);animation:.5s cubic-bezier(.2,1.3,.4,1) bubble-in;position:relative;overflow:hidden;box-shadow:0 16px 36px -12px #000c,0 0 0 2px #d8ad6280,0 0 0 6px #120c08b3}@keyframes bubble-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.cam__video{object-fit:cover;background:#000;width:100%;height:100%;display:block;transform:scaleX(-1)}.cam__placeholder{background:#050505;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cam__dot-indicator{background:#d8ad628c;border-radius:50%;width:10px;height:10px}.cam--starting .cam__dot-indicator{animation:1.3s ease-in-out infinite cam-breathe}@keyframes cam-breathe{0%,to{opacity:.4;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}.cam__ring{pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 22px 4px #00000080}.cam__live{background:#ff4d4d;border-radius:50%;width:9px;height:9px;animation:1.8s infinite live-pulse-red;position:absolute;bottom:12px;right:12px;box-shadow:0 0 0 2px #0006,0 0 8px #ff4d4de6}@keyframes live-pulse-red{0%{box-shadow:0 0 #ff4d4d99,0 0 8px #ff4d4de6}70%{box-shadow:0 0 0 7px #ff4d4d00,0 0 8px #ff4d4de6}to{box-shadow:0 0 #ff4d4d00,0 0 8px #ff4d4de6}}.book__cover-flap{z-index:10;transform-origin:0;pointer-events:none;background:linear-gradient(135deg,#3a2b1c 0%,#241811 60%,#17100a 100%);border-radius:10px;position:absolute;inset:0;box-shadow:0 30px 70px -20px #000000b3}.stage--landing{background:linear-gradient(100deg, transparent 38%, #fff8e066 47%, transparent 58%), radial-gradient(120% 90% at 50% 50%, var(--paper) 0%, var(--paper-edge) 45%, var(--gutter) 70%, #3a2b20 100%)}.landing{flex-direction:column;align-items:center;gap:clamp(20px,3.5vh,40px);width:min(96vw,1200px);display:flex;position:relative}.landing__masthead{text-align:center;z-index:2;position:relative}.landing__title{font-family:var(--display-alt);letter-spacing:.02em;color:var(--ink-soft);margin:0 0 10px;font-size:clamp(28px,4vw,48px);font-weight:600}.landing__subtitle{font-family:var(--serif);color:var(--ink-faint);letter-spacing:.02em;margin:0;font-size:clamp(14px,1.4vw,18px);font-style:italic}.dust{pointer-events:none;z-index:1;position:absolute;inset:-10% -4% -4%;overflow:hidden}.dust__mote{opacity:0;background:radial-gradient(circle,#d8ad62e6,#d8ad6200);border-radius:50%;width:3px;height:3px;animation:linear infinite dust-drift;position:absolute;bottom:0}@keyframes dust-drift{0%{opacity:0;transform:translateY(0)translate(0)}12%{opacity:.35}50%{transform:translateY(-46vh) translateX(var(--dust-drift,12px));opacity:.22}88%{opacity:.1}to{opacity:0;transform:translateY(-92vh)translate(0)}}.shelf{z-index:2;perspective:1400px;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:clamp(20px,3vw,48px);padding-bottom:clamp(18px,2.4vh,28px);display:flex;position:relative}.shelf__ledge{z-index:0;background:linear-gradient(#5a4128 0%,#3a2b1c 45%,#241811 100%);border-radius:3px;height:clamp(16px,2vh,24px);position:absolute;bottom:0;left:-6%;right:-6%;box-shadow:inset 0 1px #ffdca040,0 18px 30px -10px #0009}.book-card{appearance:none;cursor:pointer;font:inherit;color:inherit;z-index:1;background:0 0;border:none;padding:0;position:relative}.shelf .book-card:nth-of-type(5n+1){--leather-a:#6b3a2a;--leather-b:#33190f}.shelf .book-card:nth-of-type(5n+2){--leather-a:#33513c;--leather-b:#16241a}.shelf .book-card:nth-of-type(5n+3){--leather-a:#6b2432;--leather-b:#2c0f16}.shelf .book-card:nth-of-type(5n+4){--leather-a:#2f2a25;--leather-b:#141210}.shelf .book-card:nth-of-type(5n+5){--leather-a:#253352;--leather-b:#10182b}.book-card__pages{background:linear-gradient(#efe2c9 0%,#cbb187 12%,#efe2c9 24%,#b79b71 40%,#efe2c9 52%,#cbb187 66%,#efe2c9 78%,#b79b71 90%,#efe2c9 100%);border-radius:0 5px 5px 0;width:9px;position:absolute;top:5px;bottom:5px;right:-6px;box-shadow:2px 0 6px #00000059}.book-card__cover{text-align:center;background:radial-gradient(circle at 28% 18%, #ffffff1a, transparent 42%), linear-gradient(145deg, var(--leather-a) 0%, var(--leather-b) 78%);will-change:transform;border:2px solid #d8ad628c;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;width:clamp(180px,20vw,260px);height:clamp(260px,30vw,380px);padding:clamp(18px,2.2vw,26px);transition:box-shadow .2s;display:flex;position:relative;box-shadow:0 26px 50px -18px #000000b3,inset 0 0 0 1px #d8ad6240,inset 0 15px 25px #ffffff0a,inset 0 0 0 6px #140d098c}.book-card__cover:before{content:"";border-radius:inherit;opacity:.07;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.book-card:hover .book-card__cover{box-shadow:0 32px 60px -16px #000000bf,inset 0 0 0 1px #d8ad624d,inset 0 15px 25px #ffffff0f,inset 0 0 0 6px #140d098c}.book-card__flourish{border-radius:inherit;pointer-events:none;position:absolute;inset:-2px;box-shadow:0 0 46px 12px #d8ad628c}.book-card__spine{opacity:.7;background:linear-gradient(90deg,#0000008c,#0000);width:12px;transition:opacity .25s,width .25s;position:absolute;top:0;bottom:0;left:0}.book-card:hover .book-card__spine{opacity:1;width:16px}.book-card__emblem{color:#d8ad62d9;opacity:.9;width:clamp(26px,2.6vw,34px);height:clamp(26px,2.6vw,34px)}.book-card__ornament{flex-direction:column;align-items:center;gap:8px;display:flex}.book-card__ornament:before,.book-card__ornament:after{content:"";background:linear-gradient(90deg,#0000,#d8ad62b3 42% 58%,#0000),radial-gradient(circle,#d8ad62e6 0 2px,#0000 3px) 50%/6px 6px no-repeat;width:44px;height:7px}.book-card__title{font-family:var(--display-alt);letter-spacing:.16em;text-transform:uppercase;color:#e8c988;text-shadow:0 1px #fff5dc59,0 -1px 1px #0009,0 0 10px #ffd27840;font-size:clamp(16px,1.5vw,21px);font-weight:600;line-height:1.25}@media (width<=920px){body{overflow:auto}.stage{height:auto;min-height:100dvh;padding:20px 14px 36px}.book{grid-template-columns:1fr;width:100%;max-width:560px;height:auto}.book__leaf{border-radius:10px;height:auto}.book__leaf--left{min-height:64vh;box-shadow:inset 0 -26px 30px -26px #3c281480}.book__leaf--right{box-shadow:inset 0 26px 30px -26px #3c281480}.book__binding{display:none}.plate__frame{min-height:50vh}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.stage--spine-landing{background:radial-gradient(120% 90% at 50% 20%,#1c1613 0%,#14100c 55%,#0d0a08 100%)}.spine-landing{flex-direction:column;justify-content:center;align-items:center;gap:clamp(36px,6vh,64px);min-height:100%;padding:40px 20px;display:flex;position:relative}.spine-landing__masthead{text-align:center}.spine-landing__title{font-family:var(--display-alt);letter-spacing:.14em;text-transform:uppercase;color:#ecdcb8;margin:0 0 10px;font-size:clamp(24px,3.6vw,42px);font-weight:600}.spine-landing__subtitle{font-family:var(--serif);color:#a3927a;margin:0;font-size:clamp(14px,1.4vw,18px);font-style:italic}.spine-shelf{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:clamp(20px,3vw,40px);display:flex;position:relative}.spine-shelf__ledge{background:linear-gradient(90deg,#0000,#d8ad6280 15% 85%,#0000);height:2px;position:absolute;bottom:-4px;left:-6%;right:-6%}.spine-card{appearance:none;cursor:pointer;width:clamp(110px,12vw,150px);height:clamp(300px,34vw,420px);color:var(--gold-bright);background:linear-gradient(160deg, var(--leather-a) 0%, var(--leather-b) 90%);border:1px solid #d8ad628c;border-radius:10px;flex-direction:column;align-items:center;padding:26px 0 30px;transition:transform .18s,box-shadow .2s;display:flex;box-shadow:0 20px 40px -18px #000000b3}.spine-card:hover{transform:translateY(-6px);box-shadow:0 26px 48px -16px #000c}.spine-shelf .spine-card:nth-of-type(5n+1){--leather-a:#6b3a2a;--leather-b:#33190f}.spine-shelf .spine-card:nth-of-type(5n+2){--leather-a:#33513c;--leather-b:#16241a}.spine-shelf .spine-card:nth-of-type(5n+3){--leather-a:#6b2432;--leather-b:#2c0f16}.spine-shelf .spine-card:nth-of-type(5n+4){--leather-a:#2f2a25;--leather-b:#141210}.spine-shelf .spine-card:nth-of-type(5n+5){--leather-a:#253352;--leather-b:#10182b}.spine-card .book-card__emblem{color:#d8ad62d9;flex-shrink:0;width:clamp(20px,2vw,26px);height:clamp(20px,2vw,26px);margin-bottom:auto}.spine-card__title{writing-mode:vertical-rl;font-family:var(--display-alt);letter-spacing:.2em;text-transform:uppercase;color:#e8c988;font-size:clamp(13px,1.3vw,17px);font-weight:600}.spine-card__rule{background:#d8ad6299;width:26px;height:1px;margin-top:auto}.landing-toggle{z-index:20;width:42px;height:42px;color:var(--gold-bright);cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#140d098c;border:1px solid #d8ad6273;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background .2s,box-shadow .2s;display:flex;position:fixed;bottom:clamp(14px,2.4vh,28px);left:clamp(14px,2.4vw,28px)}.landing-toggle svg{width:20px;height:20px}.landing-toggle:hover{background:var(--gold-bright);color:#1a120b;transform:translateY(-1px);box-shadow:0 8px 18px -8px #b08544cc}@media (width<=920px){.spine-shelf{gap:16px}.spine-card{width:clamp(88px,22vw,120px);height:clamp(240px,60vw,320px)}}