@font-face{font-family:Study;src:local('Georgia')}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#171513;color:#ecdfc3;font-family:Georgia,'Times New Roman',serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #f1cd82;outline-offset:5px}button:disabled{opacity:.3;cursor:default}[hidden]{display:none!important}#room{position:fixed;inset:0}#room canvas{display:block;width:100%;height:100%}.vignette{pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 130px 30px #09080580;background:linear-gradient(#11120e70,transparent 20%,transparent 80%,#0b0b0999)}
.gate .invitation{max-height:calc(100dvh - 48px);overflow:auto}.popover{max-height:calc(100dvh - 100px);overflow:auto}
.masthead{position:fixed;z-index:4;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:25px 36px;gap:20px;pointer-events:none}.masthead>*{pointer-events:auto}.brand{display:flex;gap:13px;align-items:center}.brand svg{width:38px;height:38px;color:#dfbd77}.brand strong{font-size:13px;font-weight:normal;letter-spacing:.19em}.brand small{display:block;color:#b3a78d;font-size:10px;letter-spacing:.16em;margin-top:7px}.tools{display:flex;gap:8px}.tool{background:#171a14bd;border:1px solid #cfb98038;border-radius:7px;padding:11px 15px;font-size:12px;letter-spacing:.03em;box-shadow:0 3px 10px #0002}.tool:hover,.tool[aria-pressed=true]{background:#344037;color:#f5dfad;border-color:#d5b67477}.tool .symbol{font-family:Arial;margin-right:7px;color:#e4c27c}
#folios{position:fixed;inset:0;pointer-events:none;z-index:2;transition:opacity .18s}.folio{position:absolute;width:440px;height:590px;transform-origin:0 0;pointer-events:auto;display:flex;flex-direction:column;padding:22px 28px 18px;color:#3c2a19;backface-visibility:hidden;overflow:hidden;user-select:text}.running-head{display:flex;justify-content:space-between;border-bottom:1px solid #8f703553;padding-bottom:10px;color:#8b7049;font-size:10px;letter-spacing:.17em;text-transform:uppercase}.folio-content{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#aa89514a transparent;margin:15px 0 9px;font-size:calc(17px * var(--text-scale,1));line-height:1.55;padding-right:5px;overscroll-behavior:contain}.folio-content h1{font-size:32px;font-weight:normal;line-height:1.15;letter-spacing:.06em;color:#443018;text-align:center;margin:12px 0}.folio-content h2{font-size:23px;font-weight:normal;line-height:1.3;margin:0 0 17px;padding-bottom:12px;border-bottom:1px solid #a0804750;color:#5c3b19}.folio-content h3{font-size:18px;margin:15px 0 7px;color:#725426}.folio-content p{margin:0 0 13px}.folio-content strong{color:#704620}.folio-content img{display:block;max-width:100%;max-height:175px;object-fit:contain;margin:15px auto;border-radius:3px}.folio-content img[src="beeb.png"]{max-height:73px}.folio-content ul{list-style:none;margin:0;padding:0}.folio-content li{display:flex;justify-content:space-between;gap:16px;font-size:15px;margin:0;padding:9px 0;border-bottom:1px dotted #8d703d66}.folio-content [onclick]{cursor:pointer}.folio-content [onclick]:hover{color:#a95728}.folio-content .drop-cap{float:left;font-size:57px;line-height:.85;padding:7px 8px 0 0;color:#906929}.folio-content [class*="bg-"]{background:#b88c3010;border-radius:3px;padding:8px;margin-bottom:9px}.folio-content .text-center{text-align:center}.folio-content .italic{font-style:italic}.folio-content .text-xs{font-size:.92em}.folio-content [class~="text-[11px]"],.folio-content [class~="text-[10px]"]{font-size:.92em}.folio-footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#92764c;letter-spacing:.12em;border-top:1px solid #8f703533;padding-top:10px}.folio-footer .flower{font-size:18px;color:#9d7940}body.turning #folios{opacity:0;pointer-events:none}body.turning .folio{pointer-events:none}
.readerbar{position:fixed;z-index:4;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:24px;background:#131812de;border:1px solid #c8b07840;border-radius:10px;box-shadow:0 10px 40px #0005;padding:10px 14px;min-width:390px;justify-content:space-between}.turn{border:1px solid #dcc08440;background:#b6a4670e;border-radius:7px;width:43px;height:38px;font-size:21px}.turn:hover{background:#d5be7030}.page-info{text-align:center}.page-info strong{display:block;font-size:13px;letter-spacing:.08em;font-weight:normal}.page-info small{display:block;font-size:10px;color:#ada28a;margin-top:6px;letter-spacing:.12em}.corner-note{position:fixed;bottom:35px;left:34px;font-size:10px;letter-spacing:.12em;color:#b2a68d;z-index:3;max-width:210px;line-height:1.8}.corner-note span{display:block;color:#d6c49e;font-size:12px;letter-spacing:.02em}.bookmark{position:fixed;right:30px;bottom:30px;font-size:11px;z-index:4}.popover{position:fixed;right:35px;top:84px;z-index:7;width:280px;background:#1f261feb;border:1px solid #bda56c66;box-shadow:0 15px 55px #0007;border-radius:10px;padding:20px;backdrop-filter:blur(18px)}.popover h2{font-size:18px;font-weight:normal;margin:0 0 18px}.popover label{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin:17px 0}.popover select{max-width:130px;background:#303a2e;color:#f3e4c4;border:1px solid #baa97855;border-radius:4px;padding:7px}.popover input[type=range]{width:110px;accent-color:#d4b375}.popover .footnote{font-size:11px;color:#acaa93;line-height:1.5}.contents-list{display:grid;gap:4px;max-height:60vh;overflow:auto}.contents-list button{text-align:left;background:transparent;border:0;border-bottom:1px solid #bbaa7822;font-size:13px;display:flex;gap:12px;padding:12px 0}.contents-list button small{color:#c8aa6c;width:23px}.contents-list button.active{color:#e6c782}.contents-list button:hover{color:#ffd894}.popover-close{position:absolute;right:12px;top:12px;border:0;background:none;font-size:21px;color:#cbbb97}
.gate{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 60%,#322716aa,#0d1517df 75%);backdrop-filter:blur(10px);padding:24px}.invitation{width:min(460px,100%);text-align:center;border:1px solid #b6975a66;background:linear-gradient(145deg,#33372ded,#1b251fed);box-shadow:0 35px 100px #0009,inset 0 0 0 7px #c2a76508;padding:45px 40px;border-radius:4px}.invitation .seal{color:#d2b477;font-size:40px;margin-bottom:20px}.eyebrow{font:10px Arial,sans-serif;letter-spacing:.24em;color:#c2b18b;text-transform:uppercase}.invitation h1{font-size:33px;font-weight:normal;line-height:1.18;margin:16px 0}.invitation .subtitle{font-style:italic;color:#bca77e;margin:0 0 27px;font-size:16px}.content-notice{border-top:1px solid #bba46d33;border-bottom:1px solid #bba46d33;padding:20px 0;margin-bottom:24px;line-height:1.65;color:#d6cbb3;font-size:14px}.content-notice strong{font-weight:normal;color:#f0dcad;display:block;font-size:16px;margin-bottom:7px}.enter{width:100%;background:#d8ba7b;border:1px solid #f4dca0;border-radius:4px;color:#28271b;padding:14px;font-size:14px;box-shadow:0 4px 15px #0003}.enter:hover{background:#efd397}.decline{background:none;border:0;margin-top:18px;color:#b9b49e;font-size:12px;text-decoration:underline;text-underline-offset:4px}.invitation .tiny{font-size:10px;color:#878f7e;margin-top:20px;letter-spacing:.08em}#status{position:fixed;left:50%;top:90px;transform:translateX(-50%);background:#20291eee;color:#edd6a4;border:1px solid #bdae7766;padding:12px 22px;border-radius:7px;z-index:12;font-size:13px;pointer-events:none;opacity:0;transition:opacity .2s}#status.visible{opacity:1}
body.focus .vignette{background:#10130c3d}.focus #folios .folio{background:linear-gradient(90deg,#d7bd88,#f1e3c4 7%,#f6ebd2 70%,#e2cda4);box-shadow:0 10px 24px #0005;border:1px solid #b7975c77;transform:none!important;height:calc(100vh - 202px);top:108px;width:min(43vw,540px);padding:25px 32px}.focus #left-folio{right:50%;left:auto;border-radius:6px 0 0 6px}.focus #right-folio{left:50%;border-radius:0 6px 6px 0;background:linear-gradient(90deg,#c9b182,#f1e3c4 8%,#f6ebd2 90%,#d4bb8c)}body.focus .folio-content{font-size:calc(18px * var(--text-scale,1))}
body.blocked .masthead,body.blocked #folios,body.blocked .readerbar,body.blocked .corner-note,body.blocked .bookmark{visibility:hidden}.mobile-only{display:none}
@media(max-width:760px){.masthead{padding:17px 15px;align-items:flex-start}.brand strong{font-size:10px;letter-spacing:.12em}.brand small{font-size:8px;letter-spacing:.1em}.brand svg{width:28px;height:28px}.brand{gap:8px}.tools{gap:5px}.tool{padding:9px;font-size:11px}.tool .symbol{margin:0}.wide-only{display:none}.mobile-only{display:inline}.readerbar{bottom:14px;min-width:0;width:calc(100% - 30px);gap:10px;padding:9px 12px}.corner-note,.bookmark{display:none}.page-info strong{font-size:12px}.page-info small{font-size:9px}.popover{right:15px;top:66px;width:min(300px,calc(100vw - 30px))}.folio,body.focus #folios .folio{transform:none!important;left:6%!important;right:auto;top:100px!important;width:88%;height:calc(100dvh - 205px);padding:22px 23px 16px;border-radius:3px 7px 9px 3px;background:linear-gradient(90deg,#c7ad78,#e7d6b1 4%,#f5e8c9 13%,#f4e7ca 90%,#d3ba86);border:1px solid #c2a468;box-shadow:3px 3px 0 #cab78f,5px 5px 0 #efe0be,7px 7px 0 #ac9469,10px 11px 0 #503420,12px 15px 22px #0008}.folio-content,body.focus .folio-content{font-size:calc(17px * var(--text-scale,1))}.folio-content h1{font-size:28px}.folio-content h2{font-size:22px}.folio-content img{max-height:170px}.invitation{padding:30px 25px}.invitation h1{font-size:28px}.invitation .seal{font-size:33px;margin-bottom:12px}.running-head{font-size:9px}.folio-footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-height:640px) and (min-width:761px){.masthead{padding:12px 25px}.readerbar{bottom:10px}.focus #folios .folio{top:75px;height:calc(100vh - 150px)}}