:is(.op-bs-spine,.op-bs-mark,.op-bs-num,.op-bs-chip){--sec:#44403c}:is(.op-bs-spine,.op-bs-mark,.op-bs-num,.op-bs-chip)[data-section=law]{--sec:#854d0e}:is(.op-bs-spine,.op-bs-mark,.op-bs-num,.op-bs-chip)[data-section=history]{--sec:#166534}:is(.op-bs-spine,.op-bs-mark,.op-bs-num,.op-bs-chip)[data-section=wisdom]{--sec:#6b21a8}:is(.op-bs-spine,.op-bs-mark,.op-bs-num,.op-bs-chip)[data-section=major]{--sec:#9f1239}:is(.op-bs-spine,.op-bs-mark,.op-bs-num,.op-bs-chip)[data-section=minor]{--sec:#9a3412}:is(.op-bs-spine,.op-bs-mark,.op-bs-num,.op-bs-chip)[data-section=gospels]{--sec:#1e40af}:is(.op-bs-spine,.op-bs-mark,.op-bs-num,.op-bs-chip)[data-section=paul]{--sec:#0f766e}:is(.op-bs-spine,.op-bs-mark,.op-bs-num,.op-bs-chip)[data-section=general]{--sec:#3f6212}:is(.op-bs-spine,.op-bs-mark,.op-bs-num,.op-bs-chip)[data-section=NT]{--sec:#334155}.op-bs-shelf{background:linear-gradient(#f7f0e3,#eee2cc);box-shadow:inset 0 1px #fff9}.dark .op-bs-shelf{background:linear-gradient(#2a2219,#1d1811);box-shadow:inset 0 1px #ffffff0d}.op-bs-shelf ol{justify-content:center}.op-bs-plank{background:linear-gradient(#d4a868,#8a6234);box-shadow:0 6px 12px -6px #3c230a8c}.op-bs-spine,.op-bs-slot{max-width:3.75rem}.op-bs-spine{color:#fff;background:linear-gradient(90deg, #ffffff29, transparent 35%, #0000002e), var(--sec);animation:.26s cubic-bezier(.2,.8,.2,1) both op-bs-shelve;position:relative;box-shadow:0 2px 4px #0000002e}.op-bs-spine:before,.op-bs-spine:after{content:"";background:#ffd68c8c;height:2px;position:absolute;inset-inline:0}.op-bs-spine:before{top:.6rem}.op-bs-spine:after{bottom:.6rem}.op-bs-spine-name{writing-mode:vertical-rl;text-align:center;max-height:100%;overflow:hidden;transform:rotate(180deg)}.op-bs-slot{border:2px dashed color-mix(in oklab, var(--color-text) 22%, transparent);border-bottom:0}@keyframes op-bs-shelve{0%{opacity:0;transform:translateY(-14px)rotate(-4deg)}}.op-bs-tile,.op-bs-choice{color:var(--color-text);background:var(--color-surface-2);border:1px solid var(--color-border);transition:transform .14s,background-color .14s,border-color .14s,opacity .2s}.op-bs-tile:hover,.op-bs-choice:hover:not(:disabled){background:var(--color-surface-3)}.op-bs-tile:active,.op-bs-choice:active:not(:disabled){transform:scale(.96)}:is(.op-bs-tile:focus-visible,.op-bs-choice:focus-visible){outline:2px solid var(--color-ring);outline-offset:2px}.op-bs-tile[data-wrong="0"]{border-color:var(--color-danger);animation:.32s op-bs-shake-a}.op-bs-tile[data-wrong="1"]{border-color:var(--color-danger);animation:.32s op-bs-shake-b}@keyframes op-bs-shake-a{25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes op-bs-shake-b{25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.op-bs-tile[data-hint]{border:2px solid #e29a2c;box-shadow:0 0 0 4px #e29a2c38}.op-bs-next{color:#1d1b3a;background:#f6cf86}.op-bs-choice:disabled{cursor:default}.op-bs-choice[data-state=right]{border:2px solid var(--color-ok);background:color-mix(in oklab, var(--color-ok) 12%, var(--color-surface-2))}.op-bs-choice[data-state=wrong]{border:2px solid var(--color-danger);background:color-mix(in oklab, var(--color-danger) 10%, var(--color-surface-2))}.op-bs-choice[data-state=rest]{opacity:.45}.op-bs-cover{color:#3b1d0b;background:linear-gradient(#ffd98a,#e29a2c);animation:.28s both op-bs-rise;box-shadow:0 10px 24px -12px #78460a99}.op-bs-num,.op-bs-chip{color:#fff;background:var(--sec)}.op-bs-chip{transition:transform .14s}.op-bs-chip:active{transform:scale(.96)}.op-bs-mark{background:var(--sec)}.op-bs-mark[data-section=bible]{background:linear-gradient(#ffd98a,#e29a2c)}.op-bs-shelfcard[aria-current=page]{border-color:var(--color-brand)}.op-bs-result,.op-bs-sort{animation:.36s both op-bs-rise}@keyframes op-bs-rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.op-bs-spine,.op-bs-cover,.op-bs-result,.op-bs-sort,.op-bs-tile[data-wrong]{animation:none}.op-bs-tile,.op-bs-choice,.op-bs-chip{transition:none}.op-bs-tile:active,.op-bs-choice:active:not(:disabled),.op-bs-chip:active{transform:none}}