.room{font-family:var(--font-ui)}.room[data-style-type=book-face]{--font-display: "EB Garamond", Georgia, serif;--font-reading: "EB Garamond", Georgia, serif;--reading-adjust: .5}.room[data-style-type=newsprint]{--font-display: "Schibsted Grotesk", Arial, sans-serif;--font-reading: "Literata", Georgia, serif}.room[data-style-type=catalogue-card]{--font-display: "IBM Plex Mono", ui-monospace, monospace;--font-reading: "IBM Plex Sans", Arial, sans-serif}.room[data-style-type=hyperlegible]{--font-ui: var(--face-hyperlegible);--font-display: var(--face-hyperlegible);--font-reading: var(--face-hyperlegible)}.room h1,.room h2,.room h3,.room .now-head h2,.room .book .title,.room .now-title,.room .row-main .title,.room .bk-title,.room .discover-card h3,.room .shelf-group-head,.room .spine-title,.room .pulled-title,.room .cloth-cover{font-family:var(--font-display, inherit)}.room .page-head .sub,.room .feature-heading p,.room .bk-synopsis-text,.room .book-journal textarea,.room .letter-body,.room .jr-body,.room .discussion-body{font-family:var(--font-reading, inherit);font-size-adjust:var(--reading-adjust, none)}:root[data-page-style="2"]:not([data-style-picture]) .bg-layer,:root[data-page-style="2"]:not([data-style-picture]) .bg-scrim{display:none}.shelf.boards:not(.grouped),.shelf-grid.boards{--row: 244px;--board: 16px;--wall: color-mix(in srgb, var(--bg) 90%, #3a2a1c);--b-hi: #d9ab73;--b-face: #b98a55;--b-grain: #a57543;--b-edge: #7a5328;--shade: rgb(0 0 0 / .16);list-style:none;margin:0;display:flex;flex-wrap:wrap;align-items:flex-end;row-gap:0;padding:0 24px;border-radius:10px;background-color:var(--wall);background-image:linear-gradient(to bottom,transparent calc(var(--row) - var(--board)),var(--b-hi) calc(var(--row) - var(--board)),var(--b-hi) calc(var(--row) - var(--board) + 1.5px),var(--b-face) calc(var(--row) - var(--board) + 1.5px),var(--b-face) calc(var(--row) - var(--board) * .62),var(--b-grain) calc(var(--row) - var(--board) * .62),var(--b-grain) calc(var(--row) - var(--board) * .62 + 1px),var(--b-face) calc(var(--row) - var(--board) * .62 + 1px),var(--b-face) calc(var(--row) - 2px),var(--b-edge) calc(var(--row) - 2px),var(--b-edge) var(--row)),linear-gradient(to bottom,var(--shade),transparent 18px);background-size:100% var(--row)}.shelf.boards,.shelf.grouped{position:relative}.room[data-style-material=walnut] .boards{--wall: color-mix(in srgb, var(--bg) 84%, #3a2414);--b-hi: #8a5f3e;--b-face: #5f3d25;--b-grain: #52341f;--b-edge: #3a2414}.room[data-style-material=painted] .boards{--wall: color-mix(in srgb, var(--bg) 88%, var(--accent));--b-hi: color-mix(in srgb, var(--accent) 55%, #fff);--b-face: color-mix(in srgb, var(--accent) 80%, var(--surface));--b-grain: color-mix(in srgb, var(--accent) 90%, #000);--b-edge: color-mix(in srgb, var(--accent) 70%, #000)}.room[data-style-material=glass] .boards{--board: 9px;--wall: var(--bg);--shade: rgb(0 0 0 / .06);--b-hi: rgb(255 255 255 / .95);--b-face: color-mix(in srgb, #9fd6c8 40%, transparent);--b-grain: color-mix(in srgb, #9fd6c8 55%, transparent);--b-edge: color-mix(in srgb, #4f8f80 70%, transparent)}.room[data-style-material=bare] .boards{--board: 2px;--wall: transparent;--shade: transparent;padding:0 8px;--b-hi: var(--border-strong);--b-face: var(--border-strong);--b-grain: var(--border-strong);--b-edge: var(--border-strong)}:host([data-theme="dark"]) .boards,:root[data-theme=dark] .boards{--wall: color-mix(in srgb, var(--bg) 82%, #000);--shade: rgb(0 0 0 / .35);--b-hi: #9c7446;--b-face: #7d5a34;--b-grain: #6c4c2a;--b-edge: #4a3219}:host([data-theme="dark"]) .room[data-style-material=walnut] .boards,:root[data-theme=dark] .room[data-style-material=walnut] .boards{--b-hi: #6a4a30;--b-face: #43291a;--b-grain: #3a2416;--b-edge: #24160c}:host([data-theme="dark"]) .room[data-style-material=painted] .boards,:root[data-theme=dark] .room[data-style-material=painted] .boards{--b-hi: color-mix(in srgb, var(--accent) 60%, #fff);--b-face: color-mix(in srgb, var(--accent) 55%, #000);--b-grain: color-mix(in srgb, var(--accent) 45%, #000);--b-edge: color-mix(in srgb, var(--accent) 25%, #000)}:host([data-theme="dark"]) .room[data-style-material=glass] .boards,:root[data-theme=dark] .room[data-style-material=glass] .boards{--wall: var(--bg);--shade: rgb(0 0 0 / .35)}:host([data-theme="dark"]) .room[data-style-material=bare] .boards,:root[data-theme=dark] .room[data-style-material=bare] .boards{--wall: transparent;--shade: transparent}.boards.bookcase{column-gap:var(--gap-out, 22px)}.bc-book{height:var(--row);display:flex;align-items:flex-end;padding-bottom:var(--board)}.bc-link{display:block;color:inherit;text-decoration:none;outline:none}.bc-cover{display:block;width:112px;border-radius:var(--cover-r, 3px);overflow:hidden;background:var(--surface-2);container:cover / inline-size;line-height:1.2;transition:transform var(--t-fast, 180ms) var(--ease-out, ease-out)}.bc-cover img{display:block;width:100%;aspect-ratio:2 / 3;object-fit:cover}.bc-cover:empty{aspect-ratio:2 / 3}.bc-link:hover .bc-cover,.bc-link:focus-visible .bc-cover{transform:translateY(-6px)}.bc-link:focus-visible .bc-cover{outline:3px solid var(--ring);outline-offset:3px;box-shadow:0 0 0 3px var(--surface)}.boards.spines{column-gap:4px}.spine{height:var(--row);display:flex;align-items:flex-end;padding-bottom:var(--board)}.spine-link{display:block;color:var(--ink);text-decoration:none;outline:none}.spine-body{position:relative;width:var(--w);height:var(--h);display:flex;flex-direction:column;align-items:center;padding:12px 0;border-radius:3px 3px 1px 1px;color:var(--ink);font-size:var(--type-body, 1rem);line-height:1.15;container:spine / inline-size;background:linear-gradient(90deg,rgb(0 0 0 / .18),rgb(0 0 0 / 0) 16%,rgb(255 255 255 / .08) 40%,rgb(0 0 0 / 0) 62%,rgb(0 0 0 / .18)),var(--cloth);box-shadow:inset 0 0 0 1px rgb(0 0 0 / .14),0 1px 0 rgb(0 0 0 / .2);transform-origin:0 100%;transform:rotate(var(--lean, 0deg));transition:transform var(--t-fast, 180ms) var(--ease-out, ease-out)}.spine-link:hover .spine-body,.spine-link:focus-visible .spine-body{transform:translateY(-12px) rotate(var(--lean, 0deg))}.spine-link:focus-visible .spine-body{z-index:1;outline:3px solid var(--ring);outline-offset:3px;box-shadow:inset 0 0 0 1px rgb(0 0 0 / .14),0 0 0 3px var(--surface)}.spine-band{flex:none;width:64%;height:0;border-top:2px solid var(--gilt, var(--star));margin:2px 0}.spine-band+.spine-band{margin-bottom:8px}.spine-text{flex:1 1 auto;min-height:0;writing-mode:vertical-rl;text-orientation:mixed;overflow:hidden}.spine-title,.spine-author{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spine-title{font-weight:600}.spine-author{font-weight:400;margin-inline-start:0;padding-block-start:4px}.spine-foot{flex:none;width:64%;border-top:2px solid var(--gilt, var(--star));margin-top:12px}@container spine (max-width: calc(2lh + 6px)){.spine-author{display:none}}.spine-ribbon{position:absolute;top:-12px;left:50%;width:9px;height:26px;margin-left:-4.5px;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}.cloth-cover{display:grid;place-items:center;aspect-ratio:2 / 3;min-height:0;overflow:hidden;padding:.5rem;text-align:center;hyphens:auto;overflow-wrap:anywhere;background:linear-gradient(90deg,rgb(0 0 0 / .16),rgb(0 0 0 / 0) 12%),var(--cloth);color:var(--ink);font-size:var(--type-body, 1rem);font-weight:600;line-height:1.2;box-shadow:inset 0 0 0 5px var(--cloth),inset 0 0 0 6px var(--gilt, var(--star))}.cloth-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden}@container cover (max-width: calc(4.667lh + .8em)){.cloth-title{-webkit-line-clamp:6}}@container cover (max-width: calc(4lh + .8em)){.cloth-title{-webkit-line-clamp:5}}@container cover (max-width: calc(3.333lh + .8em)){.cloth-title{-webkit-line-clamp:4}}@container cover (max-width: calc(2.667lh + .8em)){.cloth-title{-webkit-line-clamp:3}}@container cover (max-width: calc(2lh + .8em)){.cloth-title{-webkit-line-clamp:2}}.board-add{height:var(--row);display:flex;align-items:flex-end;padding-bottom:var(--board)}.board-add-link{display:grid;place-items:center;width:112px;aspect-ratio:2 / 3;border:2px dashed var(--border-strong);border-radius:var(--cover-r, 3px);color:var(--text);background:var(--surface);text-decoration:none;font-size:var(--type-card)}.board-add.spines .board-add-link{width:44px;height:190px;aspect-ratio:auto}.board-add-link:focus-visible{position:relative;z-index:1;outline:3px solid var(--ring);outline-offset:3px;box-shadow:0 0 0 3px var(--surface)}.pulled{position:absolute;z-index:5;width:16rem;max-width:calc(100% - 1rem);display:grid;grid-template-columns:4rem 1fr;gap:.75rem;padding:.75rem;border-radius:var(--r, 12px);background:var(--surface);color:var(--text);border:1px solid var(--border-strong);box-shadow:0 14px 32px -14px rgb(0 0 0 / .5)}.pulled[hidden]{display:none}.pulled img,.pulled .cloth-cover{width:4rem;aspect-ratio:2 / 3;object-fit:cover;border-radius:3px}.pulled-title{font-size:var(--type-body, 1rem);line-height:1.25;margin:0;font-weight:600}.pulled p{margin:.125rem 0 0;line-height:1.35;color:var(--muted)}.pulled .status{display:inline-block;margin-top:.25rem}.room .shelf,.room .shelf-grid{--tile-out: var(--gap-out, 22px)}.room .book .cover,.room .book .cover img,.room .row-cover,.room .row-cover img,.room .book-row{border-radius:var(--cover-r, 5px)}.room[data-style-cover=lifted] .book .cover,.room[data-style-cover=gloss] .book .cover,.room[data-style-cover=lifted] .bc-cover,.room[data-style-cover=gloss] .bc-cover{box-shadow:0 10px 18px -9px rgb(0 0 0 / .55),0 2px 5px rgb(0 0 0 / .18)}.room[data-style-cover=gloss] .book .cover,.room[data-style-cover=gloss] .bc-cover{position:relative}.room[data-style-cover=gloss] .book .cover::after,.room[data-style-cover=gloss] .bc-cover::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgb(255 255 255 / .3) 0 16%,rgb(255 255 255 / 0) 40%)}.room[data-style-cover=lifted] .bc-link:focus-visible .bc-cover,.room[data-style-cover=gloss] .bc-link:focus-visible .bc-cover{box-shadow:0 0 0 3px var(--surface),0 10px 18px -9px rgb(0 0 0 / .55),0 2px 5px rgb(0 0 0 / .18)}@media(prefers-reduced-motion:reduce){.bc-cover,.spine-body{transition:none}.bc-link:hover .bc-cover,.bc-link:focus-visible .bc-cover{transform:none}.spine-link:hover .spine-body,.spine-link:focus-visible .spine-body{transform:rotate(var(--lean, 0deg))}}:host([data-motion="reduced"]) .bc-cover,:host([data-motion="reduced"]) .spine-body,:root[data-motion=reduced] .bc-cover,:root[data-motion=reduced] .spine-body,:root[data-reading-motion=reduced] .bc-cover,:root[data-reading-motion=reduced] .spine-body{transition:none}:host([data-motion="reduced"]) :is(.bc-link:hover,.bc-link:focus-visible) .bc-cover,:root[data-motion=reduced] :is(.bc-link:hover,.bc-link:focus-visible) .bc-cover,:root[data-reading-motion=reduced] :is(.bc-link:hover,.bc-link:focus-visible) .bc-cover{transform:none}:host([data-motion="reduced"]) :is(.spine-link:hover,.spine-link:focus-visible) .spine-body,:root[data-motion=reduced] :is(.spine-link:hover,.spine-link:focus-visible) .spine-body,:root[data-reading-motion=reduced] :is(.spine-link:hover,.spine-link:focus-visible) .spine-body{transform:rotate(var(--lean, 0deg))}@media(forced-colors:active){.spine-body,.cloth-cover{border:1px solid}.spine-ribbon{background:Highlight}}@media(max-width:600px){.shelf.boards:not(.grouped),.shelf-grid.boards{padding:0 12px}.shelf.boards.bookcase:not(.grouped),.shelf-grid.boards.bookcase{--row: 212px}.bc-cover,.board-add-link{width:92px}}.room[data-style-ground]{background-color:var(--bg);background-repeat:repeat;background-position:0 0;background-size:auto}.app.room[data-style-ground]{background-attachment:fixed}@media not all and (max-width:820px){.app.room[data-style-ground]>.sidebar{background:transparent}}.room[data-style-ground=lamplight]{background-image:radial-gradient(85% 75% at 12% 2%,color-mix(in srgb,#fff 90%,transparent),transparent 68%),radial-gradient(120% 105% at 18% 8%,color-mix(in srgb,var(--g-warm) calc(8.04% * var(--g-strength, 1)),transparent),transparent 62%),linear-gradient(153deg,transparent 28%,color-mix(in srgb,var(--g-ink) calc(10.33% * var(--g-strength, 1)),transparent) 100%)}:root[data-theme=dark] .room[data-style-ground=lamplight],:host([data-theme="dark"]) .room[data-style-ground=lamplight]{background-image:radial-gradient(85% 75% at 12% 2%,color-mix(in srgb,#ffd68a calc(6.96% * var(--g-strength, 1)),transparent),transparent 66%),radial-gradient(120% 105% at 18% 8%,color-mix(in srgb,var(--g-glow) calc(5.35% * var(--g-strength, 1)),transparent),transparent 60%),linear-gradient(153deg,transparent 26%,color-mix(in srgb,#000 45%,transparent) 100%)}.room[data-style-ground=laid-paper]{background-image:repeating-linear-gradient(0deg,color-mix(in srgb,var(--g-ink) calc(3.67% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--g-ink) calc(5.74% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 27px),radial-gradient(150% 110% at 50% -12%,color-mix(in srgb,#fff 90%,transparent),transparent 68%)}:root[data-theme=dark] .room[data-style-ground=laid-paper],:host([data-theme="dark"]) .room[data-style-ground=laid-paper]{background-image:repeating-linear-gradient(0deg,color-mix(in srgb,#fff calc(1.75% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,color-mix(in srgb,#fff calc(2.38% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 27px),radial-gradient(150% 110% at 50% -12%,color-mix(in srgb,var(--g-glow) calc(10.33% * var(--g-strength, 1)),transparent),transparent 66%)}.room[data-style-ground=buckram]{background-image:repeating-linear-gradient(90deg,color-mix(in srgb,var(--g-ink) calc(3.84% * var(--g-strength, 1)),transparent) 0 2px,transparent 2px 6px),repeating-linear-gradient(0deg,color-mix(in srgb,var(--g-ink) calc(2.79% * var(--g-strength, 1)),transparent) 0 2px,transparent 2px 6px),radial-gradient(2px 1px at 30% 40%,color-mix(in srgb,var(--g-ink) calc(6.97% * var(--g-strength, 1)),transparent),transparent),radial-gradient(1px 2px at 70% 80%,color-mix(in srgb,var(--g-ink) calc(5.58% * var(--g-strength, 1)),transparent),transparent),radial-gradient(130% 95% at 50% 0%,color-mix(in srgb,#fff 60%,transparent),transparent 62%);background-size:auto,auto,37px 41px,53px 47px,auto}:root[data-theme=dark] .room[data-style-ground=buckram],:host([data-theme="dark"]) .room[data-style-ground=buckram]{background-image:repeating-linear-gradient(90deg,color-mix(in srgb,#fff calc(2.27% * var(--g-strength, 1)),transparent) 0 2px,transparent 2px 6px),repeating-linear-gradient(0deg,color-mix(in srgb,#000 22%,transparent) 0 2px,transparent 2px 6px),radial-gradient(2px 1px at 30% 40%,color-mix(in srgb,#fff calc(3.78% * var(--g-strength, 1)),transparent),transparent),radial-gradient(1px 2px at 70% 80%,color-mix(in srgb,#fff calc(3.02% * var(--g-strength, 1)),transparent),transparent),radial-gradient(130% 95% at 50% 0%,color-mix(in srgb,var(--g-glow) calc(8.31% * var(--g-strength, 1)),transparent),transparent 60%)}.room[data-style-ground=bookcloth]{background-image:repeating-linear-gradient(45deg,color-mix(in srgb,var(--g-ink) calc(4.93% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 4px),repeating-linear-gradient(-45deg,color-mix(in srgb,var(--g-ink) calc(4.45% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 4px),radial-gradient(130% 95% at 50% -5%,color-mix(in srgb,#fff 75%,transparent),transparent 62%),radial-gradient(125% 120% at 50% 50%,transparent 42%,color-mix(in srgb,var(--g-glow) calc(6.9% * var(--g-strength, 1)),transparent))}:root[data-theme=dark] .room[data-style-ground=bookcloth],:host([data-theme="dark"]) .room[data-style-ground=bookcloth]{background-image:repeating-linear-gradient(45deg,color-mix(in srgb,#fff calc(2.7% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 4px),repeating-linear-gradient(-45deg,color-mix(in srgb,#000 22%,transparent) 0 1px,transparent 1px 4px),radial-gradient(130% 95% at 50% -5%,color-mix(in srgb,var(--g-glow) calc(11.57% * var(--g-strength, 1)),transparent),transparent 60%),radial-gradient(125% 120% at 50% 50%,transparent 40%,color-mix(in srgb,#000 35%,transparent))}.room[data-style-ground=marbled-endpaper]{background-image:radial-gradient(150% 92% at 8% -18%,color-mix(in srgb,var(--g-glow) calc(8.16% * var(--g-strength, 1)),transparent),transparent 62%),radial-gradient(110% 70% at 102% 6%,color-mix(in srgb,var(--g-third) calc(5.83% * var(--g-strength, 1)),transparent),transparent 58%),repeating-radial-gradient(closest-side at 26% 30%,color-mix(in srgb,var(--g-ink) calc(3.19% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 16px),repeating-radial-gradient(closest-side at 76% 64%,color-mix(in srgb,var(--g-glow) calc(3.49% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 21px),repeating-linear-gradient(102deg,color-mix(in srgb,#fff 50%,transparent) 0 2px,transparent 2px 10px);background-size:auto,auto,560px 520px,640px 600px,auto}:root[data-theme=dark] .room[data-style-ground=marbled-endpaper],:host([data-theme="dark"]) .room[data-style-ground=marbled-endpaper]{background-image:radial-gradient(150% 92% at 8% -18%,color-mix(in srgb,var(--g-glow) calc(9.84% * var(--g-strength, 1)),transparent),transparent 62%),radial-gradient(110% 70% at 102% 6%,color-mix(in srgb,var(--g-warm) calc(2.89% * var(--g-strength, 1)),transparent),transparent 58%),repeating-radial-gradient(closest-side at 26% 30%,color-mix(in srgb,var(--g-glow) calc(3.48% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 16px),repeating-radial-gradient(closest-side at 76% 64%,color-mix(in srgb,#fff calc(2.02% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 21px),repeating-linear-gradient(102deg,color-mix(in srgb,#fff calc(1.28% * var(--g-strength, 1)),transparent) 0 2px,transparent 2px 10px)}.room[data-style-ground=nonpareil-marble]{background-image:repeating-radial-gradient(closest-side at 30% 25%,color-mix(in srgb,var(--g-glow) calc(6.26% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 7px),repeating-radial-gradient(closest-side at 74% 70%,color-mix(in srgb,var(--g-third) calc(5.36% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 7px),repeating-linear-gradient(90deg,color-mix(in srgb,#fff 45%,transparent) 0 1px,transparent 1px 12px),radial-gradient(140% 100% at 50% -10%,color-mix(in srgb,#fff 55%,transparent),transparent 62%);background-size:220px 200px,260px 240px,auto,auto}:root[data-theme=dark] .room[data-style-ground=nonpareil-marble],:host([data-theme="dark"]) .room[data-style-ground=nonpareil-marble]{background-image:repeating-radial-gradient(closest-side at 30% 25%,color-mix(in srgb,var(--g-glow) calc(4.63% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 7px),repeating-radial-gradient(closest-side at 74% 70%,color-mix(in srgb,var(--g-warm) calc(2.64% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 7px),repeating-linear-gradient(90deg,color-mix(in srgb,#fff calc(1.65% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 12px),radial-gradient(140% 100% at 50% -10%,color-mix(in srgb,var(--g-glow) calc(6.61% * var(--g-strength, 1)),transparent),transparent 60%)}.room[data-style-ground=foxed-vellum]{background-image:radial-gradient(30px 24px at 22% 28%,color-mix(in srgb,var(--g-warm) calc(9.11% * var(--g-strength, 1)),transparent),transparent 72%),radial-gradient(46px 34px at 68% 66%,color-mix(in srgb,var(--g-warm) calc(6.21% * var(--g-strength, 1)),transparent),transparent 72%),radial-gradient(22px 18px at 45% 80%,color-mix(in srgb,var(--g-warm) calc(7.45% * var(--g-strength, 1)),transparent),transparent 72%),radial-gradient(150% 110% at 50% -10%,color-mix(in srgb,#fff 85%,transparent),transparent 66%),radial-gradient(125% 120% at 50% 45%,transparent 48%,color-mix(in srgb,var(--g-warm) calc(8.27% * var(--g-strength, 1)),transparent));background-size:340px 300px,520px 470px,260px 240px,auto,auto;background-position:0 0,140px 70px,60px 190px,0 0,0 0}:root[data-theme=dark] .room[data-style-ground=foxed-vellum],:host([data-theme="dark"]) .room[data-style-ground=foxed-vellum]{background-image:radial-gradient(30px 24px at 22% 28%,color-mix(in srgb,var(--g-warm) calc(5.87% * var(--g-strength, 1)),transparent),transparent 72%),radial-gradient(46px 34px at 68% 66%,color-mix(in srgb,var(--g-warm) calc(4.27% * var(--g-strength, 1)),transparent),transparent 72%),radial-gradient(22px 18px at 45% 80%,color-mix(in srgb,var(--g-warm) calc(5.33% * var(--g-strength, 1)),transparent),transparent 72%),radial-gradient(150% 110% at 50% -10%,color-mix(in srgb,var(--g-glow) calc(10.66% * var(--g-strength, 1)),transparent),transparent 64%),radial-gradient(125% 120% at 50% 45%,transparent 45%,color-mix(in srgb,#000 40%,transparent))}.room[data-style-ground=ledger-rules]{background-image:repeating-linear-gradient(0deg,transparent 0 27px,color-mix(in srgb,var(--g-ink) calc(2.9% * var(--g-strength, 1)),transparent) 27px 28px),linear-gradient(90deg,transparent 0 71px,color-mix(in srgb,var(--g-rule) calc(9.12% * var(--g-strength, 1)),transparent) 71px 72px,transparent 72px 75px,color-mix(in srgb,var(--g-rule) calc(9.12% * var(--g-strength, 1)),transparent) 75px 76px,transparent 76px),radial-gradient(140% 100% at 50% -8%,color-mix(in srgb,#fff 75%,transparent),transparent 64%)}:root[data-theme=dark] .room[data-style-ground=ledger-rules],:host([data-theme="dark"]) .room[data-style-ground=ledger-rules]{background-image:repeating-linear-gradient(0deg,transparent 0 27px,color-mix(in srgb,#fff calc(1.91% * var(--g-strength, 1)),transparent) 27px 28px),linear-gradient(90deg,transparent 0 71px,color-mix(in srgb,var(--g-rule) calc(8.79% * var(--g-strength, 1)),transparent) 71px 72px,transparent 72px 75px,color-mix(in srgb,var(--g-rule) calc(8.79% * var(--g-strength, 1)),transparent) 75px 76px,transparent 76px),radial-gradient(140% 100% at 50% -8%,color-mix(in srgb,var(--g-glow) calc(6.59% * var(--g-strength, 1)),transparent),transparent 62%)}.room[data-style-ground=quadrille]{background-image:repeating-linear-gradient(0deg,color-mix(in srgb,var(--g-ink) calc(2.46% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 16px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--g-ink) calc(2.46% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 16px),repeating-linear-gradient(0deg,color-mix(in srgb,var(--g-ink) calc(3.82% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 80px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--g-ink) calc(3.82% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 80px)}:root[data-theme=dark] .room[data-style-ground=quadrille],:host([data-theme="dark"]) .room[data-style-ground=quadrille]{background-image:repeating-linear-gradient(0deg,color-mix(in srgb,#fff calc(1.96% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 16px),repeating-linear-gradient(90deg,color-mix(in srgb,#fff calc(1.96% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 16px),repeating-linear-gradient(0deg,color-mix(in srgb,var(--g-glow) calc(4.71% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 80px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--g-glow) calc(4.71% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 80px)}.room[data-style-ground=watercolour-wash]{background-image:radial-gradient(70% 55% at 18% 22%,color-mix(in srgb,var(--g-glow) calc(11.28% * var(--g-strength, 1)),transparent),transparent 72%),radial-gradient(60% 50% at 84% 34%,color-mix(in srgb,var(--g-third) calc(9.02% * var(--g-strength, 1)),transparent),transparent 72%),radial-gradient(80% 60% at 55% 88%,color-mix(in srgb,var(--g-warm) calc(6.76% * var(--g-strength, 1)),transparent),transparent 72%),radial-gradient(90% 70% at 40% 55%,color-mix(in srgb,#fff 50%,transparent),transparent 70%)}:root[data-theme=dark] .room[data-style-ground=watercolour-wash],:host([data-theme="dark"]) .room[data-style-ground=watercolour-wash]{background-image:radial-gradient(70% 55% at 18% 22%,color-mix(in srgb,var(--g-glow) calc(13.26% * var(--g-strength, 1)),transparent),transparent 72%),radial-gradient(60% 50% at 84% 34%,color-mix(in srgb,var(--g-warm) calc(4.14% * var(--g-strength, 1)),transparent),transparent 72%),radial-gradient(80% 60% at 55% 88%,color-mix(in srgb,var(--g-third) calc(4.14% * var(--g-strength, 1)),transparent),transparent 72%),radial-gradient(90% 70% at 40% 55%,color-mix(in srgb,#fff calc(1.66% * var(--g-strength, 1)),transparent),transparent 70%)}.room[data-style-ground=tea-wash]{background-image:radial-gradient(62% 52% at 22% 18%,color-mix(in srgb,var(--g-warm) calc(12.81% * var(--g-strength, 1)),transparent),transparent 72%),radial-gradient(48% 44% at 76% 26%,color-mix(in srgb,var(--g-warm) calc(9.32% * var(--g-strength, 1)),transparent),transparent 74%),radial-gradient(70% 58% at 62% 82%,color-mix(in srgb,var(--g-warm) calc(10.47% * var(--g-strength, 1)),transparent),transparent 72%),radial-gradient(44% 40% at 12% 74%,color-mix(in srgb,var(--g-warm) calc(6.99% * var(--g-strength, 1)),transparent),transparent 74%),radial-gradient(120% 90% at 50% 40%,color-mix(in srgb,#fff 65%,transparent),transparent 74%)}:root[data-theme=dark] .room[data-style-ground=tea-wash],:host([data-theme="dark"]) .room[data-style-ground=tea-wash]{background-image:radial-gradient(62% 52% at 22% 18%,color-mix(in srgb,var(--g-warm) calc(15.9% * var(--g-strength, 1)),transparent),transparent 72%),radial-gradient(48% 44% at 76% 26%,color-mix(in srgb,var(--g-warm) calc(10.61% * var(--g-strength, 1)),transparent),transparent 74%),radial-gradient(70% 58% at 62% 82%,color-mix(in srgb,var(--g-warm) calc(12.37% * var(--g-strength, 1)),transparent),transparent 72%),radial-gradient(44% 40% at 12% 74%,color-mix(in srgb,var(--g-glow) calc(15.9% * var(--g-strength, 1)),transparent),transparent 74%),radial-gradient(120% 90% at 50% 40%,color-mix(in srgb,#000 22%,transparent),transparent 74%)}.room[data-style-ground=aquatint]{background-image:linear-gradient(177deg,color-mix(in srgb,var(--g-glow) calc(13.28% * var(--g-strength, 1)),transparent) 0 12%,color-mix(in srgb,var(--g-glow) calc(6.14% * var(--g-strength, 1)),transparent) 24% 40%,color-mix(in srgb,var(--g-glow) calc(1.53% * var(--g-strength, 1)),transparent) 52% 66%,color-mix(in srgb,var(--g-glow) calc(8.69% * var(--g-strength, 1)),transparent) 82% 100%),radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,#fff 55%,transparent),transparent 70%)}:root[data-theme=dark] .room[data-style-ground=aquatint],:host([data-theme="dark"]) .room[data-style-ground=aquatint]{background-image:linear-gradient(177deg,color-mix(in srgb,var(--g-glow) calc(10.36% * var(--g-strength, 1)),transparent) 0 12%,color-mix(in srgb,var(--g-glow) calc(5.18% * var(--g-strength, 1)),transparent) 24% 40%,color-mix(in srgb,var(--g-glow) calc(1.1% * var(--g-strength, 1)),transparent) 52% 66%,color-mix(in srgb,#000 35%,transparent) 82% 100%),radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--g-warm) calc(3.7% * var(--g-strength, 1)),transparent),transparent 70%)}.room[data-style-ground=gilt-diaper]{background-image:radial-gradient(2px 2px at 50% 50%,color-mix(in srgb,var(--g-warm) calc(13.14% * var(--g-strength, 1)),transparent),transparent),repeating-linear-gradient(45deg,color-mix(in srgb,var(--g-warm) calc(3.76% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 28px),repeating-linear-gradient(-45deg,color-mix(in srgb,var(--g-warm) calc(3.76% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 28px),radial-gradient(140% 100% at 50% -10%,color-mix(in srgb,#fff 75%,transparent),transparent 62%);background-size:40px 40px,auto,auto,auto}:root[data-theme=dark] .room[data-style-ground=gilt-diaper],:host([data-theme="dark"]) .room[data-style-ground=gilt-diaper]{background-image:radial-gradient(2px 2px at 50% 50%,color-mix(in srgb,var(--g-warm) calc(13.92% * var(--g-strength, 1)),transparent),transparent),repeating-linear-gradient(45deg,color-mix(in srgb,var(--g-warm) calc(3.24% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 28px),repeating-linear-gradient(-45deg,color-mix(in srgb,var(--g-warm) calc(3.24% * var(--g-strength, 1)),transparent) 0 1px,transparent 1px 28px),radial-gradient(140% 100% at 50% -10%,color-mix(in srgb,var(--g-warm) calc(2.79% * var(--g-strength, 1)),transparent),transparent 60%)}.app.room{position:relative;--view-left: var(--sidebar-w)}@media(max-width:900px){.app.room{--view-left: 0px}}.room{--view-h: calc(100vh * (.3 + var(--reach, .45) * .7))}.room-backdrop{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}@media not all and (max-width:820px){.app.room>.sidebar{z-index:2}}@media(max-width:900px){.app.room>.sidebar>.sidebar-foot{position:relative;top:auto;z-index:2}}.app.room>.mobile-app-header{position:relative;z-index:2}.app.room>main{position:relative;z-index:1}.room-view{display:none;position:absolute;top:0;right:0;left:var(--view-left, 0px);height:var(--view-h)}.room[data-style-scene] .room-view{display:block}.room-painting{position:absolute;inset:0;background:var(--scene-image) center / cover no-repeat;-webkit-mask-image:linear-gradient(to bottom,#000 0 52%,rgb(0 0 0 / .972) 56.8%,rgb(0 0 0 / .896) 61.6%,rgb(0 0 0 / .784) 66.4%,rgb(0 0 0 / .648) 71.2%,rgb(0 0 0 / .5) 76%,rgb(0 0 0 / .352) 80.8%,rgb(0 0 0 / .216) 85.6%,rgb(0 0 0 / .104) 90.4%,rgb(0 0 0 / .028) 95.2%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0 52%,rgb(0 0 0 / .972) 56.8%,rgb(0 0 0 / .896) 61.6%,rgb(0 0 0 / .784) 66.4%,rgb(0 0 0 / .648) 71.2%,rgb(0 0 0 / .5) 76%,rgb(0 0 0 / .352) 80.8%,rgb(0 0 0 / .216) 85.6%,rgb(0 0 0 / .104) 90.4%,rgb(0 0 0 / .028) 95.2%,transparent 100%)}.room[data-style-scene=reading-room]{--scene-image: url(/static/media/scenes/reading-room-day.avif)}:root[data-theme=dark] .room[data-style-scene=reading-room],:host([data-theme="dark"]) .room[data-style-scene=reading-room]{--scene-image: url(/static/media/scenes/reading-room-night.avif)}.room[data-style-scene=forest]{--scene-image: url(/static/media/scenes/forest-day.avif)}:root[data-theme=dark] .room[data-style-scene=forest],:host([data-theme="dark"]) .room[data-style-scene=forest]{--scene-image: url(/static/media/scenes/forest-night.avif)}.room[data-style-scene=rainy-window]{--scene-image: url(/static/media/scenes/rainy-window-day.avif)}:root[data-theme=dark] .room[data-style-scene=rainy-window],:host([data-theme="dark"]) .room[data-style-scene=rainy-window]{--scene-image: url(/static/media/scenes/rainy-window-night.avif)}.room[data-style-scene=winter-cabin]{--scene-image: url(/static/media/scenes/winter-cabin-day.avif)}:root[data-theme=dark] .room[data-style-scene=winter-cabin],:host([data-theme="dark"]) .room[data-style-scene=winter-cabin]{--scene-image: url(/static/media/scenes/winter-cabin-night.avif)}.room[data-style-scene=seaside-nook]{--scene-image: url(/static/media/scenes/seaside-nook-day.avif)}:root[data-theme=dark] .room[data-style-scene=seaside-nook],:host([data-theme="dark"]) .room[data-style-scene=seaside-nook]{--scene-image: url(/static/media/scenes/seaside-nook-night.avif)}.room[data-style-scene=night-train]{--scene-image: url(/static/media/scenes/night-train-day.avif)}:root[data-theme=dark] .room[data-style-scene=night-train],:host([data-theme="dark"]) .room[data-style-scene=night-train]{--scene-image: url(/static/media/scenes/night-train-night.avif)}.room[data-style-scene=dragon-citadel]{--scene-image: url(/static/media/scenes/dragon-citadel-day.avif)}:root[data-theme=dark] .room[data-style-scene=dragon-citadel],:host([data-theme="dark"]) .room[data-style-scene=dragon-citadel]{--scene-image: url(/static/media/scenes/dragon-citadel-night.avif)}.room[data-style-scene=wizard-tower]{--scene-image: url(/static/media/scenes/wizard-tower-day.avif)}:root[data-theme=dark] .room[data-style-scene=wizard-tower],:host([data-theme="dark"]) .room[data-style-scene=wizard-tower]{--scene-image: url(/static/media/scenes/wizard-tower-night.avif)}.room[data-style-scene=orbital-library]{--scene-image: url(/static/media/scenes/orbital-library-day.avif)}:root[data-theme=dark] .room[data-style-scene=orbital-library],:host([data-theme="dark"]) .room[data-style-scene=orbital-library]{--scene-image: url(/static/media/scenes/orbital-library-night.avif)}.room[data-style-scene=neon-city]{--scene-image: url(/static/media/scenes/neon-city-day.avif)}:root[data-theme=dark] .room[data-style-scene=neon-city],:host([data-theme="dark"]) .room[data-style-scene=neon-city]{--scene-image: url(/static/media/scenes/neon-city-night.avif)}.room[data-style-scene=rose-courtyard]{--scene-image: url(/static/media/scenes/rose-courtyard-day.avif)}:root[data-theme=dark] .room[data-style-scene=rose-courtyard],:host([data-theme="dark"]) .room[data-style-scene=rose-courtyard]{--scene-image: url(/static/media/scenes/rose-courtyard-night.avif)}.room[data-style-scene=detective-study]{--scene-image: url(/static/media/scenes/detective-study-day.avif)}:root[data-theme=dark] .room[data-style-scene=detective-study],:host([data-theme="dark"]) .room[data-style-scene=detective-study]{--scene-image: url(/static/media/scenes/detective-study-night.avif)}.room[data-style-scene=cold-case-archive]{--scene-image: url(/static/media/scenes/cold-case-archive-day.avif)}:root[data-theme=dark] .room[data-style-scene=cold-case-archive],:host([data-theme="dark"]) .room[data-style-scene=cold-case-archive]{--scene-image: url(/static/media/scenes/cold-case-archive-night.avif)}.room[data-style-scene=gothic-manor]{--scene-image: url(/static/media/scenes/gothic-manor-day.avif)}:root[data-theme=dark] .room[data-style-scene=gothic-manor],:host([data-theme="dark"]) .room[data-style-scene=gothic-manor]{--scene-image: url(/static/media/scenes/gothic-manor-night.avif)}.room[data-style-scene=jungle-ruins]{--scene-image: url(/static/media/scenes/jungle-ruins-day.avif)}:root[data-theme=dark] .room[data-style-scene=jungle-ruins],:host([data-theme="dark"]) .room[data-style-scene=jungle-ruins]{--scene-image: url(/static/media/scenes/jungle-ruins-night.avif)}.room[data-style-scene=silk-road]{--scene-image: url(/static/media/scenes/silk-road-day.avif)}:root[data-theme=dark] .room[data-style-scene=silk-road],:host([data-theme="dark"]) .room[data-style-scene=silk-road]{--scene-image: url(/static/media/scenes/silk-road-night.avif)}.room[data-style-scene=ocean-observatory]{--scene-image: url(/static/media/scenes/ocean-observatory-day.avif)}:root[data-theme=dark] .room[data-style-scene=ocean-observatory],:host([data-theme="dark"]) .room[data-style-scene=ocean-observatory]{--scene-image: url(/static/media/scenes/ocean-observatory-night.avif)}.room[data-style-scene=alpine-journal]{--scene-image: url(/static/media/scenes/alpine-journal-day.avif)}:root[data-theme=dark] .room[data-style-scene=alpine-journal],:host([data-theme="dark"]) .room[data-style-scene=alpine-journal]{--scene-image: url(/static/media/scenes/alpine-journal-night.avif)}.room[data-style-scene=spellbook-tower]{--scene-image: url(/static/media/scenes/spellbook-tower-day.avif)}:root[data-theme=dark] .room[data-style-scene=spellbook-tower],:host([data-theme="dark"]) .room[data-style-scene=spellbook-tower]{--scene-image: url(/static/media/scenes/spellbook-tower-night.avif)}.room[data-style-scene=starship-lounge]{--scene-image: url(/static/media/scenes/starship-lounge-day.avif)}:root[data-theme=dark] .room[data-style-scene=starship-lounge],:host([data-theme="dark"]) .room[data-style-scene=starship-lounge]{--scene-image: url(/static/media/scenes/starship-lounge-night.avif)}.room[data-style-scene=gaslit-lane]{--scene-image: url(/static/media/scenes/gaslit-lane-day.avif)}:root[data-theme=dark] .room[data-style-scene=gaslit-lane],:host([data-theme="dark"]) .room[data-style-scene=gaslit-lane]{--scene-image: url(/static/media/scenes/gaslit-lane-night.avif)}.room[data-style-scene=rooftop-watch]{--scene-image: url(/static/media/scenes/rooftop-watch-day.avif)}:root[data-theme=dark] .room[data-style-scene=rooftop-watch],:host([data-theme="dark"]) .room[data-style-scene=rooftop-watch]{--scene-image: url(/static/media/scenes/rooftop-watch-night.avif)}.room[data-style-scene=paris-balcony]{--scene-image: url(/static/media/scenes/paris-balcony-day.avif)}:root[data-theme=dark] .room[data-style-scene=paris-balcony],:host([data-theme="dark"]) .room[data-style-scene=paris-balcony]{--scene-image: url(/static/media/scenes/paris-balcony-night.avif)}.room[data-style-scene=lantern-hollow]{--scene-image: url(/static/media/scenes/lantern-hollow-day.avif)}:root[data-theme=dark] .room[data-style-scene=lantern-hollow],:host([data-theme="dark"]) .room[data-style-scene=lantern-hollow]{--scene-image: url(/static/media/scenes/lantern-hollow-night.avif)}.room[data-style-scene=victorian-parlour]{--scene-image: url(/static/media/scenes/victorian-parlour-day.avif)}:root[data-theme=dark] .room[data-style-scene=victorian-parlour],:host([data-theme="dark"]) .room[data-style-scene=victorian-parlour]{--scene-image: url(/static/media/scenes/victorian-parlour-night.avif)}.room[data-style-scene=captains-cabin]{--scene-image: url(/static/media/scenes/captains-cabin-day.avif)}:root[data-theme=dark] .room[data-style-scene=captains-cabin],:host([data-theme="dark"]) .room[data-style-scene=captains-cabin]{--scene-image: url(/static/media/scenes/captains-cabin-night.avif)}.room[data-style-scene=manor-library]{--scene-image: url(/static/media/scenes/manor-library-day.avif)}:root[data-theme=dark] .room[data-style-scene=manor-library],:host([data-theme="dark"]) .room[data-style-scene=manor-library]{--scene-image: url(/static/media/scenes/manor-library-night.avif)}.room[data-style-scene=boarding-school]{--scene-image: url(/static/media/scenes/boarding-school-day.avif)}:root[data-theme=dark] .room[data-style-scene=boarding-school],:host([data-theme="dark"]) .room[data-style-scene=boarding-school]{--scene-image: url(/static/media/scenes/boarding-school-night.avif)}.room[data-style-scene=treehouse]{--scene-image: url(/static/media/scenes/treehouse-day.avif)}:root[data-theme=dark] .room[data-style-scene=treehouse],:host([data-theme="dark"]) .room[data-style-scene=treehouse]{--scene-image: url(/static/media/scenes/treehouse-night.avif)}.room[data-style-scene=muses-temple]{--scene-image: url(/static/media/scenes/muses-temple-day.avif)}:root[data-theme=dark] .room[data-style-scene=muses-temple],:host([data-theme="dark"]) .room[data-style-scene=muses-temple]{--scene-image: url(/static/media/scenes/muses-temple-night.avif)}.room[data-style-scene=wildflower-garden]{--scene-image: url(/static/media/scenes/wildflower-garden-day.avif)}:root[data-theme=dark] .room[data-style-scene=wildflower-garden],:host([data-theme="dark"]) .room[data-style-scene=wildflower-garden]{--scene-image: url(/static/media/scenes/wildflower-garden-night.avif)}.room[data-style-scene=witch-cottage]{--scene-image: url(/static/media/scenes/witch-cottage-day.avif)}:root[data-theme=dark] .room[data-style-scene=witch-cottage],:host([data-theme="dark"]) .room[data-style-scene=witch-cottage]{--scene-image: url(/static/media/scenes/witch-cottage-night.avif)}.room[data-style-scene=reclaimed-city]{--scene-image: url(/static/media/scenes/reclaimed-city-day.avif)}:root[data-theme=dark] .room[data-style-scene=reclaimed-city],:host([data-theme="dark"]) .room[data-style-scene=reclaimed-city]{--scene-image: url(/static/media/scenes/reclaimed-city-night.avif)}.room[data-style-scene=frontier-porch]{--scene-image: url(/static/media/scenes/frontier-porch-day.avif)}:root[data-theme=dark] .room[data-style-scene=frontier-porch],:host([data-theme="dark"]) .room[data-style-scene=frontier-porch]{--scene-image: url(/static/media/scenes/frontier-porch-night.avif)}.room[data-style-scene=comic-shop]{--scene-image: url(/static/media/scenes/comic-shop-day.avif)}:root[data-theme=dark] .room[data-style-scene=comic-shop],:host([data-theme="dark"]) .room[data-style-scene=comic-shop]{--scene-image: url(/static/media/scenes/comic-shop-night.avif)}.room[data-style-scene=writers-attic]{--scene-image: url(/static/media/scenes/writers-attic-day.avif)}:root[data-theme=dark] .room[data-style-scene=writers-attic],:host([data-theme="dark"]) .room[data-style-scene=writers-attic]{--scene-image: url(/static/media/scenes/writers-attic-night.avif)}.room[data-style-scene=bakery-kitchen]{--scene-image: url(/static/media/scenes/bakery-kitchen-day.avif)}:root[data-theme=dark] .room[data-style-scene=bakery-kitchen],:host([data-theme="dark"]) .room[data-style-scene=bakery-kitchen]{--scene-image: url(/static/media/scenes/bakery-kitchen-night.avif)}.room[data-style-scene=stargazer-dome]{--scene-image: url(/static/media/scenes/stargazer-dome-day.avif)}:root[data-theme=dark] .room[data-style-scene=stargazer-dome],:host([data-theme="dark"]) .room[data-style-scene=stargazer-dome]{--scene-image: url(/static/media/scenes/stargazer-dome-night.avif)}.app.room[data-style-scene]>main{padding-top:calc(var(--view-h) * .5 + 2rem);isolation:isolate}.app.room[data-style-scene]>main::before{content:"";position:absolute;z-index:-1;left:clamp(.5rem,1.5vw,1.25rem);right:clamp(.5rem,1.5vw,1.25rem);top:calc(var(--view-h) * .5);bottom:0;background:var(--bg);border-radius:16px 16px 0 0;box-shadow:0 -16px 32px -22px rgb(0 0 0 / .5)}@media(max-width:820px){.app.room{--view-left: 0px}.room{--view-h: calc(100vh * (.22 + var(--reach, .45) * .4))}.app.room[data-style-scene]>main::before{left:0;right:0}}:root:has(.app.room[data-style-scene]) .skip-link:focus-visible{box-shadow:0 0 0 7px var(--surface)}@media(max-height:32rem){.room{--view-h: calc(100vh * .2)}}.room-weather{position:absolute;top:0;right:0;left:var(--view-left, 0px);height:var(--view-h)}.room-weather i{position:absolute;left:var(--x);top:var(--y);display:block}.room[data-style-weather=rain]{--rain: color-mix(in srgb, var(--text) 38%, transparent)}:root[data-theme=dark] .room[data-style-weather=rain],:host([data-theme="dark"]) .room[data-style-weather=rain]{--rain: color-mix(in srgb, #d6e7f7 55%, transparent)}.room[data-style-weather=rain] .room-weather i{top:-40px;width:1.5px;height:24px;border-radius:1px;background:linear-gradient(to bottom,transparent,var(--rain));transform:rotate(12deg);animation:room-rain var(--s) linear var(--d) infinite}@keyframes room-rain{to{transform:translate(-70px,calc(var(--view-h) + 80px)) rotate(12deg)}}.room[data-style-weather=snow]{--snow: #ffffff;--snow-edge: color-mix(in srgb, var(--text) 16%, transparent)}:root[data-theme=dark] .room[data-style-weather=snow],:host([data-theme="dark"]) .room[data-style-weather=snow]{--snow: color-mix(in srgb, #ffffff 86%, transparent);--snow-edge: transparent}.room[data-style-weather=snow] .room-weather i{top:-12px;width:var(--z);height:var(--z);border-radius:50%;background:var(--snow);box-shadow:0 0 0 1px var(--snow-edge);animation:room-snow var(--s) linear var(--d) infinite}@keyframes room-snow{25%{transform:translate(14px,calc(var(--view-h) * .27))}50%{transform:translate(-6px,calc(var(--view-h) * .54))}75%{transform:translate(12px,calc(var(--view-h) * .8))}to{transform:translate(0,calc(var(--view-h) + 24px))}}.room[data-style-weather=stars] .room-weather i{width:var(--z);height:var(--z);border-radius:50%;background:color-mix(in srgb,var(--star) 85%,#fff);box-shadow:0 0 6px 1px color-mix(in srgb,var(--star) 45%,transparent);animation:room-twinkle var(--s) ease-in-out var(--d) infinite alternate}@keyframes room-twinkle{from{opacity:.25}to{opacity:1}}:root[data-theme=light] .room[data-style-weather=stars] .room-weather,:host([data-theme="light"]) .room[data-style-weather=stars] .room-weather{display:none}.room[data-style-weather=fireflies]{--fly: color-mix(in srgb, var(--star) 70%, #fff3b0)}:root[data-theme=dark] .room[data-style-weather=fireflies],:host([data-theme="dark"]) .room[data-style-weather=fireflies]{--fly: #ffe39a}.room[data-style-weather=fireflies] .room-weather i{width:4px;height:4px;border-radius:50%;background:var(--fly);box-shadow:0 0 10px 3px var(--fly);animation:room-float var(--s) ease-in-out var(--d) infinite alternate}.room[data-style-weather=dust]{--mote: color-mix(in srgb, var(--muted) 30%, transparent)}:root[data-theme=dark] .room[data-style-weather=dust],:host([data-theme="dark"]) .room[data-style-weather=dust]{--mote: color-mix(in srgb, #ffe7b8 45%, transparent)}.room[data-style-weather=dust] .room-weather i{width:var(--z);height:var(--z);border-radius:50%;background:var(--mote);animation:room-float calc(var(--s) * 1.6) ease-in-out var(--d) infinite alternate}@keyframes room-float{0%{transform:translate(0,0);opacity:.15}45%{opacity:1}100%{transform:translate(28px,-70px);opacity:.3}}:root[data-ambient-paused=true] .room-weather i{animation-play-state:paused}:root[data-motion=reduced] .room-weather i,:root[data-reading-motion=reduced] .room-weather i{animation:none}:root[data-motion=reduced] .room[data-style-weather=rain] .room-weather,:root[data-motion=reduced] .room[data-style-weather=snow] .room-weather,:root[data-reading-motion=reduced] .room[data-style-weather=rain] .room-weather,:root[data-reading-motion=reduced] .room[data-style-weather=snow] .room-weather{display:none}@media(prefers-reduced-motion:reduce){.room-weather i{animation:none!important}.room[data-style-weather=rain] .room-weather,.room[data-style-weather=snow] .room-weather{display:none}}@media(prefers-reduced-motion:no-preference){:root[data-room-weather]:not([data-custom-appearance]):not([data-motion=reduced]):not([data-reading-motion=reduced]) #ambient-control{display:flex}}.nav-style-mark{flex:none;width:.75rem;height:.75rem;border-radius:50%;border:1.5px solid var(--border-strong);background:var(--mark-light, transparent)}:root[data-theme=dark] .nav-style-mark{background:var(--mark-dark, transparent)}