:root{color-scheme:light dark;--bg:#fff;--fg:#161514;--ink:#161514;--pane:#faf9f7ee;--line:#77777755}
@media(prefers-color-scheme:dark){:root{--bg:#080808;--fg:#eee;--ink:#eee;--pane:#141414ed;--line:#aaaaaa77}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 system-ui,sans-serif}
a{color:inherit;text-underline-offset:.25em}header{height:64px;padding:20px 24px;display:flex;align-items:center;gap:24px}header h1{font-size:14px;font-weight:500;margin:0}.home{text-decoration:none;font-size:13px}
.stage{position:relative;min-height:calc(100svh - 64px);isolation:isolate}
.window{width:var(--w,440px);height:var(--h,340px);left:var(--x,24px);top:var(--y,24px)}
.window .content img{display:block;width:100%;height:100%;object-fit:contain}
.window .player{height:100%;min-height:100px}.window iframe{display:block;width:100%;height:100%;border:0}
.window video{display:block;width:100%;max-height:55%;object-fit:contain;background:#000}
.window blockquote{margin:0;padding:17px 23px 28px;font:18px/1.5 Georgia,serif}
.prose{padding:18px 22px 30px}.prose h2{font:24px/1.2 Georgia,serif;margin:0 0 16px}.prose p{margin:8px 0}
.book-content{padding:0 0 24px}.book-content img{height:calc(100% - 140px)!important;min-height:170px}.caption,.buy{margin:16px;display:block}
.book-face{display:flex;flex-direction:column;justify-content:space-between;min-height:70%;padding:20px;background:#171717;color:#eee}.book-face.wide{background:#eee9df;color:#111;border:8px solid #111}
.book-face strong{font-size:clamp(24px,4vw,38px);line-height:.95}.book-face span{font-size:11px;letter-spacing:.1em;margin-top:36px}
details{padding:12px 20px}summary{cursor:pointer}
body.embedded header{display:none}body.embedded .stage{min-height:100svh}
body.preview header,body.preview .drag,body.preview .size,body.preview .close{display:none}
@media(max-width:700px){header{height:74px;padding:14px 12px;gap:12px;align-items:flex-start;flex-direction:column}.window{--obj-min-width:160px;left:12px;top:var(--mobile-y);width:calc(100% - 24px);height:var(--h,340px)}.stage{min-height:var(--mobile-height,100svh)}}

.book-content{height:100%}.book-shell{height:100%;position:relative}.book-shell .book-face{height:100%}.book-back{padding:18px}.book-back[hidden]{display:none}.flip{position:absolute;right:6px;top:6px;font-size:20px;background:var(--pane);color:var(--ink);border:0;border-radius:50%;width:34px;height:34px;cursor:pointer}

/* Plano livre das constelações — sem limites ou rolagem de página. */
body.spatial-mode{overflow:hidden}
body.spatial-mode .spatial-viewport{position:fixed;inset:0;overflow:hidden;touch-action:none;overscroll-behavior:none}
body.spatial-mode header{position:fixed;top:0;left:0;right:0;z-index:10;pointer-events:none;background:transparent}
body.spatial-mode header a,body.spatial-mode header button,body.spatial-mode header h1{pointer-events:auto}
body.spatial-mode .stage{position:absolute;left:0;top:0;width:0;height:0;min-height:0;isolation:isolate;transform-origin:0 0;touch-action:none}
body.spatial-mode .window{left:var(--x,24px);top:var(--y,24px);width:var(--w,440px);height:var(--h,340px)}
@media(max-width:700px){body.spatial-mode .spatial-viewport{inset:0}body.spatial-mode .window{left:var(--x,24px);top:var(--y,24px);width:min(var(--w,440px),calc(100vw - 24px));height:var(--h,340px)}}