.board-book-media-layer{z-index:4;pointer-events:none;touch-action:none;position:absolute;inset:0}.board-book-media-layer.active{pointer-events:auto;cursor:crosshair}.board-book-media-marker{aspect-ratio:1;color:#fff;cursor:pointer;pointer-events:auto;background:#316a59;border:2px solid #fff;border-radius:50%;place-items:center;min-width:2.5rem;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 .3rem 1rem #00000040}.board-book-media-marker.audio{background:#7950a1}.board-book-media-marker>svg{width:42%;height:42%}.board-book-media-marker>span{text-overflow:ellipsis;white-space:nowrap;background:#202724d9;border-radius:.35rem;max-width:10rem;padding:.15rem .35rem;font-size:.65rem;position:absolute;top:calc(100% + .25rem);overflow:hidden}.board-book-media-actions{gap:.15rem;display:flex;position:absolute;bottom:calc(100% + .3rem);left:50%;transform:translate(-50%)}.board-book-media-actions button{border:1px solid var(--line);width:1.65rem;height:1.65rem;color:var(--ink);cursor:pointer;background:#fff;border-radius:.4rem;place-items:center;padding:0;display:grid}.board-book-media-actions svg{width:.85rem}.board-book-media-add,.board-book-media-player{z-index:40;border:1px solid var(--line);background:var(--surface);cursor:default;pointer-events:auto;border-radius:1rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1rem 4rem #00000059}.board-book-media-add{gap:.65rem;width:min(28rem,100vw - 2rem);padding:1.25rem;display:grid}.board-book-media-add h3,.board-book-media-add p{margin:0}.board-book-media-add label:not(.secondary-button){gap:.35rem;display:grid}.board-book-media-add input{border:1px solid var(--line);border-radius:.6rem;min-height:2.7rem;padding:.55rem .7rem}.board-book-media-add .close{position:absolute;top:.6rem;right:.6rem}.board-book-media-notice{z-index:30;color:#fff;pointer-events:auto;background:#202724;border-radius:.6rem;padding:.6rem .8rem;font-size:.8rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.board-book-media-player{width:min(64rem,100vw - 2rem);padding:3rem 1rem 1rem}.board-book-media-player>.icon-button{position:absolute;top:.45rem;right:.45rem}.board-book-media-player iframe,.board-book-media-player video{aspect-ratio:16/9;background:#111;border:0;width:100%}.board-book-media-player audio{width:100%}.board-book-widgets{z-index:16;pointer-events:none;position:absolute;inset:0}.board-book-widget-launcher{pointer-events:auto;gap:.3rem;display:flex;position:absolute;bottom:1rem;right:1.25rem}.board-book-widget-launcher button{border:1px solid var(--line);background:var(--surface);width:2.55rem;height:2.55rem;color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:.65rem;place-items:center;padding:0;display:grid}.board-book-widget-launcher svg{width:1.15rem}.board-book-widget{z-index:35;border:1px solid var(--line);background:var(--surface);pointer-events:auto;border-radius:1rem;gap:.8rem;width:min(20rem,100vw - 2rem);padding:1rem;display:grid;position:fixed;top:5.5rem;right:1rem;box-shadow:0 .8rem 2.5rem #00000038}.board-book-widget header{cursor:move;touch-action:none;justify-content:space-between;align-items:center;display:flex}.board-book-widget header button{cursor:pointer;background:0 0;border:0;border-radius:.4rem;place-items:center;width:2rem;height:2rem;padding:0;display:grid}.board-book-widget header svg{width:1rem}.board-book-widget>output{text-align:center;font-size:3rem;font-weight:900}.board-book-widget>div{justify-content:center;gap:.4rem;display:flex}.board-book-widget button{min-height:2.45rem}.board-book-widget label{gap:.35rem;display:grid}.board-book-widget textarea{border:1px solid var(--line);resize:vertical;border-radius:.55rem;min-height:6rem;padding:.55rem}.board-book-dice-result{font-size:3rem;font-weight:900}.board-book-picked-name{background:var(--soft-green);text-align:center;border-radius:.7rem;padding:.7rem;font-size:1.5rem;font-weight:900}@media (max-width:850px){.board-book-widget-launcher{bottom:.6rem;right:.6rem}.board-book-media-marker>span{display:none}}.annotation-reveal-draft,.annotation-reveal-loading{fill:#9333ea1a;stroke:#9333ea;stroke-width:.003px;stroke-dasharray:.012 .008;pointer-events:none}.annotation-reveal-loading{opacity:.65}.board-book-library .board-book-grid{grid-template-columns:repeat(auto-fill,minmax(min(17rem,100%),22rem));align-items:start}.board-book-library .board-book-card{flex-direction:column;gap:0;min-width:0;padding:0;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.board-book-library .board-book-card:hover{border-color:var(--green);transform:translateY(-3px);box-shadow:0 .8rem 2rem #22383024}.board-book-library .board-book-card .board-book-cover{aspect-ratio:210/297;background:linear-gradient(135deg,#f5f5f4,#e7e5e4);border-radius:0;width:100%}.board-book-library .board-book-card .board-book-cover img{object-fit:contain;background:#f5f5f4;width:100%;height:100%}.board-book-library .board-book-card>div:nth-child(2){padding:1rem 1.1rem}.board-book-library .board-book-card h3{font-size:1.05rem}.board-book-library .board-book-card-actions{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;padding:0 1rem 1rem;display:grid}.board-book-library .board-book-card-actions>*{min-width:0}.board-book-library .board-book-card-actions .primary-button.inline,.board-book-library .board-book-card-actions .secondary-button{justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:44px;margin:0;padding:0 .85rem;display:inline-flex}.board-book-library .board-book-card-actions svg{flex:none}.board-book-thumbnail-placeholder{height:100%;color:var(--green);place-content:center;justify-items:center;gap:.6rem;display:grid}.board-book-thumbnail-placeholder svg{width:2.2rem;height:2.2rem}.board-book-thumbnail-placeholder span{color:var(--muted);font-size:.75rem;font-weight:700}@media (max-width:650px){.board-book-library .board-book-grid{grid-template-columns:minmax(0,22rem);justify-content:center}}.board-book-library .board-book-card-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}.board-book-library .board-book-card-actions .danger-button{justify-content:center;align-items:center;width:100%;min-height:44px;margin:0;display:inline-flex}.board-book-library .board-book-card-actions .board-book-card-delete{width:44px}.board-book-library .board-book-card-actions .board-book-card-delete .danger-button{padding:0}