:root{--safe-top:var(--discord-safe-area-inset-top,env(safe-area-inset-top));--safe-right:var(--discord-safe-area-inset-right,env(safe-area-inset-right));--safe-bottom:var(--discord-safe-area-inset-bottom,env(safe-area-inset-bottom));--safe-left:var(--discord-safe-area-inset-left,env(safe-area-inset-left));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eee8db;font-synthesis:none;background:#07060a;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}button{font:inherit}button:focus-visible{outline-offset:3px;outline:2px solid #d6b56b}body{background:radial-gradient(circle at 50% -10%,#6341874d,#0000 42%),linear-gradient(145deg,#0b0910,#050407 70%);min-width:320px;min-height:100vh;overflow-x:hidden}.activity-shell{isolation:isolate;width:min(100%,1920px);min-height:100vh;padding:max(18px, var(--safe-top)) max(clamp(18px, 4vw, 64px), var(--safe-right)) max(18px, var(--safe-bottom)) max(clamp(18px, 4vw, 64px), var(--safe-left));margin:auto;position:relative}.activity-shell:before{z-index:-2;content:"";opacity:.18;pointer-events:none;background-image:repeating-linear-gradient(115deg,#0000 0 34px,#ffffff06 35px 36px);position:fixed;inset:0}.ambient-glow{z-index:-1;filter:blur(90px);pointer-events:none;background:#7b4c9721;border-radius:50%;position:fixed;inset:12% 20%}.activity-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.eyebrow{color:#a895bd;letter-spacing:.28em;text-transform:uppercase;margin:0 0 4px;font-size:.7rem;font-weight:600}h1,h2{margin:0;font-family:Georgia,Times New Roman,serif}h1{letter-spacing:.08em;font-size:clamp(1.25rem,3vw,2rem)}.activity-state{color:#aaa1b2;align-items:center;gap:8px;font-size:.78rem;display:flex}.status-dot{background:#7d6b8e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px}body[data-discord-embedded] .status-dot{color:#70c996;background:currentColor}.reader{justify-items:center;width:100%;margin-top:clamp(10px,1.6vh,24px);display:grid}.page-viewport{place-items:center;width:100%;height:clamp(340px,100dvh - 230px,1180px);display:grid;overflow:hidden}.book{--page-top:6%;--page-right:2.5%;--page-width:47%;--page-height:88.1%;aspect-ratio:3/2;perspective:2400px;width:min(92vw,150dvh - 360px,1500px);min-width:600px;transition:transform .42s cubic-bezier(.22,.8,.22,1);position:relative}.book:before{z-index:-1;content:"";background:#070707;border-radius:2%;position:absolute;inset:2% 4% 0;box-shadow:0 42px 90px #000000db,0 0 70px #a474311f}.book:after{display:none}.book-shadow{z-index:-2;filter:blur(35px);opacity:.7;background:#000;border-radius:50%;position:absolute;inset:5% -8% -4%}.page-image,.turning-page img{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:2px;width:100%;height:100%;display:block}.page-image{top:var(--page-top);right:var(--page-right);z-index:2;width:var(--page-width);height:var(--page-height);background:0 0;position:absolute}.page-image[hidden],.turning-page img[hidden]{display:none}.tome-frame{z-index:0;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 25px 34px #0000009e);transform-origin:50%;width:100%;height:100%;position:absolute;inset:0}.book[data-turning] .tome-frame{animation:.82s cubic-bezier(.4,.05,.18,1) both frame-turn-response}.turning-page{top:var(--page-top);right:var(--page-right);width:var(--page-width);height:var(--page-height);z-index:5;transform-style:preserve-3d;transform-origin:0;will-change:transform;display:none;position:absolute}.turning-page[data-invitation-face]{background:radial-gradient(circle at 50% 38%,#b5823f38,#0000 20%),linear-gradient(145deg,#3a1117,#100608 64%,#351014);border:2px solid #a16b36;box-shadow:inset 0 0 50px #000}.turn-forward{animation:.82s cubic-bezier(.4,.05,.18,1) both turn-forward;display:block}.turn-backward{transform-origin:100%;animation:.82s cubic-bezier(.4,.05,.18,1) both turn-backward;display:block}.turning-page:after{content:"";opacity:0;backface-visibility:hidden;background:linear-gradient(90deg,#0003,#0000 35%,#ffffff14 70%,#00000080);border-radius:3px;animation:.82s both page-shade;position:absolute;inset:0}@keyframes turn-forward{0%{opacity:1;transform:rotateY(0)}48%{filter:brightness(.72)}58%{opacity:1}to{opacity:0;transform:rotateY(-100deg)}}@keyframes turn-backward{0%{opacity:1;transform:rotateY(0)}48%{filter:brightness(.72)}58%{opacity:1}to{opacity:0;transform:rotateY(100deg)}}@keyframes page-shade{0%,to{opacity:0}48%{opacity:.82}}@keyframes frame-turn-response{0%,to{filter:drop-shadow(0 25px 34px #0000009e)brightness();transform:scale(1)}48%{filter:drop-shadow(0 34px 46px #000000c7)brightness(.76);transform:scale(.992)}}.invitation-page{top:var(--page-top);right:var(--page-right);width:var(--page-width);height:var(--page-height);z-index:9;cursor:pointer;background:0 0;border:0;border-radius:3px;transition:box-shadow .2s,background .2s;position:absolute;box-shadow:inset 0 0 #d0ad6300}.invitation-page:hover:not(:disabled),.invitation-page:focus-visible{background:#d0ad630a;outline:0;box-shadow:inset 0 0 0 2px #d0ad63b8,inset 0 0 45px #d0ad631f}.invitation-page:disabled{cursor:wait;opacity:.72}.invitation-page[hidden]{display:none}.page-meta{text-align:center;min-height:50px;margin-top:clamp(8px,1vh,14px)}.page-meta p{color:#9c8ba9;letter-spacing:.18em;text-transform:uppercase;margin:0 0 5px;font-size:.7rem;font-weight:600}.page-meta h2{letter-spacing:.04em;font-size:clamp(1rem,2vw,1.4rem);font-weight:600}.controls{grid-template-columns:minmax(110px,1fr) auto minmax(110px,1fr);align-items:center;gap:clamp(12px,3vw,34px);width:min(100%,900px);margin-top:6px;display:grid}.control{color:#eee8db;cursor:pointer;border:1px solid #584864;border-radius:5px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:10px 18px;transition:border-color .2s,background .2s,transform .2s;display:flex}.control:hover:not(:disabled){border-color:#b99b61;transform:translateY(-1px)}.control:disabled{cursor:not-allowed;opacity:.35}.control.primary{background:linear-gradient(135deg,#5e4930,#33253c);border-color:#856f45}.control.secondary{background:#1e1823cc}.progress{gap:7px;display:flex}.progress-dot{cursor:pointer;background:#4c414f;border:0;border-radius:50%;width:6px;height:6px;padding:0;transition:transform .2s,background .2s}.progress-dot[data-active]{background:#d0ad63;transform:scale(1.5);box-shadow:0 0 10px #d0ad6399}.view-controls{background:#0f0c12b8;border:1px solid #403648;border-radius:999px;margin-top:10px;display:flex;overflow:hidden}.view-controls button{color:#bcb2c1;cursor:pointer;background:0 0;border:0;border-right:1px solid #403648;min-width:38px;padding:7px 11px;font-size:.75rem}.view-controls button:last-child{border-right:0}.view-controls button:hover{color:#fff;background:#ffffff0f}.keyboard-hint{color:#62596a;text-align:center;margin:14px 0 0;font-size:.68rem}@media (width<=640px){.activity-shell{padding:max(10px, var(--safe-top)) max(12px, var(--safe-right)) max(10px, var(--safe-bottom)) max(12px, var(--safe-left))}.activity-header{min-height:38px}.activity-state span:last-child,.keyboard-hint,.eyebrow{display:none}h1{font-size:1.15rem}.reader{margin-top:4px}.page-viewport{height:clamp(250px,100dvh - 246px,690px)}.book{aspect-ratio:3/2;width:min(96vw,150dvh - 387px,740px);min-width:280px;overflow:visible}.tome-frame{width:100%;left:0}.page-image,.turning-page,.invitation-page{top:var(--page-top);right:var(--page-right);width:var(--page-width);height:var(--page-height)}.book[data-focus-page]{transform:scale(1.82)translate(-26%)}.controls{grid-template-columns:1fr auto 1fr;gap:8px}.control{min-width:0;padding-inline:10px;font-size:.78rem}.progress{gap:5px}.progress-dot{width:5px;height:5px}}@media (height<=650px) and (orientation:landscape){.activity-header,.page-meta,.view-controls,.keyboard-hint{display:none}.reader{margin:0}.page-viewport{height:calc(100dvh - 74px)}.book{aspect-ratio:3/2;width:min(82vw,150dvh - 135px);min-width:520px;overflow:visible}.tome-frame{width:100%;left:0}.page-image,.turning-page,.invitation-page{top:var(--page-top);right:var(--page-right);width:var(--page-width);height:var(--page-height)}.controls{right:max(12px, var(--safe-right));bottom:max(12px, var(--safe-bottom));left:max(12px, var(--safe-left));z-index:20;width:auto;position:fixed}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}