/* Visual layer only: preserve Mini App navigation, prices, reader and checkout. */
@font-face{font-family:BooksGothic;src:url('./assets/golden/ruslan-display-v27.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--books-symbols:url('./assets/golden/symbols.webp');--books-botanical:url('./assets/golden/botanical.webp')}
.ritual-app{background-color:#f8e6bf}
.catalog-plaque{position:relative;isolation:isolate;padding:25px 35px;background:linear-gradient(110deg,#fff1d2,#f4dfb5);border-color:#ba8c40}
.catalog-plaque::before,.catalog-plaque::after,.card-copy::before,.card-copy::after,.page-panel::after,.product-detail::after,.featured-book::after{content:'';position:absolute;width:100px;height:100px;background:var(--books-botanical) center/contain no-repeat;pointer-events:none;opacity:1}
.catalog-plaque::before{left:2px;top:2px;z-index:-1}.catalog-plaque::after{right:2px;bottom:2px;transform:rotate(180deg);z-index:-1}.plaque-flourish{display:none}
.card-copy::before{left:3px;top:3px;width:67px;height:67px}.card-copy::after{right:3px;top:auto;bottom:3px;transform:rotate(180deg);width:88px;height:88px}
.featured-book,.page-panel,.product-detail{position:relative;isolation:isolate;background-color:#fae9c5}
.page-panel::after,.product-detail::after,.featured-book::after{right:4px;bottom:4px;transform:rotate(180deg);width:100px;height:100px;z-index:-1}
.portrait-card .cover,.legacy-book-card .cover{max-height:none;aspect-ratio:.707;object-fit:contain}
.button,.nav-item,.catalog-filters button,.account-tiles strong{font-family:BooksGothic,Georgia,serif;font-weight:400}
.button{position:relative;overflow:hidden;isolation:isolate;min-height:53px;font-size:19px;line-height:1.25;padding:12px 18px;border:1px solid #e8c278;border-radius:11px;background:linear-gradient(175deg,#b75b51,#8e2d3e 28%,#611b2d);color:#fff0bf;text-shadow:0 2px 1px #4f1625;box-shadow:inset 0 1px 0 #ffdd94,inset 0 0 0 3px #e5b75f70,0 4px 0 #4b1c29,0 7px 12px #55252b29;transition:transform .2s,filter .2s,box-shadow .2s}
.button::before{content:'';position:absolute;inset:5px;border:1px solid #efc77d50;border-radius:7px;pointer-events:none;z-index:-1}
.button:hover{filter:brightness(1.08);box-shadow:inset 0 1px 0 #ffe8b2,inset 0 0 0 3px #e5b75f91,0 4px 0 #4b1c29,0 8px 16px #b77d3c40}.button:active{transform:translateY(2px) scale(.985)}
.button.light{background:linear-gradient(170deg,#fff4d3,#ecd08f 45%,#d6ad6a);color:#6c2530;text-shadow:0 1px #fff5d7;border-color:#b98a3e;box-shadow:inset 0 1px 0 #fff7dd,inset 0 0 0 3px #fff1c6,0 3px 0 #a07843}
.button.green{background:linear-gradient(175deg,#819669,#466c4b 30%,#254a35);box-shadow:inset 0 1px 0 #eee0ad,inset 0 0 0 3px #d7b96c7c,0 4px 0 #1f3829}
.book-card .button{font-size:18px;min-height:54px}.detail-actions .button{font-size:23px;min-height:66px}.library-row .actions .button{font-size:17px;min-height:49px}
.icon.gold-symbol{display:inline-block;flex-shrink:0;width:30px;height:30px;background-image:var(--books-symbols);background-size:300% 200%;background-repeat:no-repeat;filter:drop-shadow(0 2px 2px #4c262c4d);vertical-align:middle}
.gold-symbol-book{background-position:0 0}.gold-symbol-library{background-position:50% 0}.gold-symbol-user,.gold-symbol-settings{background-position:100% 0;clip-path:inset(0 0 0 18%)}.gold-symbol-download,.gold-symbol-pages{background-position:0 100%}.gold-symbol-shield,.gold-symbol-sparkle{background-position:50% 100%}.gold-symbol-mail,.gold-symbol-telegram{background-position:100% 100%}
.button .icon.gold-symbol{width:31px;height:31px}.button[data-action="checkout"] .gold-symbol{background-image:url('./assets/golden/pouch.webp');background-size:contain;background-position:center;clip-path:none;width:46px;height:46px;margin:-5px 0}
.card-meta .icon.gold-symbol,.featured-meta .icon.gold-symbol{width:20px;height:20px}.section-heading>.icon.gold-symbol{width:58px;height:58px;background-color:transparent;border:0;padding:0;box-shadow:none}.feature .icon.gold-symbol{width:34px;height:34px}.account-tiles .icon.gold-symbol{width:44px;height:44px}.account-tiles strong{font-size:19px}
.bottom-nav{border-top:4px double #dbb263;background:radial-gradient(ellipse at 50% 0,#9a4047,transparent 80%),linear-gradient(120deg,#6c2332,#4c182a);padding:9px 9px max(10px,env(safe-area-inset-bottom));gap:7px}
.nav-item{position:relative;overflow:hidden;min-height:86px;gap:4px;padding:6px 3px 9px;border:1px solid #d7ab5d40;border-radius:12px;background:linear-gradient(155deg,#c58c6018,#300e211a);color:#edce98;font-size:17px;line-height:1.2;text-shadow:0 2px 2px #291020;transition:background .2s,box-shadow .2s}
.nav-item::before{content:'';position:absolute;inset:4px;border:1px solid #deb66926;border-radius:8px;pointer-events:none}.nav-item.active{color:#fff1bf;border-color:#ebc779;background:radial-gradient(ellipse at 50% 12%,#e2ad4e40,transparent 70%),linear-gradient(140deg,#99574773,#502031);box-shadow:inset 0 1px 0 #fff0c36b,inset 0 0 0 2px #bd8f5059,0 2px 6px #300e1e66}
.nav-icon,.nav-item.active .nav-icon{border:0;padding:0;background:none;border-radius:0}.nav-icon .icon.gold-symbol{width:45px;height:45px;filter:drop-shadow(0 2px 2px #25101ca3)}.nav-item.active .icon.gold-symbol{filter:drop-shadow(0 0 5px #efc77170) drop-shadow(0 2px 2px #25101c)}
.button::after,.nav-item::after,.catalog-filters button::after{content:'';position:absolute;inset:-30% -60%;background:linear-gradient(110deg,transparent 35%,#ffe3a155 48%,#fff1c899 50%,#ffe3a133 53%,transparent 65%);opacity:0;transform:translateX(-110%) skewX(-12deg);pointer-events:none}
.gold-feedback::after{animation:books-gold-sweep .78s cubic-bezier(.2,.7,.2,1) both}.gold-feedback .gold-symbol{animation:books-gold-lift .62s cubic-bezier(.2,.7,.2,1) both}
@keyframes books-gold-sweep{0%{opacity:0;transform:translateX(-110%) skewX(-12deg)}15%,85%{opacity:.85}100%{opacity:0;transform:translateX(110%) skewX(-12deg)}}
@keyframes books-gold-lift{0%,100%{transform:translateY(0) rotate(0) scale(1)}35%{transform:translateY(-4px) rotate(-5deg) scale(1.12)}70%{transform:translateY(-1px) rotate(3deg) scale(1.04)}}
.catalog-filters button{position:relative;overflow:hidden;font-size:16px;background:linear-gradient(#fff2d2,#eace98);border:1px solid #b98d45;box-shadow:inset 0 0 0 2px #fff2d1;color:#702536}.catalog-filters button.active{background:linear-gradient(#943b49,#642033);color:#ffecbb;box-shadow:inset 0 0 0 2px #d7ad6577}
.currency-picker select{border-color:#ba873d;background:linear-gradient(#fff4d3,#ebce8f);box-shadow:inset 0 0 0 2px #e7c27d,0 2px 5px #6c3d2a20}
.icon-button{background:linear-gradient(#fff3d4,#e7c88d);box-shadow:inset 0 0 0 2px #fff4d8,0 2px 0 #b68b49}.button.is-loading::after{animation:none}.button:disabled{transform:none}
.admin-entry .button{font-family:BooksGothic,Georgia,serif;font-size:17px;text-shadow:none}.admin-entry span{font-family:system-ui,sans-serif;font-size:11px}
.admin-open .site-bar,.admin-open #admin-entry,.admin-open #app-header,.admin-open .site-footer{display:none!important}.admin-open .ritual-app{max-width:none;padding:0;border:0;border-radius:0}.admin-open #content{padding:0;margin:0}.admin-frame{display:block;width:100%;height:100vh;height:100dvh;border:0;background:#110d16}.admin-open{overflow:hidden}
@media(max-width:899px){.ritual-app{padding-bottom:115px}}
@media(min-width:900px){.bottom-nav{background:none;border:0;padding:0;box-shadow:none;gap:8px}.nav-item{color:#752b35;background:linear-gradient(#fff2d3,#e6c88f);border-color:#b98a42;flex-direction:row;min-height:60px;gap:8px;padding:8px 13px;font-size:18px;text-shadow:0 1px #fff4d6}.nav-item.active{color:#fff1c2;background:linear-gradient(#97404c,#602035);text-shadow:0 1px #3d1023}.nav-icon .icon.gold-symbol{width:38px;height:38px}.site-bar{gap:15px}.ritual-app{padding-bottom:0}}
@media(max-width:380px){.nav-item{font-size:15px;min-height:82px}.nav-icon .icon.gold-symbol{width:41px;height:41px}.detail-actions .button{font-size:20px;padding:10px;gap:8px}.button[data-action="checkout"] .gold-symbol{width:40px;height:40px}.catalog-filters button{font-size:14px;padding:10px 12px}.catalog-plaque{padding:24px 20px}.catalog-plaque h2{font-size:20px}.library-row .actions .button{font-size:15px}.admin-entry .button{font-size:14px}}
@media(max-width:899px){.nav-item{font-size:clamp(12px,3.8vw,16px)}.nav-item>span:last-child{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Compact mobile menu; keep the existing gold styling and tap feedback. */
@media(max-width:899px){.bottom-nav{padding:6px 9px max(8px,env(safe-area-inset-bottom));min-height:0}.nav-item{min-height:60px;gap:3px;padding:5px 3px 6px}.nav-icon .icon.gold-symbol{width:31px;height:31px}.ritual-app{padding-bottom:calc(88px + env(safe-area-inset-bottom))}}
.catalog-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin-top:22px}.catalog-results{min-width:0}.catalog-directory{min-width:0;padding:0 4px 18px;border-bottom:1px solid #bb95594d}.catalog-directory h3{font:500 23px/1.25 Georgia,serif;color:var(--wine);margin:0 0 12px}.book-index{margin:0;padding:0 0 0 22px;list-style:disc;color:#ad7837}.book-index li{padding:0 0 3px 3px;break-inside:avoid}.book-index a{display:inline-block;padding:6px 0;color:#702536;font:14px/1.5 system-ui,sans-serif;text-decoration:underline;text-decoration-color:#b17e4c75;text-underline-offset:3px;overflow-wrap:anywhere}.book-index a:hover{text-decoration-color:currentColor;color:#9a3449}.catalog-results>.catalog-count{margin-top:0}
/* A closed, native disclosure keeps the complete directory out of the way. */
.catalog-directory{padding:0;border:1px solid #bf9455;border-radius:12px;background:linear-gradient(110deg,#fff4d9,#f2dba8);box-shadow:inset 0 0 0 3px #fff3d3,0 3px 8px #753c2720;overflow:hidden}
.catalog-directory summary{display:flex;align-items:center;gap:12px;padding:13px 17px;min-height:50px;cursor:pointer;list-style:none;color:#722738;font:21px/1.2 BooksGothic,Georgia,serif;user-select:none}
.catalog-directory summary::-webkit-details-marker{display:none}.catalog-directory summary:focus-visible{outline:3px solid #8a3e49;outline-offset:-4px;border-radius:10px}.book-list-count{font:12px/1 system-ui,sans-serif;padding:5px 8px;border:1px solid #c49d62;border-radius:20px;color:#8a5930}.book-list-chevron{width:9px;height:9px;border-right:2px solid #986832;border-bottom:2px solid #986832;margin-left:auto;transform:rotate(45deg) translateY(-2px);transition:transform .25s}.catalog-directory[open] .book-list-chevron{transform:rotate(225deg) translate(-2px,-2px)}
.book-index{border-top:1px solid #c49d6255;padding:10px 18px 12px 38px;max-height:320px;overflow-y:auto;overscroll-behavior:contain}.book-index a{min-height:40px;display:flex;align-items:center;padding:8px 0}.book-index li{padding-bottom:0}.catalog-workspace{gap:18px}
/* Compact, aligned controls with a soft floating gold accent on the active tab. */
.bottom-nav{gap:7px}.nav-item{align-items:center;justify-content:center}.nav-icon{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-item.active .nav-icon{animation:books-nav-float 3.8s ease-in-out infinite}.nav-item.active .nav-icon::after{content:'✦';position:absolute;right:-7px;top:0;color:#ffdc81;font:11px/1 Georgia,serif;text-shadow:0 0 6px #f5c858;pointer-events:none;animation:books-nav-spark 4.8s ease-in-out infinite}.nav-item:hover{filter:brightness(1.08)}.nav-item:active{transform:translateY(1px)}
@keyframes books-nav-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes books-nav-spark{0%,35%,100%{opacity:0;transform:translateY(3px) scale(.5) rotate(-25deg)}55%{opacity:.9;transform:translateY(-2px) scale(1) rotate(0)}80%{opacity:0;transform:translateY(-7px) scale(.7) rotate(30deg)}}
@media(max-width:899px){.bottom-nav{border-top:1px solid #d6ae68;box-shadow:0 -4px 16px #4a152529;padding-top:7px}.nav-item{border-radius:10px;box-shadow:inset 0 1px 0 #efc77d18}.nav-item::before{inset:3px;border-radius:7px}.nav-item.active{box-shadow:inset 0 1px 0 #fff0c359,inset 0 0 0 2px #bd8f503d,0 2px 6px #300e1e44}.nav-item>span:last-child{font-size:clamp(12px,3.65vw,15px);line-height:1.1}.nav-icon .icon.gold-symbol{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){.nav-item.active .nav-icon,.nav-item.active .nav-icon::after{animation:none}.nav-item.active .nav-icon::after{display:none}}
/* R6.5: four matching filter buttons and a separate, initially hidden index. */
.catalog-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-width:560px;margin:0 auto;align-items:stretch}
.catalog-filters button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-width:0;min-height:44px;padding:10px 8px;font-size:clamp(11px,3.3vw,15px);line-height:1.25;border-radius:24px}
.catalog-filters button[aria-expanded="true"]{background:linear-gradient(#943b49,#642033);color:#ffecbb;box-shadow:inset 0 0 0 2px #d7ad6577}
.catalog-filters .book-list-chevron{width:6px;height:6px;border-color:currentColor;margin:0;flex-shrink:0;transform:rotate(45deg) translateY(-2px)}
.catalog-filters [aria-expanded="true"] .book-list-chevron{transform:rotate(225deg) translate(-1px,-1px)}
.catalog-directory[hidden]{display:none}.catalog-directory{background:#fff1d280;border:1px solid #bd965b66;border-radius:12px;box-shadow:none;padding:0;overflow:hidden}
.catalog-directory .book-index{border:0;margin:0;padding-top:12px;padding-bottom:12px;max-height:320px}.catalog-workspace{gap:16px;margin-top:16px}
/* Borderless gilded navigation: the glow is round and diffuse, never a tile. */
.bottom-nav{isolation:isolate}.bottom-nav .nav-item,.bottom-nav .nav-item.active,.bottom-nav .nav-item:hover{border:0;border-radius:0;background:none;box-shadow:none;filter:none;isolation:isolate;overflow:visible;transition:color .25s,transform .25s}
.bottom-nav .nav-item::before{display:none;content:none;border:0;box-shadow:none}
.bottom-nav .nav-item::after{content:'';inset:auto;left:50%;top:2px;width:72px;height:42px;border:0;border-radius:50%;background:radial-gradient(ellipse,#f9d28e36,transparent 70%);filter:blur(7px);opacity:0;transform:translateX(-50%);z-index:-1;animation:none;pointer-events:none}
.bottom-nav .nav-item.active::after{opacity:.9;animation:books-nav-halo 5.2s ease-in-out infinite}.bottom-nav .nav-item.gold-feedback::after{animation:books-nav-press .85s ease-out both}
.bottom-nav .nav-item{color:#d6b88d}.bottom-nav .nav-item.active{color:#fff0c7;text-shadow:0 0 12px #ffdc9980,0 2px 2px #2f1326}.bottom-nav .nav-item:hover{color:#fff1cc}
.bottom-nav .nav-item:focus-visible{outline:2px solid #e5bd74;outline-offset:-2px;border-radius:12px}
.bottom-nav .nav-icon::before{content:'';position:absolute;left:50%;top:-3px;width:54px;height:48px;background:radial-gradient(ellipse at 35% 68%,#ffe6b344,transparent 56%),radial-gradient(ellipse at 65% 55%,#f2c16d3d,transparent 60%);border-radius:50%;filter:blur(7px);opacity:0;transform:translate(-50%,3px);pointer-events:none;z-index:-1}
.bottom-nav .nav-item.active .nav-icon::before{animation:books-nav-mist 6.5s ease-in-out infinite}.bottom-nav .nav-icon .gold-symbol{filter:drop-shadow(0 1px 2px #210d1ea0)}.bottom-nav .nav-item.active .gold-symbol{filter:drop-shadow(0 0 5px #f2c97888) drop-shadow(0 2px 2px #25101c)}
.nav-garland{position:absolute;left:8px;right:8px;top:0;height:20px;display:flex;align-items:center;justify-content:center;gap:6px;overflow:hidden;pointer-events:none;color:#dcb76b}
.nav-garland i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#dcad6999,transparent)}.nav-garland>span{font:12px/1 Georgia,serif;letter-spacing:4px;color:#edc57c;text-shadow:0 0 5px #f0ca6a40}
.nav-garland::before,.nav-garland::after{content:'';position:absolute;top:-2px;width:130px;height:24px;background:var(--books-botanical) left top/130px auto no-repeat;opacity:.92}
.nav-garland::before{left:1px}.nav-garland::after{right:1px;transform:scaleX(-1)}
@keyframes books-nav-halo{0%,100%{opacity:.45;transform:translateX(-50%) scale(.88)}50%{opacity:.95;transform:translateX(-50%) scale(1.07)}}
@keyframes books-nav-mist{0%,100%{opacity:.12;transform:translate(-50%,4px) scale(.8) rotate(-5deg)}45%{opacity:.7;transform:translate(-48%,-4px) scale(1.1) rotate(6deg)}75%{opacity:.25;transform:translate(-53%,-10px) scale(1.2) rotate(-3deg)}}
@keyframes books-nav-press{0%{opacity:.3;transform:translateX(-50%) scale(.5)}40%{opacity:1;transform:translateX(-50%) scale(1.3)}100%{opacity:.55;transform:translateX(-50%) scale(1)}}
@media(max-width:899px){.bottom-nav{border:0;padding:17px 8px max(8px,env(safe-area-inset-bottom));gap:5px;background:radial-gradient(ellipse at 50% 0,#9854494d,transparent 80%),linear-gradient(115deg,#4c1528,#652438 48%,#3e1529);box-shadow:0 -4px 20px #3c152a30}.bottom-nav .nav-item{min-height:54px;padding:3px 2px 4px;gap:3px}.bottom-nav .nav-item>span:last-child{font-size:clamp(12px,3.7vw,15px);line-height:1.15}.bottom-nav .nav-icon .gold-symbol{width:31px;height:31px}.ritual-app{padding-bottom:calc(94px + env(safe-area-inset-bottom))}}
@media(min-width:900px){.catalog-filters{grid-template-columns:repeat(4,minmax(0,1fr));max-width:820px}.catalog-filters button{font-size:15px}.nav-garland{display:none}.bottom-nav .nav-item{color:#8a5a3c;min-height:54px;padding:7px 11px}.bottom-nav .nav-item.active,.bottom-nav .nav-item:hover{color:#702839;text-shadow:0 1px #fff4d6}.bottom-nav .nav-item::after{top:4px}.bottom-nav .nav-icon .gold-symbol{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.bottom-nav .nav-item.active::after,.bottom-nav .nav-item.gold-feedback::after,.bottom-nav .nav-item.active .nav-icon::before{animation:none}.bottom-nav .nav-item.active::after{opacity:.6}.bottom-nav .nav-item.active .nav-icon::before{opacity:.2}}