.spine{width:calc(var(--spine-width) * 100cqi / var(--slots-per-shelf));height:calc(var(--shelf-clear) * var(--spine-height));background-color:var(--spine-dominant);color:var(--spine-text);cursor:pointer;text-align:left;--face-pad-top:4cqh;--face-pad-bottom:4cqh;--ribbon-clear:0cqh;border:0;border-radius:1px 1px 0 0;flex:none;padding:0;position:relative;overflow:hidden;box-shadow:inset 1px 0 #ffffff1f,inset -1px 0 #0006,inset 0 -6px 10px -6px #00000080,2px 0 5px -3px #000000a6;container-type:size}.spine__face{width:100%;height:100%;padding-top:max(var(--face-pad-top), var(--ribbon-clear));padding-bottom:var(--face-pad-bottom);flex-direction:column;justify-content:center;align-items:center;gap:2cqh;display:flex;container-type:size}.spine__title,.spine__author{writing-mode:vertical-rl;font-family:var(--font-spine);font-variation-settings:"wdth" var(--spine-type-width);line-height:1;overflow:hidden}.spine__title{white-space:normal;text-align:center;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;min-height:0;font-size:clamp(6px, min(calc(var(--spine-font-scale) * 1cqw), calc(var(--spine-length-scale) * 1cqh)), 13px);letter-spacing:.01em;flex:auto;font-weight:620}.spine__author{white-space:nowrap;max-height:14cqh;font-size:clamp(5.5px, calc(var(--spine-font-scale) * .62cqw), 9px);letter-spacing:.16em;opacity:.72;text-transform:uppercase;letter-spacing:.06em;flex:none;font-weight:500}.spine[data-template="1"]{background-image:linear-gradient(180deg, var(--spine-secondary) 0 13%, var(--spine-dominant) 13% 87%, var(--spine-secondary) 87% 100%);--face-pad-top:16cqh;--face-pad-bottom:16cqh}.spine[data-template="2"]:before,.spine[data-template="2"]:after{content:"";opacity:.45;background-color:currentColor;height:1px;position:absolute;inset-inline:22%}.spine[data-template="2"]:before{top:9%}.spine[data-template="2"]:after{bottom:9%}.spine[data-template="2"]{--face-pad-top:14cqh;--face-pad-bottom:14cqh}.spine[data-template="3"]{background-image:linear-gradient(180deg, var(--spine-secondary) 0 31%, var(--spine-dominant) 31% 100%);--face-pad-top:34cqh;--face-pad-bottom:7cqh}.spine[data-template="3"] .spine__face{justify-content:flex-end}.spine[data-template="4"]:after{content:"";aspect-ratio:1;opacity:.5;border:1px solid;width:min(34cqw,12cqh);position:absolute;bottom:5cqh;left:50%;translate:-50%;rotate:45deg}.spine[data-template="4"]{--face-pad-top:6cqh;--face-pad-bottom:22cqh}.spine[data-template="4"] .spine__face{justify-content:flex-start}.spine[data-reviewed=true]{--ribbon-clear:12cqh}.spine[data-reviewed=true] .spine__title{background-image:linear-gradient(168deg, #f0e2b8 0%, var(--color-brass-bright) 30%, #f5ebcb 48%, var(--color-brass-bright) 66%, #ecdcae 100%);color:#0000;filter:drop-shadow(0 0 .6px #18120ad9);-webkit-background-clip:text;background-clip:text}.spine[data-reviewed=true][data-ground=light] .spine__title{filter:drop-shadow(0 0 .5px #fff6e080);background-image:linear-gradient(168deg,#7c5c1f 0%,#9c7a30 32%,#b08c3c 50%,#96762d 70%,#7a5a1e 100%)}.spine__ribbon{background-image:linear-gradient(180deg, var(--color-brass-bright), var(--color-brass-dim));opacity:.85;border-radius:0 0 1px 1px;width:22%;min-width:3px;height:9%;position:absolute;top:0;left:50%;translate:-50%}.spine:hover{filter:brightness(1.08)}.spine:focus-visible{outline:2px solid var(--color-brass-bright);outline-offset:-2px}.spine[data-out]{opacity:0;pointer-events:none}.spine-add{height:calc(var(--shelf-clear) * .86);width:calc(var(--slot-width) * 1.5);color:#e6d4aceb;cursor:pointer;background:#d6be8e17;border:1px dashed #d6be8e9e;border-radius:1px;flex:none;justify-content:center;align-self:flex-end;align-items:center;transition:background-color .14s,border-color .14s,color .14s;display:flex;position:relative;box-shadow:inset 0 0 18px #d6be8e12}.spine-add:hover{border-color:var(--color-brass-bright);color:#f2e6c8;background:#d6be8e2e}.spine-add:focus-visible{outline:2px solid var(--color-brass-bright);outline-offset:2px}.spine-add__mark{width:68%;max-width:30px;height:auto}.spine[data-lying]{width:calc(var(--shelf-clear) * var(--spine-height) * .72);height:calc(var(--slot-width) * var(--spine-width) * .4);min-height:7px;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0006,0 2px 5px -2px #000000a6;container-type:size}.spine[data-lying] .spine__face{display:none}.spine[data-lying][data-template="1"]{background-image:linear-gradient(90deg, var(--spine-secondary) 0 13%, var(--spine-dominant) 13% 87%, var(--spine-secondary) 87% 100%)}.spine[data-lying][data-template="3"]{background-image:linear-gradient(90deg, var(--spine-secondary) 0 31%, var(--spine-dominant) 31% 100%)}.spine[data-lying][data-template="2"]:before,.spine[data-lying][data-template="2"]:after{width:1px;height:auto;inset-block:22%;inset-inline:auto}.spine[data-lying][data-template="2"]:before{left:9%}.spine[data-lying][data-template="2"]:after{right:9%}.spine[data-lying] .spine__ribbon{width:26%;max-width:9px;height:46%;inset:auto 12% -34% auto}