:root{--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{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%,1440px);min-height:100vh;padding:max(18px, env(safe-area-inset-top)) clamp(18px, 4vw, 64px) max(18px, env(safe-area-inset-bottom));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(20px,3vh,38px);display:grid}.page-viewport{scrollbar-color:#6f5d7b transparent;scrollbar-width:thin;place-items:center;width:100%;height:min(68vh,850px);min-height:360px;display:grid;overflow:auto}.page-viewport[data-zoomed]{place-items:start center}.book{--page-zoom:1;aspect-ratio:3/4;width:min(100%,48.96vh);max-width:760px;transform:scale(var(--page-zoom));transform-origin:top;perspective:2400px;transition:transform .25s;position:relative}.book:before{z-index:-1;content:"";background:linear-gradient(135deg,#372d3c,#130f17);border:1px solid #d8b87347;border-radius:8px;position:absolute;inset:-8px;box-shadow:0 35px 80px #000000a6,0 0 50px #67447b24}.book-shadow{z-index:-2;filter:blur(35px);opacity:.7;background:#000;border-radius:50%;position:absolute;inset:5% -8% -4%}.page-image,.page-face img{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:3px;width:100%;height:100%;display:block}.page-image{background:#100d13}.turning-page{transform-style:preserve-3d;transform-origin:0;will-change:transform;display:none;position:absolute;inset:0}.page-face{backface-visibility:hidden;background:#100d13;border-radius:3px;position:absolute;inset:0;overflow:hidden}.page-back{transform:rotateY(180deg)}.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%{transform:rotateY(0)}45%{filter:brightness(.72)}to{transform:rotateY(-180deg)}}@keyframes turn-backward{0%{transform:rotateY(0)}45%{filter:brightness(.72)}to{transform:rotateY(180deg)}}@keyframes page-shade{0%,to{opacity:0}48%{opacity:.82}}.page-meta{text-align:center;min-height:64px;margin-top:clamp(14px,2vh,24px)}.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%,760px);margin-top:12px;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:14px;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-inline:12px}.activity-state span:last-child,.keyboard-hint{display:none}.page-viewport{height:min(62vh,680px);min-height:300px}.book{width:min(92%,44.64vh)}.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 (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}