.bookflock-seed{position:absolute;z-index:7;transform:translate(-50%,-50%);width:43px;height:43px;border:1px solid #dfb97255;border-radius:50%;background:#f4d59a22;color:#dec18c;font:28px Georgia;cursor:pointer}.bookflock-seed:hover,.bookflock-seed:focus-visible,.bookflock-seed[data-discovering=true]{background:#f4d59a88;box-shadow:0 0 24px #fff3c366}
#book-flock{position:fixed;inset:0;margin:0;padding:0;width:100vw;height:100vh;max-width:none;max-height:none;border:0;overflow:hidden;background:transparent;color:#efe4c9}#book-flock::backdrop{background:#30271d18;backdrop-filter:none}.bookflock-work{position:absolute;inset:0;touch-action:none;cursor:default}.bookflock-work canvas{display:block;width:100%;height:100%;outline:none}.bookflock-work canvas:focus-visible{outline:1px dashed #fff0c955;outline-offset:-13px}#book-flock header{position:absolute;top:0;left:0;right:0;padding:27px 39px 50px;background:linear-gradient(#2f2c23bd,transparent);pointer-events:none}#book-flock header p{font:10px system-ui;letter-spacing:.18em;color:#e0ca9f;margin:0 0 12px}#book-flock h2{font:italic 29px Georgia;margin:0;color:#fff1d5;text-shadow:0 2px 10px #392b1d88}.bookflock-close{position:absolute;right:26px;top:24px;z-index:3;width:42px;height:42px;background:#40392b88;border:1px solid #ead5ad55;border-radius:50%;color:#fff1d5;font:28px Georgia;cursor:pointer}#book-flock footer{position:absolute;bottom:0;left:0;right:0;padding:38px 20px 15px;text-align:center;background:linear-gradient(transparent,#302c22e8);pointer-events:none}.bookflock-response{font:italic 15px Georgia;color:#f2e1b9;text-shadow:0 2px 5px #2e2117;margin:0 0 14px}#book-flock nav{display:flex;justify-content:center;align-items:center;gap:11px;pointer-events:auto}#book-flock nav[hidden]{display:none}#book-flock nav button,.bookflock-mute{padding:10px 17px;border:1px solid #d6bd8955;border-radius:25px;background:#4f4d37cc;color:#f2e6ca;font:12px Georgia;cursor:pointer}#book-flock nav button:hover,.bookflock-mute:hover{background:#67634a}#book-flock button:disabled{opacity:.4;cursor:default}.bookflock-mute{position:absolute;right:28px;bottom:57px;pointer-events:auto}#book-flock details{font:10px/1.8 system-ui;margin:11px 12px 0;display:inline-block;color:#cfbf99;pointer-events:auto}#book-flock summary{list-style:none;cursor:pointer}#book-flock details[open]{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);margin:0;width:720px;max-height:65vh;overflow:auto;background:#393e2ff7;box-shadow:0 0 50px #251f14aa;text-align:left;padding:20px 25px;border:1px solid #bda47855}#book-flock details[open] summary{text-align:center;color:#f3e4bd}#book-flock a{color:#e9d39b}.bookflock-gallery div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}.bookflock-gallery button{padding:7px;background:#ece3ca;border:0;color:#62543a;font:italic 12px/1.3 Georgia;cursor:pointer}.bookflock-gallery img{display:block;width:100%;height:80px;object-fit:contain;margin:0 0 7px}.bookflock-gallery button:hover{background:#fff3d6}

body:has(#book-flock[open]) #living > :not(#scene-canvas){visibility:hidden}