:root{--night:#071817;--evergreen:#0c2a28;--green:#143e39;--green-soft:#1b5048;--gold:#d6a54c;--gold-pale:#f4d991;--ivory:#fff3d2;--parchment:#ead9ae;--ink:#f8edcf;--muted:#c9b98d;--line:rgba(214,165,76,.33);--panel:rgba(8,31,29,.88);--shadow:0 18px 42px rgba(0,0,0,.36)}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(circle at 48% -20%,#1e5a51 0,#0b2927 32%,#071716 72%);color:var(--ink);font:16px/1.55 Georgia,"Times New Roman",serif}a{color:inherit}button,.button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.65rem 1rem;border:1px solid var(--gold);border-radius:8px;background:linear-gradient(135deg,#d2a04c,#9e6b26);color:#1a1710;font-weight:700;box-shadow:0 3px 0 #614119;text-decoration:none;cursor:pointer;transition:transform .15s,filter .15s}button:hover,.button:hover{transform:translateY(-2px);filter:brightness(1.09)}button:active,.button:active{transform:translateY(1px)}input,select,textarea{width:100%;min-height:46px;padding:.65rem .8rem;border:1px solid rgba(244,217,145,.45);border-radius:7px;background:rgba(5,22,21,.78);color:var(--ivory)}input::placeholder{color:#bda978}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid var(--gold-pale);outline-offset:3px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:10;background:var(--ivory);color:var(--night);padding:.5rem}.site-header{position:relative;z-index:3;display:flex;align-items:center;gap:1rem;padding:.75rem clamp(1rem,4vw,3rem);border-bottom:1px solid rgba(214,165,76,.22);background:rgba(5,20,19,.87);backdrop-filter:blur(13px)}.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-weight:700;color:var(--gold-pale)}.brand-mark{display:grid;place-items:center;width:2.2rem;height:2.2rem;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:1.15rem}.brand small{display:block;color:var(--muted);font:italic .68rem/1.15 Georgia,serif;letter-spacing:.06em}.site-header nav{display:flex;gap:.15rem;flex:1}.site-header nav a{padding:.45rem .65rem;border-radius:6px;color:var(--parchment);text-decoration:none}.site-header nav a:hover{background:rgba(214,165,76,.15);color:var(--gold-pale)}.quiet-button{min-height:36px;padding:.35rem .7rem;border-color:transparent;background:transparent;color:var(--muted);box-shadow:none}.quiet-button:hover{background:rgba(214,165,76,.12);filter:none}main{max-width:76rem;margin:auto;padding:clamp(1.25rem,4vw,3rem)}.eyebrow{margin:0 0 .35rem;color:var(--gold);font:700 .74rem/1.2 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}.page-heading{max-width:45rem;margin:.7rem 0 1.25rem}.page-heading h1,.login-card h1{margin:0;color:var(--ivory);font-size:clamp(2.2rem,5vw,4rem);line-height:1.06;letter-spacing:-.04em}.page-heading p:not(.eyebrow),.byline{color:var(--muted)}.search{display:flex;gap:.6rem;max-width:42rem;margin:1.25rem 0 2rem}.search input{flex:1}.shelf-frame{width:100vw;margin-left:calc(50% - 50vw);padding:clamp(1rem,3vw,2.5rem) clamp(.7rem,4vw,4rem);background:linear-gradient(180deg,#061614,#0e302d 48%,#071716)}.bookcase{position:relative;max-width:1160px;margin:auto;padding:clamp(1.35rem,3vw,2.7rem) clamp(1rem,4vw,3.5rem) clamp(2.8rem,5vw,4.4rem);border:clamp(10px,1.8vw,20px) solid #382718;border-radius:8px;background:linear-gradient(90deg,#1c1009,#5c3820 7%,#8e5a31 10%,#4f2f1b 13%,#382115 87%,#8c5931 90%,#5c3820 93%,#1c1009);box-shadow:inset 0 0 0 2px #b4834a,inset 18px 0 22px #080604a8,inset -18px 0 22px #080604a8,var(--shadow)}.bookcase:before,.bookcase:after{content:"";position:absolute;z-index:2;left:-4px;right:-4px;height:22px;background:linear-gradient(#d2a566 0 10%,#875027 13% 26%,#30160b 30% 52%,#a26030 58% 74%,#4a220e 78% 100%);box-shadow:0 6px 10px #000a}.bookcase:before{top:-4px}.bookcase:after{bottom:-4px;transform:scaleY(-1)}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));grid-auto-rows:224px;gap:0 16px;align-items:end;list-style:none;padding:0;margin:0;background:repeating-linear-gradient(to bottom,transparent 0 199px,#241108 200px 207px,#a15e30 208px 215px,#3c1d0e 216px 224px)}.shelf-book{height:208px;display:flex;align-items:flex-end;justify-content:center;min-width:0;padding:0 3px}.shelf-book>a{position:relative;z-index:1;display:block;width:100%;max-width:128px;height:170px;text-decoration:none;transform:translateY(0);transition:transform .18s;box-shadow:5px 8px 10px rgba(0,0,0,.72)}.shelf-book>a:hover,.shelf-book>a:focus-visible{transform:translateY(-8px);z-index:4}.shelf-book img,.spine-fallback{display:block;width:100%;height:100%;object-fit:contain;background:#17100b;border-radius:2px 6px 6px 2px;border-left:5px solid rgba(255,237,193,.24);box-shadow:inset 2px 0 rgba(255,255,255,.2)}.spine-fallback{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12px 4px;background:linear-gradient(135deg,#18483e,#0c2826);color:var(--gold-pale);text-align:center}.spine-fallback b{font:700 1.7rem Georgia,serif}.spine-fallback small{font-size:.7rem}.shelf-tooltip{position:absolute;left:50%;bottom:calc(100% + 11px);display:none;width:max-content;max-width:220px;padding:.55rem .7rem;border:1px solid var(--gold);border-radius:6px;background:#0b2422;color:var(--ivory);box-shadow:var(--shadow);font-size:.78rem;text-align:center;transform:translateX(-50%);pointer-events:none}.shelf-tooltip strong,.shelf-tooltip em{display:block}.shelf-tooltip em{color:var(--muted);font-style:normal}.shelf-book>a:hover .shelf-tooltip,.shelf-book>a:focus-visible .shelf-tooltip{display:block}.empty-state,.panel,.recommendation-list li{padding:1.25rem;border:1px solid var(--line);border-radius:9px;background:var(--panel);box-shadow:var(--shadow)}.empty-state{text-align:center}.empty-state>span{font-size:2.5rem;color:var(--gold)}.book-detail{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1.4rem,4vw,3rem);max-width:58rem;margin-top:1rem}.book-detail h1{margin:0;color:var(--ivory);font-size:clamp(2rem,5vw,3.3rem);line-height:1.08}.cover{display:grid;place-items:center;overflow:hidden;width:9rem;height:13rem;border-radius:5px 8px 8px 5px;background:#17453d;box-shadow:7px 8px 14px #0008}.cover img{width:100%;height:100%;object-fit:cover}.cover.large{width:10rem;height:14.5rem}.back-link{color:var(--gold-pale);font-weight:700}.panel{margin-top:1rem}.actions{display:flex;gap:.55rem;flex-wrap:wrap}.badges span{display:inline-block;padding:.2rem .45rem;border-radius:999px;background:#1a5046;color:var(--gold-pale);font-size:.7rem;font-weight:800}.login-shell{position:relative;min-height:calc(100vh - 7rem);display:grid;grid-template-columns:.8fr minmax(0,1fr);align-items:center;gap:clamp(1rem,6vw,5rem);max-width:66rem;margin:auto;padding:clamp(1rem,3vw,2rem);overflow:hidden}.login-shell:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,18,17,.74),rgba(4,18,17,.38)),url('/static/reading-sanctuary.jpg') center/cover;border:1px solid rgba(214,165,76,.25);border-radius:12px;opacity:.82}.login-illustration{display:grid;place-items:center;gap:1.5rem;font-size:2rem;color:var(--gold)}.login-illustration>span:first-child{justify-self:start}.login-illustration>span:last-child{justify-self:end}.book-stack{width:10rem;height:10rem;position:relative}.book-stack i{position:absolute;left:1rem;width:8rem;border-radius:.3rem .8rem .8rem .3rem;box-shadow:5px 5px 0 #0005}.book-stack i:nth-child(1){top:1.2rem;height:2rem;background:#a86d38;transform:rotate(-8deg)}.book-stack i:nth-child(2){top:4rem;height:2.2rem;background:#1c5348;transform:rotate(5deg)}.book-stack i:nth-child(3){top:6.9rem;height:1.9rem;background:#c29645;transform:rotate(-3deg)}.login-card{padding:clamp(1.5rem,5vw,3rem);border:1px solid rgba(244,217,145,.43);border-radius:9px;background:rgba(6,25,23,.85);box-shadow:var(--shadow);backdrop-filter:blur(4px)}.login-card>p:not(.eyebrow):not(.message),.form-footnote{color:var(--muted)}.login-form{margin-top:1.5rem}.login-form label{display:block;margin-bottom:.45rem;color:var(--parchment);font-weight:700}.login-form button{width:100%;margin-top:1rem}.message{padding:.7rem .85rem;border-radius:6px}.message.success{background:#1d5549;color:#e2efd7}.message.error{background:#592c27;color:#ffe3d4}.form-footnote{text-align:center;font-size:.92rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:680px){body{font-size:15px}.site-header{display:flex;flex-wrap:wrap;gap:.45rem;padding:.65rem 1rem}.brand{flex:1}.site-header form{margin-left:auto}.site-header nav{order:3;width:100%;display:flex;overflow-x:auto;gap:.45rem;padding:.2rem 0 .08rem;scrollbar-width:none}.site-header nav a{flex:0 0 auto;padding:.5rem .75rem;background:rgba(214,165,76,.1)}.quiet-button{font-size:.8rem}.page-heading{margin-top:.5rem}.page-heading h1,.login-card h1{font-size:2.3rem}.search{flex-direction:column;margin-bottom:1.25rem}.search button{width:100%}.shelf-frame{width:auto;margin:0 -1.25rem;padding:0}.bookcase{border-width:9px;border-radius:0;padding:1.2rem .6rem 2.75rem}.shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:180px;gap:0 8px;background:repeating-linear-gradient(to bottom,transparent 0 160px,#241108 161px 167px,#a15e30 168px 174px,#3c1d0e 175px 180px)}.shelf-book{height:165px;padding:0 1px}.shelf-book>a{max-width:100px;height:145px}.shelf-tooltip{display:none!important}.book-detail{grid-template-columns:1fr}.cover.large{width:9rem;height:13rem}.login-shell{grid-template-columns:1fr;min-height:calc(100vh - 6rem);padding:1rem;margin:0 -1.25rem}.login-shell:before{border-radius:0;background:linear-gradient(180deg,rgba(4,18,17,.55),rgba(4,18,17,.8)),url('/static/reading-sanctuary.jpg') center/cover}.login-illustration{display:none}.login-card{padding:1.5rem}.login-card h1{font-size:2.2rem}}.site-header{background:transparent;border-bottom:0;backdrop-filter:none}.brand-name{font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.045em}.bottom-nav{display:flex;justify-content:center;gap:.4rem;max-width:76rem;margin:0 auto 1.4rem;padding:0 1.25rem}.bottom-nav a{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .75rem;border:1px solid var(--line);border-radius:7px;background:rgba(6,25,23,.78);color:var(--parchment);font-size:.88rem;text-decoration:none}.bottom-nav a:hover{background:#1a5046;color:var(--gold-pale)}.faq-list{display:grid;gap:1rem;max-width:52rem}.faq-list h2{margin-top:0;color:var(--gold-pale)}@media(max-width:680px){main{padding-bottom:5.8rem}.site-header{padding:.7rem 1rem}.brand-name{font-size:1.55rem}.bottom-nav{position:fixed;z-index:8;left:0;right:0;bottom:0;display:flex;justify-content:flex-start;gap:.25rem;overflow-x:auto;margin:0;padding:.55rem .75rem max(.65rem,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(5,20,19,.96);box-shadow:0 -7px 20px rgba(0,0,0,.28);scrollbar-width:none}.bottom-nav a{flex:0 0 auto;min-width:58px;padding:.35rem .55rem;border:0;background:transparent;box-shadow:none;flex-direction:column;font:600 .68rem/1.15 system-ui,sans-serif}.bottom-nav a span{font-size:1rem;color:var(--gold)}.bottom-nav a:hover{background:rgba(214,165,76,.15)}}.shelf-grid{grid-auto-rows:224px;padding:24px 12px 0;background:repeating-linear-gradient(to bottom,transparent 0 207px,rgba(208,151,88,.9) 208px 211px,#1a0d08 212px 218px,rgba(91,46,25,.9) 219px 224px)}.shelf-book{height:208px;align-items:flex-end}.shelf-book>a{height:170px;margin-bottom:0}.bookcase{overflow:hidden;padding:42px clamp(18px,5vw,70px) 48px;border:0;border-radius:0;background:linear-gradient(135deg,#180b07,#382014 48%,#1b0d08);box-shadow:inset 0 0 0 1px rgba(227,181,103,.48),inset 0 0 70px rgba(0,0,0,.55),var(--shadow)}.bookcase:before,.bookcase:after{display:block;z-index:4;left:0;right:0;height:30px;background:linear-gradient(180deg,rgba(244,207,132,.9),rgba(135,79,36,.92) 42%,rgba(45,21,10,.98) 55%,rgba(177,111,54,.85) 100%);box-shadow:0 5px 9px rgba(0,0,0,.55)}.bookcase:before{top:0;content:'✦  ❦  ✦';padding-top:4px;color:#f4d991;text-align:center;font:700 16px/1 Georgia,serif;letter-spacing:18px}.bookcase:after{bottom:0;transform:none}.shelf-frame{padding:18px 0;background:linear-gradient(180deg,#061614,#102f2b 50%,#061614)}@media(max-width:680px){.shelf-frame{padding:0}.bookcase{padding:32px 10px 38px;background:linear-gradient(135deg,#170a06,#342015 48%,#190b07)}.bookcase:before,.bookcase:after{height:24px}.bookcase:before{padding-top:3px;font-size:13px;letter-spacing:12px}.shelf-grid{grid-auto-rows:180px;padding:18px 7px 0;background:repeating-linear-gradient(to bottom,transparent 0 163px,rgba(208,151,88,.9) 164px 166px,#1a0d08 167px 172px,rgba(91,46,25,.9) 173px 180px)}.shelf-book{height:164px}.shelf-book>a{height:145px;margin-bottom:0}}.app-menu{position:relative;margin-left:auto}.app-menu summary{list-style:none;display:none}.app-menu summary::-webkit-details-marker{display:none}.app-menu nav{display:flex;gap:.3rem}.app-menu nav a{padding:.45rem .65rem;color:var(--parchment);text-decoration:none}.app-menu nav a:hover{color:var(--gold-pale)}@media(max-width:680px){main{padding-bottom:2rem}.site-header{gap:.55rem}.app-menu{order:2;margin-left:0}.app-menu summary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.45rem .8rem;border:1px solid var(--line);border-radius:7px;color:var(--gold-pale);font:700 .9rem system-ui,sans-serif;cursor:pointer}.app-menu[open] summary{background:rgba(214,165,76,.15)}.app-menu nav{position:absolute;z-index:12;right:0;top:calc(100% + .55rem);display:grid;min-width:185px;padding:.45rem;border:1px solid var(--line);border-radius:9px;background:#0a2421;box-shadow:var(--shadow)}.app-menu nav a{min-height:44px;padding:.7rem .8rem;border-radius:6px;font:600 1rem system-ui,sans-serif}.app-menu nav a:hover{background:rgba(214,165,76,.15)}}.bookcase{border-left:clamp(34px,6vw,76px) solid #4b2817;border-right:clamp(34px,6vw,76px) solid #4b2817;padding:92px clamp(18px,5vw,70px) 76px;background:linear-gradient(90deg,#2b160d 0 2%,#6a3a20 2.1% 3%,#32190e 3.1% 5%,#170a06 5.1% 94.9%,#32190e 95% 96.9%,#6a3a20 97% 97.9%,#2b160d 98%);box-shadow:inset 5px 0 0 #2a130a,inset -5px 0 0 #2a130a,inset 9px 0 0 rgba(207,150,77,.4),inset -9px 0 0 rgba(207,150,77,.4),inset 0 0 70px rgba(0,0,0,.55),var(--shadow)}.bookcase:before{top:0;left:0;right:0;height:68px;content:'';padding:0;background:url('/static/carved-vine.svg') center/70% 58px no-repeat,linear-gradient(180deg,#e5bc75 0 5%,#a56c38 7% 17%,#4c2512 19% 42%,#7c421f 44% 72%,#d2944d 74% 86%,#3a1b0d 88%);border-bottom:1px solid rgba(245,207,135,.65);box-shadow:0 7px 11px rgba(0,0,0,.62),inset 0 0 0 6px rgba(66,31,14,.65),inset 0 0 0 8px rgba(222,166,86,.45)}.bookcase:after{height:42px;content:'';background:linear-gradient(180deg,#d99c55 0 10%,#572914 14% 42%,#8e4f27 48% 78%,#2b130a 82%);box-shadow:0 -4px 10px rgba(0,0,0,.5),inset 0 0 0 5px rgba(51,24,11,.7)}@media(max-width:680px){.bookcase{border-left-width:28px;border-right-width:28px;padding:62px 6px 56px}.bookcase:before{height:47px;background-size:88% 40px,auto}.bookcase:after{height:31px}}.bookcase{--cabinet-side:clamp(17px,3vw,38px);border-left-width:var(--cabinet-side);border-right-width:var(--cabinet-side)}.bookcase:before{left:calc(-1 * var(--cabinet-side));right:calc(-1 * var(--cabinet-side));width:auto}@media(max-width:680px){.bookcase{--cabinet-side:14px;border-left-width:var(--cabinet-side);border-right-width:var(--cabinet-side)}.bookcase:before{left:calc(-1 * var(--cabinet-side));right:calc(-1 * var(--cabinet-side))}}.bookcase{overflow:visible}.reading-statistics ul{display:flex;flex-wrap:wrap;gap:.6rem;margin:.6rem 0;padding:0;list-style:none}.reading-statistics li{display:flex;gap:.4rem;align-items:baseline;padding:.35rem .55rem;border:1px solid var(--line);border-radius:6px}.reading-statistics small{color:var(--muted)}.pin-photo-gallery{display:flex;gap:.55rem;max-width:100%;overflow-x:auto;scroll-snap-type:x mandatory;padding:.25rem 0;scrollbar-color:var(--gold) transparent}.pin-photo-gallery img{flex:0 0 min(78vw,25rem);width:min(78vw,25rem);max-height:28rem;object-fit:contain;scroll-snap-align:start;border-radius:6px;background:#071817}.pin-note>.pin-photo-gallery{display:none}.pin-note-copy>.pin-photo-gallery img{flex-basis:100%;width:100%;height:auto!important;max-height:13rem;aspect-ratio:auto!important;object-fit:contain!important;background:#dac9a7}.pin-dialog .pin-photo-gallery{grid-column:1/-1}@media(max-width:680px){.pin-photo-gallery img{flex-basis:84vw;width:84vw}.pin-note-copy>.pin-photo-gallery img{flex-basis:100%;width:100%}}
/* Profilübersicht und Unterseiten: große Identität, kleine Vorschauen. */
.profile-overview{display:grid;place-items:center;min-height:clamp(16rem,35vw,24rem);margin-bottom:1.5rem}.profile-identity{display:flex;align-items:center;gap:clamp(1rem,4vw,2.4rem);padding:1.25rem;color:var(--ivory);text-decoration:none}.profile-identity>img,.profile-identity-fallback{display:grid;place-items:center;flex:0 0 auto;width:clamp(9rem,25vw,15rem);height:clamp(9rem,25vw,15rem);border:3px solid var(--gold);border-radius:50%;object-fit:cover;background:#1a5046;color:var(--gold-pale);font-size:clamp(3rem,9vw,5rem);box-shadow:0 0 0 7px rgba(214,165,76,.15),var(--shadow)}.profile-identity h1{margin:.05rem 0;color:var(--ivory);font-size:clamp(2.5rem,7vw,4.6rem);line-height:1.05}.profile-identity small{color:var(--gold-pale);font-weight:700}.profile-identity:hover h1,.profile-identity:focus-visible h1{text-decoration:underline;color:var(--gold-pale)}.profile-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}.profile-preview{min-width:0}.profile-preview-heading{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:.7rem}.profile-preview-heading h2{margin:0;color:var(--ivory)}.profile-preview-heading a{color:var(--gold-pale);font-weight:700;white-space:nowrap}.profile-list-preview{padding:.5rem 0;border-top:1px solid var(--line)}.profile-list-preview h3{margin:.15rem 0;font-size:1rem;color:var(--parchment)}.profile-list-preview ul{margin:.2rem 0;padding-left:1.1rem}.profile-list-preview li{overflow-wrap:anywhere}.profile-status-lists{display:grid;gap:1rem}.profile-book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.8rem}.profile-book-card{display:grid;grid-template-columns:4.7rem minmax(0,1fr);gap:.75rem;align-items:center;min-height:7rem;padding:.55rem;color:inherit;text-decoration:none;background:rgba(5,22,21,.48);border:1px solid rgba(244,217,145,.24)}.profile-book-card:hover,.profile-book-card:focus-visible{border-color:var(--gold);color:var(--gold-pale)}.profile-book-card img,.profile-book-cover-fallback{display:grid;place-items:center;width:4.7rem;height:6.3rem;object-fit:cover;background:#1a100b;color:var(--gold-pale);font-size:1.7rem;box-shadow:3px 5px 7px rgba(0,0,0,.5)}.profile-book-card strong,.profile-book-card small{display:block}.profile-book-card small{margin-top:.2rem;color:var(--muted)}.profile-activity{max-width:48rem}@media(max-width:680px){.profile-identity{align-items:flex-start;padding:.5rem}.profile-preview-grid{grid-template-columns:1fr}.profile-book-grid{grid-template-columns:1fr}}

/* Die vordere Kante jedes Regals liegt vor der unteren Coverkante: Bücher stehen sichtbar auf dem Brett statt davor. */
.shelf-book{position:relative}
.shelf-book::after{content:"";position:absolute;z-index:2;left:-4px;right:-4px;bottom:0;height:13px;pointer-events:none;background:linear-gradient(to bottom,rgba(230,168,91,.96) 0 16%,#7d3d1d 17% 38%,#2a1209 39% 72%,#a65a2b 73% 100%);box-shadow:0 -3px 5px rgba(0,0,0,.48),0 4px 6px rgba(0,0,0,.62)}
.shelf-book>a{box-shadow:5px 8px 10px rgba(0,0,0,.72)}
.shelf-book>a{box-shadow:5px 8px 10px #000}.shelf-book img,.spine-fallback{border-left-color:#000;box-shadow:inset 2px 0 #000}.bookcase{padding-bottom:clamp(1.35rem,3vw,2.7rem)}@media(max-width:760px){.pin-note>img,.pin-note>.suggestion-fallback,.pin-note>a>img,.pin-note>a>.suggestion-fallback{width:100%;height:auto;max-height:19rem;object-fit:cover}}
.shelf-suggestions{margin:1.5rem 0 2rem;padding:1.2rem;border:1px solid rgba(214,165,76,.38);background:linear-gradient(135deg,rgba(31,65,57,.92),rgba(8,29,27,.94));box-shadow:var(--shadow)}.suggestion-heading h2{margin:.1rem 0 .9rem;color:var(--ivory);font-size:1.7rem}.suggestion-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.suggestion-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:.75rem;min-height:130px;padding:.7rem;border:1px solid rgba(244,217,145,.3);background:rgba(4,18,17,.52)}.suggestion-card>a{display:contents;text-decoration:none}.suggestion-card img,.suggestion-fallback{display:grid;place-items:center;width:72px;height:108px;object-fit:cover;border:1px solid rgba(244,217,145,.45);background:#1a100b;color:var(--gold-pale);font:700 1.5rem Georgia,serif;box-shadow:4px 6px 8px rgba(0,0,0,.62)}.suggestion-card h3{margin:0;color:var(--ivory);font-size:1rem;line-height:1.2}.suggestion-card p{margin:.2rem 0;color:var(--muted);font-size:.84rem;line-height:1.25}.suggestion-card small{display:block;color:var(--parchment);font-size:.76rem;line-height:1.3}.suggestion-label{color:var(--gold)!important;font:700 .68rem system-ui,sans-serif!important;letter-spacing:.08em;text-transform:uppercase}.buy-link{display:inline-block;margin-top:.5rem;color:var(--gold-pale);font-size:.8rem;font-weight:700}@media(max-width:760px){.suggestion-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.suggestion-card{display:block;min-height:0;padding:.4rem}.suggestion-card img,.suggestion-fallback{width:100%;height:128px}.suggestion-card h3{margin-top:.4rem;font-size:.8rem}.suggestion-card p,.suggestion-card small,.buy-link{font-size:.68rem}.suggestion-card small{display:none}}
.suggestion-card{display:block;min-height:0}.suggestion-card details>summary{list-style:none;cursor:pointer}.suggestion-card details>summary::-webkit-details-marker{display:none}.suggestion-card details>summary img,.suggestion-card details>summary .suggestion-fallback{width:100%;height:180px}.suggestion-details{padding-top:.55rem}.suggestion-card details:not([open]) .suggestion-details{display:none}@media(max-width:760px){.suggestion-card details>summary img,.suggestion-card details>summary .suggestion-fallback{height:128px}}
.download-notice{min-height:1.5rem;margin:.6rem 0 0;color:var(--gold-pale);font-size:.9rem}.book-detail .cover.large{width:clamp(13rem,28vw,19rem);height:clamp(19rem,41vw,28rem);box-shadow:12px 16px 25px rgba(0,0,0,.62)}.series-label{color:var(--gold-pale);font-weight:700}.ratings-panel{max-width:36rem}.rating-list{display:grid;gap:.55rem}.rating-entry{display:flex;align-items:center;gap:.65rem;min-height:46px;padding:.45rem .6rem;background:rgba(6,25,23,.54)}.rating-entry img,.rating-avatar,.profile-avatar img,.profile-avatar>span{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:50%;object-fit:cover;background:#1a5046;color:var(--gold-pale);font-weight:700}.rating-entry strong{margin-left:auto;color:var(--gold);letter-spacing:.05em}.profile-form>button{position:relative;z-index:6}.profile-form{display:grid;gap:1rem;max-width:34rem}.profile-avatar{display:flex;justify-content:center}.profile-avatar img,.profile-avatar>span{width:96px;height:96px;font-size:2rem}.profile-form label{display:grid;gap:.35rem;font-weight:700}.avatar-picker{padding:0;border:0}.avatar-picker>summary{display:flex;align-items:center;gap:.75rem;list-style:none;cursor:pointer;width:max-content;font-weight:700}.avatar-picker>summary::-webkit-details-marker{display:none}.avatar-picker>summary .profile-avatar{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;overflow:hidden;background:#1a5046;color:var(--gold-pale);font-size:2rem}.avatar-picker>summary .profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-picker[open]>summary .profile-avatar{outline:2px solid var(--gold);outline-offset:3px}.avatar-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:.55rem;margin-top:.8rem;padding:.75rem;border:1px solid rgba(244,217,145,.35)}.avatar-choice{position:relative;display:grid!important;place-items:center;gap:.25rem;min-width:0;font-weight:400!important;cursor:pointer}.avatar-choice input{position:absolute;width:1px;height:1px;opacity:0}.avatar-choice img,.avatar-choice span{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid transparent}.avatar-choice input:checked+img,.avatar-choice input:checked+span{border-color:var(--gold);box-shadow:0 0 0 2px rgba(244,217,145,.28)}.no-avatar span{display:grid;place-items:center;background:#1a5046;color:var(--gold-pale);font-size:.7rem;text-align:center}.avatar-choice:focus-within img,.avatar-choice:focus-within span,.avatar-picker>summary:focus-visible{outline:2px solid var(--ivory);outline-offset:2px}.site-header{position:sticky;top:0;z-index:20;min-height:72px;padding:.7rem clamp(1rem,4vw,3rem);border-bottom:1px solid rgba(244,217,145,.24);background:linear-gradient(105deg,rgba(7,30,28,.96),rgba(13,54,49,.93));box-shadow:0 7px 24px rgba(0,0,0,.18);backdrop-filter:blur(16px)}.brand{gap:.75rem}.brand-mark{width:2.65rem;height:2.65rem;border-color:rgba(244,217,145,.72);background:rgba(5,24,22,.36);box-shadow:inset 0 0 0 3px rgba(244,217,145,.06)}.brand-lockup{display:grid;gap:0}.brand-name{font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.035em}.brand-lockup small{display:block;color:#d9c287;font:italic .68rem/1.1 Georgia,serif;letter-spacing:.1em;text-transform:uppercase}.app-menu summary{border-color:rgba(244,217,145,.42);background:rgba(5,24,22,.25)}.app-menu[open] summary{background:rgba(244,217,145,.13)}.menu-logout{border-top:1px solid rgba(244,217,145,.18);border-radius:0;color:#d9c287}.pinboard{position:relative;margin:1.7rem 0 2.4rem;padding:clamp(1rem,3vw,1.75rem);overflow:hidden;border:10px solid #5c351c;border-radius:5px;background:radial-gradient(circle at 17% 15%,rgba(255,242,184,.14) 0 1px,transparent 2px) 0 0/13px 13px,linear-gradient(135deg,#8a5a32,#6a3d21 50%,#4c2d1b);box-shadow:inset 0 0 0 2px rgba(255,222,150,.22),0 16px 35px rgba(0,0,0,.3)}.pinboard:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.07),transparent 32%,rgba(0,0,0,.12));pointer-events:none}.pinboard-heading{position:relative;display:flex;align-items:center;gap:.55rem;margin:0 0 1rem;color:#fff0c8;font:700 .8rem/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.pinboard-heading span{display:grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:50%;background:#b32921;color:#ffe6ad;box-shadow:0 2px 2px rgba(0,0,0,.32)}.pinboard-heading p{margin:0}.pinboard-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,2vw,1.5rem);align-items:start}.pin-note{position:relative;display:grid;gap:.7rem;min-width:0;padding:1.2rem .85rem .85rem;background:#f6ead1;color:#382719;box-shadow:4px 7px 10px rgba(28,13,6,.42);transform:rotate(-1deg)}.pin-note:nth-child(2){margin-top:.8rem;transform:rotate(1.3deg);background:#f8efda}.pin-note:nth-child(3){margin-top:.25rem;transform:rotate(-.45deg);background:#f0dfbc}.pin{position:absolute;z-index:2;top:.43rem;left:50%;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 34% 27%,#ffe7a0 0 13%,#c72d27 16% 56%,#6e1511 59%);box-shadow:0 2px 2px rgba(0,0,0,.42)}.pin-note>img,.pin-note>.suggestion-fallback,.pin-note>a>img,.pin-note>a>.suggestion-fallback{width:100%;height:clamp(10rem,17vw,15rem);object-fit:contain;background:#dac9a7;border:1px solid rgba(63,37,21,.24);box-shadow:2px 3px 4px rgba(54,32,17,.25)}.pin-note-copy{display:grid;gap:.18rem}.pin-note .suggestion-label{color:#8a3d1c!important}.pin-note h2{margin:0;color:#332116;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.12}.pin-note p{margin:0;color:#5a3b27;font-size:.93rem;line-height:1.3}.pin-note small{color:#6b452b;font-size:.78rem}.pin-note .buy-link{width:max-content;color:#6d301a;border-bottom:1px solid currentColor;font-weight:700}.pin-remove{min-height:auto;margin-top:.45rem;padding:0;border:0;border-bottom:1px solid #6d301a;border-radius:0;background:transparent;color:#6d301a;box-shadow:none;font-size:.75rem}.pin-remove:hover{transform:none;background:transparent;filter:none;color:#382116}.app-loader{position:fixed;z-index:100;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 34%,#1f5a50,#071817 68%);transition:opacity .28s ease,visibility .28s ease}.app-loader img{display:block;width:min(48vw,180px);aspect-ratio:1;object-fit:cover;border:1px solid rgba(244,217,145,.62);box-shadow:0 12px 32px rgba(0,0,0,.42)}.app-ready .app-loader{opacity:0;visibility:hidden;pointer-events:none}.app-menu summary{gap:.8rem}.app-menu nav .menu-logout{display:contents}.app-menu nav .menu-logout .quiet-button{min-height:0;padding:.45rem .65rem;border:0;border-radius:6px;background:transparent;color:var(--parchment);box-shadow:none;text-align:left;font:inherit;cursor:pointer}.app-menu nav .menu-logout .quiet-button:hover{background:rgba(214,165,76,.15);color:var(--gold-pale);transform:none;filter:none}.brand-lockup small{display:none}@media(max-width:680px){.site-header{min-height:62px;padding:.5rem 1rem}.brand{gap:.6rem}.brand-mark{width:2.2rem;height:2.2rem;font-size:1rem}.brand-name{font-size:1.48rem}.app-menu summary{min-height:38px;padding:.4rem .62rem;gap:.62rem}.search{flex-direction:row;gap:.55rem;margin:1rem 0 1.25rem}.search button{width:auto;min-width:104px;padding:.55rem .7rem}.bookcase{padding-top:53px}.shelf-grid{padding-top:0}}.catalogue-filter{position:relative;flex:0 0 auto}.catalogue-filter>summary{display:grid;place-items:center;min-height:42px;padding:.5rem .7rem;border:1px solid var(--line);border-radius:7px;color:var(--gold-pale);font:700 .82rem system-ui,sans-serif;cursor:pointer;list-style:none}.catalogue-filter>summary::-webkit-details-marker{display:none}.catalogue-filter[open]>summary{background:rgba(214,165,76,.15)}.filter-popover{position:absolute;z-index:10;right:0;top:calc(100% + .45rem);display:grid;gap:.7rem;width:min(18rem,calc(100vw - 2rem));padding:.8rem;border:1px solid var(--line);border-radius:9px;background:#0a2421;box-shadow:var(--shadow)}.filter-popover label{display:grid;gap:.25rem;color:var(--parchment);font-size:.82rem}.filter-popover select{min-width:0}.filter-actions{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.filter-actions button{min-height:34px;padding:.35rem .6rem;font-size:.78rem}.filter-actions a{color:var(--gold-pale);font-size:.8rem}.header-banner{position:relative;z-index:24;display:block;width:min(72vw,32rem);height:auto;margin:-1.45rem auto -3rem;pointer-events:none}.page-decor{position:relative;z-index:4;height:0;margin:0;overflow:visible;pointer-events:none}.page-decor img{position:absolute;bottom:0;display:none;width:auto;height:auto;max-width:none}.page-decor .decor-main{z-index:3;width:clamp(25rem,60vw,50rem)}.page-decor .decor-mini{z-index:4;width:clamp(12rem,27vw,24rem)}.decor-left,.decor-mini-left{left:0}.decor-right,.decor-mini-right{right:0}.page-decor--left-main .decor-left,.page-decor--left-main .decor-mini-right,.page-decor--right-main .decor-right,.page-decor--right-main .decor-mini-left{display:block}main{padding-bottom:clamp(13rem,36vw,28rem);flex:1 0 auto;width:min(100%,76rem);margin:0 auto}.page-decor{flex:0 0 0}.site-header{z-index:30}.app-loader img{width:min(66vw,22rem);height:min(72vh,39rem);aspect-ratio:auto;object-fit:cover;border-color:rgba(244,217,145,.45)}.bookcase:before{content:""!important;padding:0!important;letter-spacing:0!important;background:linear-gradient(180deg,#6e3e20 0,#3d210f 45%,#1e0d07 48%,#573018 100%)!important;box-shadow:inset 0 1px rgba(255,211,139,.16),0 6px 10px #000a}.bookcase:after{background:linear-gradient(180deg,#6e3e20 0,#3d210f 45%,#1e0d07 48%,#573018 100%)!important}@media(max-width:680px){.app-menu nav{z-index:31}.header-banner{width:min(76vw,22rem);margin:-1.1rem auto -2.6rem}.page-decor{height:0;margin:0}.page-decor .decor-main{width:92vw;min-width:0}.page-decor .decor-mini{display:block!important;z-index:4;width:46vw;min-width:0}.page-decor img{max-width:94vw}.page-decor .decor-mini{max-width:48vw}main{padding-bottom:13rem}.shelf-frame{background:transparent}.catalogue-filter>summary{min-height:38px;padding:.4rem .58rem}.filter-popover{right:-2.9rem;width:min(18rem,calc(100vw - 2rem))}.site-corner{width:52vw;max-width:20rem}.app-loader img{width:min(78vw,22rem);height:min(72vh,39rem)}.bookcase:before{content:""!important}}
@media(max-width:760px){.pinboard{width:calc(100% + 1rem);margin-left:-.5rem;padding:.9rem;border-width:7px}.pinboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.pin-note{padding:1rem .6rem .65rem}.pin-note:nth-child(2){margin-top:.55rem}.pin-note:nth-child(3){margin-top:.1rem}.pin-note>img,.pin-note>.suggestion-fallback,.pin-note>a>img,.pin-note>a>.suggestion-fallback{width:100%;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important}.pin-note h2{font-size:1.05rem}.pin-note p{font-size:.8rem}.pin-note small,.pin-note .buy-link{font-size:.72rem}}
/* Der goldene Speichern-Knopf bekommt Gewicht; die Profilkarte bleibt unaufgeregt. */
.profile-save-button{align-self:start;background:linear-gradient(135deg,#f1ca70,#bd7d2c);border-color:#ffe1a0;color:#23170a;box-shadow:0 3px 0 #71451b,0 0 0 3px rgba(214,165,76,.16)}.coffee-support{max-width:42rem;margin-top:1rem}.coffee-support h2{margin:.15rem 0 .45rem;color:var(--ivory)}.coffee-support p:not(.eyebrow){margin:.35rem 0 1rem;color:var(--parchment)}
.book-detail{display:block;max-width:58rem}.profile-overview{min-height:0;margin:.75rem 0 1.25rem}.profile-identity{gap:clamp(1rem,4vw,2.4rem);padding:1.25rem}.profile-identity>img,.profile-identity-fallback{width:clamp(9rem,25vw,15rem);height:clamp(9rem,25vw,15rem);border-width:3px;box-shadow:0 0 0 7px rgba(214,165,76,.15),var(--shadow)}.profile-identity>span:last-child{min-height:clamp(9rem,25vw,15rem)}.profile-identity h1{font-size:clamp(2.5rem,7vw,4.6rem)}.profile-preview{line-height:1.28}.profile-preview-heading{margin-bottom:.5rem}.profile-list-preview h3{margin:.05rem 0}.profile-preview-book{line-height:1.25}.profile-preview-book small{margin-top:.08rem;line-height:1.22}.profile-list-preview li+li{margin-top:.3rem}.activity-list.compact li{line-height:1.3}html,body{overflow-x:hidden}body:has(.upload-form) main,body:has(.issue-form) main{flex:0 0 auto;padding-bottom:clamp(11rem,24vw,17rem)}body:has(.upload-form) .bottom-banner,body:has(.issue-form) .bottom-banner{margin-top:clamp(-11rem,-18vw,-8rem)}@media(orientation:landscape) and (max-width:1024px){.book-detail{display:block}.personal-book-controls{grid-template-columns:1fr}.book-detail-header{max-width:42rem}.faq-heading,.faq-list{max-width:52rem}}
.public-profile{max-width:48rem}.public-profile-head{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.5rem}.public-profile-head>img,.profile-avatar-fallback{display:grid;place-items:center;flex:0 0 auto;width:clamp(7rem,20vw,11rem);height:clamp(7rem,20vw,11rem);border:2px solid var(--gold);border-radius:50%;object-fit:cover;background:#1a5046;color:var(--gold-pale);font-size:3rem}.public-profile h1{margin:0;color:var(--ivory);font-size:clamp(2rem,5vw,3.3rem)}.activity-list{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.activity-list li{padding:.65rem .75rem;border-left:3px solid rgba(214,165,76,.72);background:rgba(5,22,21,.48)}.activity-list a{color:var(--gold-pale);font-weight:700}.round-table-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1rem;align-items:stretch}.round-table-card{display:grid;grid-template-rows:auto 1fr;margin:0;min-height:17rem}.person-link{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--ivory);text-decoration:none}.person-link img,.person-link>span{display:grid;place-items:center;flex:0 0 auto;width:3.6rem;height:3.6rem;border-radius:50%;border:1px solid var(--gold);object-fit:cover;background:#1a5046;color:var(--gold-pale);font-size:1.4rem}.person-link h2{margin:0;font-size:1.35rem}.person-link:hover h2{text-decoration:underline;color:var(--gold-pale)}.activity-list.compact{grid-template-rows:none;align-content:start}.activity-list.compact li{font-size:.92rem}.upload-form{display:grid;gap:.55rem;max-width:42rem}.upload-form label{display:grid;gap:.4rem;font-weight:700}.upload-form #calibre-import-status:empty{display:none}@media(max-width:680px){.public-profile-head{align-items:flex-start}.round-table-grid{grid-template-columns:1fr}.profile-save-button{width:100%}}
/* Profil: keine grüne Kachel. Der Button liegt bewusst vor der unteren Eckszene. */
.profile-form{position:relative;z-index:6;padding:0;border-color:transparent;background:transparent;box-shadow:none}.profile-form .profile-save-button{position:relative;z-index:7;margin:1.25rem 0 0 auto;min-width:min(100%,15rem)}
/* Runder Tisch: Avatare bleiben kleine Tischkarten-Signets, auch bei sehr großen Quelldateien. */
.ebook-actions-picker{display:grid;gap:.55rem;padding:1rem;border:1px solid var(--line);border-radius:8px;background:rgba(5,22,21,.35)}.ebook-actions-picker legend{padding:0 .35rem;color:var(--gold-pale);font-weight:700}.ebook-actions-picker p,.ebook-actions-picker small{margin:0;color:var(--muted);font-weight:400}.ebook-actions-picker label{display:flex;grid-template-columns:none;align-items:center;gap:.65rem;min-height:44px;padding:.35rem .5rem;border:1px solid rgba(244,217,145,.18);border-radius:7px;background:rgba(5,22,21,.32);cursor:pointer}.ebook-actions-picker input{width:1.2rem;min-height:1.2rem;accent-color:var(--gold)}.tolino-share-button{background:linear-gradient(135deg,#9dc6bc,#548f83);border-color:#bfe1d7;color:#071817}.action-help{color:var(--muted);font-size:.88rem}@media(max-width:680px){.book-actions .actions{display:grid;grid-template-columns:1fr;gap:.65rem}.book-actions .actions form,.book-actions .actions button,.book-actions .actions .button{width:100%;margin:0}.ebook-actions-picker label{min-height:48px}}
.round-table-card .person-link>img{display:block!important;box-sizing:border-box!important;inline-size:3.6rem!important;block-size:3.6rem!important;width:3.6rem!important;height:3.6rem!important;max-width:3.6rem!important;max-height:3.6rem!important;min-width:3.6rem!important;min-height:3.6rem!important;aspect-ratio:1/1!important;object-fit:cover!important;overflow:hidden!important;border-radius:50%!important}.round-table-card .person-link>span{inline-size:3.6rem;block-size:3.6rem;flex:0 0 3.6rem}@media(max-width:680px){.profile-form{padding-bottom:3rem}.profile-form .profile-save-button{margin-top:1.5rem;margin-right:.25rem;min-width:14rem;width:auto}.round-table-card .person-link>img{inline-size:3rem!important;block-size:3rem!important;width:3rem!important;height:3rem!important;max-width:3rem!important;max-height:3rem!important;min-width:3rem!important;min-height:3rem!important}.round-table-card .person-link>span{inline-size:3rem;block-size:3rem;flex-basis:3rem}}
/* Einheitliches Menü: auf Desktop und Querformat bewusst als aufklappbarer Knopf. */
.app-menu{position:relative;margin-left:auto}.app-menu summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.45rem .8rem;border:1px solid var(--line);border-radius:7px;color:var(--gold-pale);font:700 .9rem system-ui,sans-serif;cursor:pointer}.app-menu summary::-webkit-details-marker{display:none}.app-menu[open] summary{background:rgba(214,165,76,.15)}.app-menu:not([open]) nav{display:none}.app-menu[open] nav{position:absolute;z-index:12;right:0;top:calc(100% + .55rem);display:grid;min-width:185px;padding:.45rem;border:1px solid var(--line);border-radius:9px;background:#0a2421;box-shadow:var(--shadow)}.app-menu nav a{min-height:44px;padding:.7rem .8rem;border-radius:6px;font:600 1rem system-ui,sans-serif}.app-menu nav a:hover{background:rgba(214,165,76,.15)}
.guest-list{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}.guest-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.5rem;padding:.7rem .75rem;border-left:3px solid rgba(214,165,76,.72);background:rgba(5,22,21,.48)}.guest-list strong{overflow-wrap:anywhere}.guest-list form{margin:0}.guest-list .quiet-button{white-space:nowrap}@media(max-width:680px){.guest-list li{grid-template-columns:1fr;gap:.25rem}.guest-list .quiet-button{justify-content:flex-start;padding-left:0}}
@media(orientation:landscape) and (max-height:560px){.site-header{padding:.45rem clamp(.8rem,3vw,2rem)}.header-banner{display:none}main{padding-top:1rem}.app-menu[open] nav{max-height:calc(100svh - 4.5rem);overflow:auto}}

.header-banner{position:relative;z-index:1;display:block;width:min(100%,72rem);margin:-.5rem auto -2.5rem;overflow:hidden;pointer-events:none}.header-banner img{display:block;width:100%;height:auto;mask-image:linear-gradient(to bottom,#000 0%,#000 38%,rgba(0,0,0,.92) 53%,rgba(0,0,0,.62) 70%,rgba(0,0,0,.24) 87%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 38%,rgba(0,0,0,.92) 53%,rgba(0,0,0,.62) 70%,rgba(0,0,0,.24) 87%,transparent 100%)}@media(max-width:680px){.header-banner{width:100%;margin:-.25rem auto -1.75rem}.header-banner img{min-height:4.6rem;object-fit:cover;object-position:center top}}

/* Die untere Szene beginnt hinter dem letzten Inhalt und öffnet sich weich aus dem Lesestuben-Grün. */
main{position:relative;z-index:2;padding-bottom:clamp(7.5rem,11vw,10rem)}.bottom-banner{position:relative;z-index:1;display:block;flex:0 0 auto;width:100%;height:clamp(20rem,30vw,26rem);margin-top:clamp(-13rem,-18vw,-10rem);overflow:hidden;background:#071817}.bottom-banner:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(to bottom,#071817 0%,rgba(7,24,23,.96) 9%,rgba(7,24,23,.58) 22%,transparent 38%);pointer-events:none}.bottom-banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}@media(max-width:680px){main{padding-bottom:7.5rem}.bottom-banner{height:22rem;margin-top:-10rem}.bottom-banner img{object-position:center top}}

/* Kompakte Sterne und kleine Cover machen die Übersicht schneller lesbar. */
.aggregate-rating-summary{display:flex;align-items:center;gap:.55rem;color:var(--gold-pale);font-size:1rem}.aggregate-rating-summary>span{color:var(--gold);font-size:1.2rem;letter-spacing:.07em}.aggregate-rating-summary strong{color:var(--ivory)}.ratings-panel{color:var(--parchment)}.ratings-panel h2,.ratings-panel h3{color:var(--gold-pale)}.ratings-panel h3{margin:1rem 0 .35rem;font-size:1rem}.ratings-details{margin-top:.65rem}.ratings-details>summary{cursor:pointer;color:var(--gold-pale);font:700 .9rem/1.3 Georgia,"Times New Roman",serif}.ratings-details>summary:hover{color:var(--ivory)}.ratings-details[open]>summary{color:var(--gold)}.rating-list{margin-top:.6rem}.rating-person{display:flex;align-items:center;gap:.55rem;min-width:0;color:var(--parchment);text-decoration:none;font-weight:700}.rating-person:hover,.rating-person:focus-visible{color:var(--gold-pale);text-decoration:underline}.rating-entry>strong{margin-left:auto;color:var(--gold);font-size:.95rem;letter-spacing:.05em}.detail-rating{margin-top:.65rem;padding:.65rem .75rem;border:1px solid rgba(214,165,76,.32);border-radius:7px;background:rgba(6,25,23,.42)}.detail-rating>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.15rem .65rem;color:var(--parchment);font-weight:700;cursor:pointer}.detail-rating>summary>span{color:var(--gold-pale);font-size:1rem}.detail-rating>summary strong{color:var(--gold);letter-spacing:.04em;font-size:.9rem}.detail-rating>summary small{grid-column:1/-1;color:var(--muted);font:italic .78rem/1.25 Georgia,"Times New Roman",serif}.detail-rating[open]{border-color:rgba(244,217,145,.56);background:rgba(10,38,35,.72)}.detail-rating[open]>summary{color:var(--gold-pale)}@media(max-width:520px){.detail-rating>summary{grid-template-columns:1fr}.detail-rating>summary strong{justify-self:start}.rating-entry{align-items:flex-start}.rating-entry>strong{white-space:nowrap;font-size:.86rem}}
/* Eigene Profilkarte: bewusst quadratisch, der Name bleibt mittig daneben. */
.profile-identity>img,.profile-identity-fallback{border-radius:0}.profile-identity>span:last-child{display:flex;min-height:clamp(9rem,25vw,15rem);flex-direction:column;justify-content:center}
.profile-preview-book{display:grid;grid-template-columns:2.7rem minmax(0,1fr);gap:.6rem;align-items:center;color:inherit;text-decoration:none}.profile-preview-book:hover span:last-child{text-decoration:underline;color:var(--gold-pale)}.profile-preview-cover,.activity-cover{display:grid;place-items:center;flex:0 0 auto;width:2.7rem;height:4rem;object-fit:cover;border:1px solid rgba(244,217,145,.42);background:#1a5046;color:var(--gold-pale);font-weight:700}.profile-preview-cover-fallback,.activity-cover-fallback{font-size:1.1rem}.profile-preview-book small{display:block;color:var(--muted);font-size:.8rem}.profile-list-preview ul{padding-left:0;list-style:none}.profile-list-preview li+li{margin-top:.45rem}
.activity-list li{display:flex;align-items:center;gap:.65rem}.activity-list li>span:not(.activity-cover):not(.activity-actions){min-width:0;flex:1}.activity-cover{width:2.45rem;height:3.65rem}.activity-actions{display:flex;flex:0 0 auto;gap:.35rem}.activity-actions form{margin:0}.activity-actions .quiet-button{min-height:34px;padding:.35rem .5rem;font-size:.78rem}.activity-delete{border-color:rgba(255,190,160,.68);color:#ffe2ca}@media(max-width:680px){.profile-overview{place-items:start}.profile-identity{align-items:center;padding:.7rem}.profile-identity>img,.profile-identity-fallback{width:6.8rem;height:6.8rem}.profile-identity>span:last-child{min-height:6.8rem}.profile-identity h1{font-size:clamp(1.8rem,8vw,2.4rem)}.profile-preview-grid{grid-template-columns:1fr}.activity-list li{align-items:flex-start}.activity-actions{flex-wrap:wrap;justify-content:flex-end}.activity-list:not(.compact) .activity-actions{display:grid}.activity-cover{width:2.2rem;height:3.3rem}}
/* Pinnwand: erst die Einladung zeigen; Details und destruktive Aktionen wohnen im geöffneten Pin. */
.pinboard-grid{display:block;columns:clamp(12rem,24vw,18rem);column-gap:1rem}.pinboard-grid>.pin-note{display:inline-block;width:100%;break-inside:avoid;margin:0 0 1rem}.pin-note{height:auto;min-height:0}.pin-note>img,.pin-note>.suggestion-fallback,.pin-note>a>img,.pin-note>a>.suggestion-fallback{height:auto;max-height:19rem;object-fit:cover}
.pin-create>summary{display:flex;align-items:center;justify-content:space-between;max-width:22rem;min-height:46px;padding:.65rem 1rem;border:1px solid var(--gold);border-radius:8px;background:linear-gradient(135deg,#d2a04c,#9e6b26);color:#1a1710;font-weight:700;cursor:pointer}.pin-create>summary::-webkit-details-marker{display:none}.pin-create>p{max-width:46rem;margin:1rem 0;color:var(--parchment)}.pin-dialog{width:min(52rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto;padding:0;border:1px solid var(--gold);background:var(--night);color:var(--ink)}.pin-dialog::backdrop{background:rgba(0,0,0,.72)}.pin-dialog article{display:grid;gap:.8rem;margin:0}.pin-dialog form{display:grid;gap:.65rem}.pin-dialog-content{display:grid;grid-template-columns:minmax(10rem,15rem) minmax(0,1fr);gap:1.25rem;align-items:start}.pin-dialog-cover:empty{display:none}.pin-dialog-cover img{display:block;width:100%;max-height:23rem;object-fit:cover;border:1px solid var(--line);box-shadow:var(--shadow)}.pin-comments{padding-top:.8rem;border-top:1px solid var(--line)}.pin-comments h3{margin:0 0 .6rem}.pin-comments form{margin-top:.75rem}.pin-comments label{display:grid;gap:.3rem}.pin-comments small{display:block;margin-top:.35rem;color:var(--gold-pale)}.pin-open{display:grid;place-items:center;width:2.7rem;min-height:2.7rem;margin-top:.7rem;padding:.45rem;border:2px solid var(--gold);border-radius:50%;background:#143e39;color:var(--ivory);box-shadow:0 3px 10px rgba(0,0,0,.35)}.pin-open svg{display:block;width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}.pin-open:hover,.pin-open:focus-visible{background:var(--gold);color:#1a1710;outline:2px solid var(--ivory);outline-offset:2px}.activity-profile-link{margin-left:auto;font-size:.78rem;white-space:nowrap}@media(max-width:600px){.pin-dialog-content{grid-template-columns:1fr}.pin-dialog-cover img{width:min(14rem,100%);max-height:19rem}}.status-dialog{width:min(29rem,calc(100vw - 2rem));padding:0;border:1px solid var(--gold);background:var(--evergreen);color:var(--ink);box-shadow:var(--shadow)}.status-dialog::backdrop{background:rgba(0,0,0,.68)}.status-dialog-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:center;padding:1.25rem}.status-dialog-card h2{margin:0 0 .25rem;color:var(--ivory);font-size:1.35rem}.status-dialog-card p{margin:0;color:var(--parchment)}.status-dialog-card form{grid-column:2;margin:.2rem 0 0}.status-dialog-mark{display:grid;place-items:center;width:2.7rem;height:2.7rem;border:2px solid var(--gold);border-radius:50%;background:#143e39;color:var(--gold-pale);font-size:1.45rem;font-weight:700}.status-dialog-error{border-color:#e8a486}.status-dialog-error .status-dialog-mark{border-color:#e8a486;color:#ffe2ca}@media(max-width:480px){.status-dialog-card{gap:.8rem;padding:1rem}.status-dialog-card form{grid-column:1 / -1}}
/* Lesezirkel: Buchcover, Mitlesende und Kapitel bleiben auf kleinen Bildschirmen als klare, große Ziele lesbar. */
/* Lesezirkel-Korrektur: App-Cache und generische Bildregeln dürfen die kleinen Karten nicht aufblasen. */
.circle-card>img{display:block!important;width:5.25rem!important;height:7.9rem!important;min-width:5.25rem!important;max-width:5.25rem!important;min-height:7.9rem!important;max-height:7.9rem!important;object-fit:cover!important;align-self:start}.circle-card>.circle-cover-fallback{width:5.25rem!important;height:7.9rem!important;min-width:5.25rem!important}.circle-card{grid-template-columns:5.25rem minmax(0,1fr)!important;min-height:9.25rem!important}.circle-detail>img{display:block!important;width:5.25rem!important;height:7.9rem!important;min-width:5.25rem!important;max-width:5.25rem!important;min-height:7.9rem!important;max-height:7.9rem!important;object-fit:cover!important}.circle-detail{grid-template-columns:5.25rem minmax(0,1fr)!important;align-items:start!important}.circle-avatars>a{display:grid!important;place-items:center!important;width:2.6rem!important;height:2.6rem!important;min-width:2.6rem!important;max-width:2.6rem!important;min-height:2.6rem!important;max-height:2.6rem!important;overflow:hidden!important;border-radius:50%!important}.circle-avatars>a>img,.circle-avatars>a>span{display:block!important;width:2.6rem!important;height:2.6rem!important;min-width:2.6rem!important;max-width:2.6rem!important;min-height:2.6rem!important;max-height:2.6rem!important;object-fit:cover!important;border-radius:50%!important}.chapter-list .chapter-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.7rem}.chapter-list .chapter-box{border:1px solid var(--line);background:rgba(6,25,23,.54)}.chapter-list .chapter-box>summary{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:58px;padding:.7rem .8rem;cursor:pointer;list-style:none}.chapter-list .chapter-box>summary::-webkit-details-marker{display:none}.chapter-list .chapter-box>summary span{color:var(--muted);font-size:.84rem;text-align:right}.chapter-list .chapter-box>summary b{display:inline-block;color:var(--gold);font-size:1.1rem;transition:transform .15s}.chapter-list .chapter-box[open]>summary{border-bottom:1px solid var(--line);background:rgba(214,165,76,.1)}.chapter-list .chapter-box[open]>summary b{transform:rotate(180deg)}.chapter-list .chapter-box>div{padding:.75rem .8rem}.chapter-list .chapter-box>div p{margin:.05rem 0 .7rem;color:var(--parchment)}.chapter-list .chapter-box .button{min-height:40px;padding:.5rem .7rem;font-size:.9rem}@media(max-width:680px){.circle-detail>img,.circle-card>img{width:4.75rem!important;height:7.15rem!important;min-width:4.75rem!important;max-width:4.75rem!important;min-height:7.15rem!important;max-height:7.15rem!important}.circle-card{grid-template-columns:4.75rem minmax(0,1fr)!important;min-height:8.25rem!important}.circle-detail{grid-template-columns:4.75rem minmax(0,1fr)!important}.chapter-list .chapter-boxes{grid-template-columns:1fr}.circle-avatars>a,.circle-avatars>a>img,.circle-avatars>a>span{width:2.45rem!important;height:2.45rem!important;min-width:2.45rem!important;max-width:2.45rem!important;min-height:2.45rem!important;max-height:2.45rem!important}}
.circle-start{max-width:44rem}.circle-start form,.chapter-comments form{display:grid;gap:.75rem}.circle-start label,.chapter-comments label{display:grid;gap:.35rem;font-weight:700}.circle-start small{color:var(--muted);font-weight:400}.circle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1rem}.circle-card{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.9rem;min-height:11rem;color:inherit;text-decoration:none}.circle-card:hover,.circle-card:focus-visible{border-color:var(--gold);transform:translateY(-2px)}.circle-card img,.circle-cover-fallback{display:grid;place-items:center;width:6.5rem;height:9.7rem;object-fit:cover;border:1px solid var(--line);background:#183e37;color:var(--gold-pale);font-size:2rem}.circle-card h2{margin:.1rem 0;color:var(--ivory);line-height:1.15}.circle-card p,.circle-card small,.circle-card strong{display:block;margin:.25rem 0;color:var(--muted)}.circle-card strong,.circle-joined{color:var(--gold-pale)!important;font-weight:700}.circle-detail{display:grid;grid-template-columns:minmax(8rem,12rem) minmax(0,1fr);gap:1.2rem;align-items:start}.circle-detail>img{width:100%;max-height:18rem;object-fit:cover;border:1px solid var(--line)}.circle-detail h1{margin:.1rem 0}.circle-detail form{margin-top:1rem}.circle-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.circle-people h2{margin-top:0}.circle-avatars{display:flex;flex-wrap:wrap;gap:.5rem}.circle-avatars a,.circle-avatars img,.circle-avatars span{display:grid;place-items:center;width:3rem;height:3rem;border:1px solid var(--gold);border-radius:50%;object-fit:cover;background:#1a5046;color:var(--gold-pale);font-weight:700}.chapter-list ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.65rem;margin:0;padding:0;list-style:none}.chapter-list a{display:flex;justify-content:space-between;gap:.75rem;min-height:52px;padding:.65rem .75rem;border-left:3px solid var(--gold);background:rgba(6,25,23,.54);color:inherit;text-decoration:none}.chapter-list a:hover,.chapter-list a:focus-visible{background:rgba(214,165,76,.16);color:var(--gold-pale)}.chapter-list span{color:var(--muted);font-size:.85rem;text-align:right}@media(max-width:680px){.circle-grid{grid-template-columns:1fr}.circle-detail{grid-template-columns:6.5rem minmax(0,1fr);gap:.8rem}.circle-detail>img{max-height:10rem}.circle-people{grid-template-columns:1fr}.chapter-list ol{grid-template-columns:1fr}.chapter-list a{align-items:center}.circle-card{min-height:0}}
/* Finale Zirkel-Layoutregeln: keine Karte wird höher als ihr Cover. */
.circle-card{grid-template-columns:5.25rem minmax(0,1fr)!important;min-height:7.9rem!important;height:7.9rem!important;overflow:hidden!important;align-items:start!important}.circle-card>img,.circle-card>.circle-cover-fallback{display:block!important;width:5.25rem!important;height:7.9rem!important;min-width:5.25rem!important;max-width:5.25rem!important;min-height:7.9rem!important;max-height:7.9rem!important;object-fit:cover!important}.circle-card-copy{display:flex!important;min-width:0!important;height:7.9rem!important;flex-direction:column!important;justify-content:center!important;overflow:hidden!important}.circle-card-copy .eyebrow,.circle-card-copy h2,.circle-card-copy p,.circle-card-copy strong{margin:.12rem 0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.circle-card-copy h2{font-size:clamp(1.25rem,5vw,1.8rem)!important}.circle-detail{grid-template-columns:5.25rem minmax(0,1fr)!important;min-height:7.9rem!important;align-items:start!important}.circle-detail>img{display:block!important;width:5.25rem!important;height:7.9rem!important;min-width:5.25rem!important;max-width:5.25rem!important;min-height:7.9rem!important;max-height:7.9rem!important;object-fit:cover!important}.circle-detail>div{min-width:0!important;min-height:7.9rem!important}.circle-people{grid-template-columns:1fr!important;gap:.75rem!important}.circle-people .panel{min-height:0!important;padding:1rem!important}.circle-people .panel h2{margin:0 0 .6rem!important}.circle-avatars{gap:.45rem!important}.circle-avatars>a,.circle-avatars>a>img,.circle-avatars>a>span{width:2.45rem!important;height:2.45rem!important;min-width:2.45rem!important;max-width:2.45rem!important;min-height:2.45rem!important;max-height:2.45rem!important;overflow:hidden!important;object-fit:cover!important;border-radius:50%!important}@media(min-width:720px){.circle-people{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:680px){.circle-card{grid-template-columns:4.75rem minmax(0,1fr)!important;height:7.15rem!important;min-height:7.15rem!important}.circle-card>img,.circle-card>.circle-cover-fallback,.circle-detail>img{width:4.75rem!important;height:7.15rem!important;min-width:4.75rem!important;max-width:4.75rem!important;min-height:7.15rem!important;max-height:7.15rem!important}.circle-card-copy,.circle-detail>div{height:7.15rem!important;min-height:7.15rem!important}.circle-detail{grid-template-columns:4.75rem minmax(0,1fr)!important;min-height:7.15rem!important}}
/* Eigene Bücher: private Metadaten- und Coverpflege ohne Eintrag ins gemeinsame Regal. */
.personal-book-detail{display:grid;grid-template-columns:minmax(9rem,14rem) minmax(0,1fr);gap:clamp(1rem,3vw,2rem);align-items:start;max-width:54rem;margin:1rem 0}.personal-book-detail h1{margin:.05rem 0;color:var(--ivory);font-size:clamp(1.9rem,5vw,3rem);line-height:1.08}.personal-book-cover{display:grid;place-items:center;overflow:hidden;width:100%;aspect-ratio:2/3;border:1px solid var(--line);background:#1a5046;color:var(--gold-pale);font-size:3rem;box-shadow:var(--shadow)}.personal-book-cover img{width:100%;height:100%;object-fit:cover}.personal-book-editor{max-width:54rem}.personal-book-editor form{display:grid;gap:.85rem}.personal-book-editor label{display:grid;gap:.35rem;font-weight:700}.personal-book-editor small{color:var(--muted);font-weight:400}.personal-book-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.personal-book-fields label:nth-child(3),.personal-book-fields label:nth-child(10){grid-column:1 / -1}.personal-book-delete{max-width:54rem}.personal-book-delete p{color:var(--muted)}@media(max-width:680px){.personal-book-detail{grid-template-columns:7.5rem minmax(0,1fr);gap:.9rem}.personal-book-fields{grid-template-columns:1fr}.personal-book-fields label:nth-child(3),.personal-book-fields label:nth-child(10){grid-column:auto}.personal-book-cover{font-size:2.2rem}}

.circle-people.single{display:block!important;margin:1rem 0}.circle-people.single h2{margin-top:0}
/* Pinnwand: immer zwei kompakte Notizen; vollständige Texte bleiben in der Lupe. */
.recommendation-overview .pinboard-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;columns:auto!important;gap:clamp(.65rem,2vw,1.25rem)!important}.recommendation-overview .pinboard-grid>.pin-note{display:grid!important;width:auto!important;margin:0!important;break-inside:auto!important}.recommendation-overview .pin-note-copy h2,.recommendation-overview .pin-note-copy>p:not(.suggestion-label),.recommendation-overview .pin-note-copy>small{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.recommendation-overview .pin-note-copy h2{-webkit-line-clamp:2}.recommendation-overview .pin-note-copy>p:not(.suggestion-label){-webkit-line-clamp:2}.recommendation-overview .pin-note-copy>small{-webkit-line-clamp:3}@media(max-width:420px){.recommendation-overview .pin-note{padding:1rem .55rem .65rem}.recommendation-overview .pin-note-copy h2{font-size:1.02rem}.recommendation-overview .pin-note-copy>p:not(.suggestion-label){font-size:.78rem}.recommendation-overview .pin-note-copy>small{font-size:.7rem}.recommendation-overview .pin-open{width:2.5rem;min-height:2.5rem;margin-top:.45rem}}

/* Bibliothekssuche: Hinweis steht neben der Aktion statt verloren darunter. */
.wish-search-submit{display:flex;align-items:center;gap:.75rem;margin-top:.65rem}.wish-search-submit button{flex:0 0 auto}.wish-search-submit small{color:var(--parchment);line-height:1.25}@media(max-width:420px){.wish-search-submit{gap:.55rem}.wish-search-submit button{padding:.65rem .75rem}.wish-search-submit small{font-size:.88rem}}

/* Lesezirkel-Verbindungen: Cover führt zum Buch, Text zum Zirkel. */
.book-circle-link{margin:1rem 0}.circle-card-cover,.circle-detail-cover{display:block;align-self:start;width:5.25rem;height:7.9rem;flex:0 0 auto}.circle-card-cover>img,.circle-card-cover.circle-cover-fallback,.circle-detail-cover>img,.circle-detail-cover>.circle-cover-fallback{display:grid!important;place-items:center;width:100%!important;height:100%!important;min-width:100%!important;max-width:100%!important;min-height:100%!important;max-height:100%!important;object-fit:cover!important;border:1px solid var(--line);background:#183e37;color:var(--gold-pale);font-size:2rem}.circle-card-cover:hover>img,.circle-card-cover:focus-visible>img,.circle-card-cover:hover.circle-cover-fallback,.circle-card-cover:focus-visible.circle-cover-fallback,.circle-detail-cover:hover>img,.circle-detail-cover:focus-visible>img,.circle-detail-cover:hover>.circle-cover-fallback,.circle-detail-cover:focus-visible>.circle-cover-fallback{border-color:var(--gold);box-shadow:0 0 0 2px rgba(214,165,76,.18)}.circle-card-copy{color:inherit;text-decoration:none}.circle-card-copy:hover h2,.circle-card-copy:focus-visible h2{color:var(--gold-pale);text-decoration:underline}.circle-detail{grid-template-columns:5.25rem minmax(0,1fr)!important}.circle-detail-cover{width:5.25rem;height:7.9rem}@media(max-width:680px){.circle-card-cover,.circle-detail-cover{width:4.75rem;height:7.15rem}.circle-detail{grid-template-columns:4.75rem minmax(0,1fr)!important}}

/* Mobile-Typografie im Zirkel: Inhalte dürfen die Karte erweitern, nie unter ihrem Rand verschwinden. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.circle-book-filter-status{min-height:1.3rem;margin:-.35rem 0 0;color:var(--muted);font-size:.88rem}.circle-card{height:auto!important;min-height:7.9rem!important;overflow:visible!important;align-items:start!important}.circle-card-copy{height:auto!important;min-height:7.9rem!important;justify-content:center!important;overflow:visible!important}.circle-card-copy .eyebrow,.circle-card-copy h2,.circle-card-copy p,.circle-card-copy strong{overflow:visible!important;text-overflow:clip!important;white-space:normal!important;overflow-wrap:anywhere}.circle-card-copy h2{font-size:clamp(1.25rem,5vw,1.8rem)!important}@media(max-width:680px){.circle-card{min-height:7.15rem!important;height:auto!important}.circle-card-copy{min-height:7.15rem!important;height:auto!important}.circle-card-copy .eyebrow{font-size:.66rem!important;letter-spacing:.06em!important}.circle-card-copy h2{font-size:1.45rem!important;line-height:1.03!important}.circle-card-copy p:not(.eyebrow){font-size:1rem!important;line-height:1.15!important}.circle-detail>div{display:flex!important;flex-direction:column!important;justify-content:center!important;overflow:hidden!important}.circle-detail .eyebrow{margin:0!important;font-size:.66rem!important;letter-spacing:.08em!important}.circle-detail h1{margin:.1rem 0!important;font-size:1.55rem!important;line-height:1.02!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.circle-detail>div>p:not(.eyebrow):not(.circle-joined){margin:.08rem 0!important;font-size:1rem!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.circle-detail small{display:block!important;margin:.1rem 0!important;font-size:.76rem!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.circle-detail .circle-joined{margin:.15rem 0 0!important;font-size:.82rem!important;line-height:1!important}.chapter-list .chapter-box>summary{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important}.chapter-list .chapter-box>summary strong{font-size:1rem!important;line-height:1.1!important}.chapter-list .chapter-box>summary span{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:.25rem!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:.74rem!important;line-height:1.12!important}.chapter-list .chapter-box>summary b{flex:0 0 auto!important}}
.comment-like{display:inline-block;margin:.55rem .35rem 0 0}.comment-like .quiet-button{min-height:34px;padding:.3rem .55rem;color:var(--gold-pale)}.comment-like .comment-liked{border-color:#e89175;background:rgba(128,43,43,.35);color:#ffe0d5}.pin-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:.55rem;margin-top:.7rem;grid-column:1/-1}.pin-actions .comment-like{margin:0!important;display:block!important;flex:0 0 auto}.pin-actions .pin-like .quiet-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:2.7rem;padding:.42rem .7rem;border:2px solid #7a2e25;border-radius:999px;background:#fff0d1;color:#5b1d19;box-shadow:0 2px 0 #6b251d;font-weight:800}.pin-actions .pin-like .quiet-button:hover,.pin-actions .pin-like .quiet-button:focus-visible{background:#ffdca5;color:#42110f;filter:none}.pin-actions .pin-like .comment-liked{border-color:#8e1718;background:#9f2524;color:#fff6dd;box-shadow:0 2px 0 #541110}.pin-actions .pin-open{display:grid!important;flex:0 0 2.7rem;margin:0!important}.chapter-name-hint{margin:-.2rem 0 1rem;color:var(--muted);font-style:italic}.chapter-box-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.chapter-title-editor{position:relative}.chapter-title-editor>summary{min-height:40px;padding:.55rem .7rem;border:1px solid rgba(214,165,76,.48);border-radius:7px;color:var(--gold-pale);font-weight:700;cursor:pointer;list-style:none}.chapter-title-editor>summary::-webkit-details-marker{display:none}.chapter-title-editor[open]{flex-basis:100%}.chapter-title-editor[open]>summary{width:max-content;background:rgba(214,165,76,.12)}.chapter-title-editor form{display:grid;grid-template-columns:minmax(12rem,1fr) auto;gap:.55rem;align-items:end;margin-top:.65rem;padding:.7rem;border:1px solid rgba(214,165,76,.3);background:rgba(5,22,21,.56)}.chapter-title-editor label{display:grid;gap:.28rem;color:var(--parchment);font-weight:700}.chapter-title-editor-all form{grid-template-columns:1fr}.chapter-title-editor-all form>button{justify-self:start}.chapter-title-editor .quiet-button{min-height:42px;color:var(--gold-pale)}@media(max-width:600px){.chapter-title-editor form{grid-template-columns:1fr}.chapter-title-editor .quiet-button{justify-content:center}}.book-detail-header{display:grid;grid-template-columns:minmax(10rem,14rem) minmax(0,1fr);gap:clamp(1rem,3vw,2rem);align-items:start}.book-detail .cover.large{width:clamp(10rem,18vw,14rem);height:clamp(15rem,27vw,21rem);box-shadow:9px 12px 20px rgba(0,0,0,.62)}.book-detail-summary>h1{margin-top:0}.aggregate-rating{margin-top:1rem;padding:.8rem 1rem;border-left:3px solid var(--gold);background:rgba(6,25,23,.54)}.aggregate-rating h2{margin:0;font-size:1.15rem}.aggregate-rating p{margin:.3rem 0}.ratings-details{margin-top:.55rem}.ratings-details>summary{cursor:pointer;color:var(--gold-pale);font-weight:700}.book-actions{margin-top:1.5rem}.actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.actions form{margin:0}.secondary-downloads{margin-top:.7rem}.personal-book-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem}.personal-book-controls form,.book-comments form{display:grid;gap:.7rem}.book-comments{margin-top:1.25rem}.comment-list{display:grid;gap:.75rem;margin-bottom:1rem}.book-comment{padding:.7rem .85rem;background:rgba(6,25,23,.54);border-left:3px solid rgba(214,165,76,.65)}.book-comment .comment-person{display:flex;align-items:center;gap:.55rem;width:max-content}.book-comment .comment-person img,.book-comment .comment-avatar{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;object-fit:cover;background:#1a5046;color:var(--gold-pale);font-weight:700}.book-comment time{display:block;color:var(--muted);font-size:.82rem}.book-comment p{margin:.3rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.book-description p{white-space:pre-wrap;overflow-wrap:anywhere}.book-detail-header{grid-template-columns:8.5rem minmax(0,1fr);gap:1rem}.book-detail .cover.large{width:8.5rem;height:12.75rem}.personal-book-controls{grid-template-columns:1fr;gap:1.25rem}.book-detail-summary>h1{margin-top:0;font-size:clamp(1.7rem,8vw,2.25rem);line-height:1.08}.book-detail-summary .byline,.book-detail-summary .tags,.book-detail-summary .series-label{font-size:.98rem;line-height:1.35}.aggregate-rating{margin-top:.75rem}.aggregate-rating h2{font-size:1rem}.aggregate-rating p{font-size:.92rem}.download-notice:empty{display:none}.book-detail>.book-description,.book-detail>.book-actions,.book-detail>.personal-book-controls,.book-detail>.book-comments{margin:1.25rem 0 0}@media(max-width:680px){.book-detail-header{grid-template-columns:8.5rem minmax(0,1fr);align-items:start}.book-detail .cover.large{width:8.5rem;height:12.75rem}.book-detail-summary{min-height:12.75rem;height:auto;display:flex;flex-direction:column;justify-content:flex-start;min-width:0}.book-detail-summary>h1{margin:0;font-size:1.45rem;line-height:1.04}.book-detail-summary .byline,.book-detail-summary .tags,.book-detail-summary .series-label{margin:.05rem 0;font-size:.86rem;line-height:1.22}.aggregate-rating{margin:.55rem 0 0;padding:.35rem .5rem;border-left-width:2px}.aggregate-rating h2{font-size:.82rem;line-height:1.15}.aggregate-rating p{margin:.12rem 0 0;font-size:.78rem;line-height:1.18}.rating-entry{align-items:flex-start;flex-wrap:wrap}.rating-entry strong{margin-left:2.75rem}.book-description h2,.book-actions h2,.personal-book-controls h2,.book-comments h2{font-size:1.45rem;line-height:1.2}}

/* Hörbuchecke Beta: ruhiger, responsiver Player und getrennter Uploadbereich. */
.audio-heading{max-width:48rem}.audio-beta{padding:.85rem 1rem;border-left:4px solid var(--gold);background:rgba(214,165,76,.12);color:var(--ivory)}
.audio-player-panel{max-width:52rem;margin:1rem 0 2rem}.audio-player-panel[hidden]{display:none}.audio-player-panel h2{overflow-wrap:anywhere;color:var(--gold-pale)}
.audio-controls,.audio-options{display:flex;flex-wrap:wrap;gap:.65rem;margin:.85rem 0}.audio-controls button{flex:1 1 9rem}.audio-options label{display:grid;gap:.3rem;min-width:min(100%,10rem);flex:1 1 10rem}
#audiobook-position{width:100%;min-height:44px;accent-color:var(--gold)}#audiobook-playback-status{min-height:1.5em;color:var(--gold-pale)}
.audio-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:.75rem;align-items:start}.audio-catalog .audio-book{min-width:0;display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:.7rem;border:1px solid rgba(214,165,76,.23);border-radius:.7rem;background:rgba(11,43,39,.68)}.audio-book-copy{min-width:0;display:flex;flex-direction:column;align-items:start;gap:.23rem;flex:1}.audio-book h3{margin:0;font-size:1rem;line-height:1.25;color:var(--ivory);overflow-wrap:anywhere}.audio-book p{margin:0;color:var(--parchment);font-size:.85rem;overflow-wrap:anywhere}.audio-book small{color:var(--muted);font-size:.77rem}.audio-book .audio-play-button{min-height:44px;padding:.38rem .85rem;margin:.2rem 0 0}.audio-cover{display:block;position:relative;flex:0 0 4.2rem;width:4.2rem;height:6rem;overflow:hidden;border-radius:.28rem;background:#183e37;box-shadow:2px 3px 9px rgba(0,0,0,.3)}.audio-cover img,.audio-cover-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.audio-cover img{z-index:1}.audio-cover-fallback{display:grid;place-items:center;color:var(--gold-pale);font-size:1.6rem}.audio-continue-section{margin:1rem 0 1.7rem}.audio-continue-section[hidden]{display:none}.audio-book progress{width:100%;max-width:15rem;height:.45rem;accent-color:var(--gold)}.audio-series{min-width:0;border:1px solid rgba(214,165,76,.32);border-radius:.7rem;background:rgba(11,43,39,.68)}.audio-series>summary{display:flex;align-items:center;gap:1rem;min-height:8rem;padding:.7rem;cursor:pointer;list-style:none}.audio-series>summary::-webkit-details-marker{display:none}.audio-series>summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.audio-series-covers{position:relative;display:block;flex:0 0 7rem;height:7rem}.audio-series-covers .audio-cover{position:absolute;left:0;top:.35rem;width:4.2rem;height:6rem;border:1px solid rgba(255,255,255,.15)}.audio-series-covers .audio-cover:nth-child(2){left:1rem;top:.2rem}.audio-series-covers .audio-cover:nth-child(3){left:2rem;top:0}.audio-series-label{display:grid;gap:.35rem;min-width:0}.audio-series-label strong{color:var(--ivory);font-size:1.1rem;overflow-wrap:anywhere}.audio-series-label small{color:var(--parchment)}.audio-series[open] .audio-series-label small{font-size:0}.audio-series[open] .audio-series-label small::after{content:'Reihe schließen';font-size:.8rem}.audio-series-items{display:grid;gap:.55rem;padding:.7rem;border-top:1px solid rgba(214,165,76,.25)}.audio-series-items .audio-book{background:rgba(5,22,21,.48)}
@media(max-width:560px){.audio-controls button{flex:1 1 0;padding:.6rem .35rem}.audio-options label{flex:1 1 100%}.audio-cover{flex-basis:3.6rem;width:3.6rem;height:5.15rem}.audio-catalog{grid-template-columns:minmax(0,1fr)}.audio-series-covers{flex-basis:6.6rem}.audio-series-covers .audio-cover{width:3.9rem;height:5.6rem}.audio-book .audio-play-button{width:auto}}

/* The same-origin library view may navigate while this one audio element stays mounted. */
.audio-cover{height:4.2rem;aspect-ratio:1}.audio-cover img{object-fit:contain}.audio-series-covers{height:5.5rem}.audio-series-covers .audio-cover{height:4.2rem;aspect-ratio:1}.audio-series>summary{min-height:6.9rem}
@media(max-width:560px){.audio-cover{height:3.6rem}.audio-series-covers .audio-cover{height:3.9rem}.audio-series-covers{height:5rem}}
body:has(.audio-shell){overflow:hidden;height:100dvh;min-height:0}
body:has(.audio-shell)>.site-header,body:has(.audio-shell)>.header-banner,body:has(.audio-shell)>.bottom-banner{display:none}
body:has(.audio-shell)>main{width:100%;max-width:none;height:100dvh;min-height:0;flex:1 1 auto;margin:0;padding:0}
.audio-shell{position:fixed;z-index:31;top:var(--audio-visible-top,0px);left:var(--audio-visible-left,0px);display:flex;flex-direction:column;width:var(--audio-visible-width,100%);height:var(--audio-visible-height,100dvh);min-height:0}

#audiobook-browse-frame{display:block;width:100%;height:100%;min-height:0;flex:1 1 auto;border:0;background:var(--night)}
.audio-shell .audio-player-panel{position:relative;z-index:5;flex:0 0 auto;width:100%;max-width:none;max-height:48dvh;overflow:auto;margin:0;padding:.5rem clamp(.75rem,4vw,1.5rem);border-top:2px solid var(--gold);border-radius:0;box-shadow:0 -12px 28px rgba(0,0,0,.45)}
.audio-shell .audio-player-panel h2{font-size:clamp(1rem,3vw,1.3rem);margin:0}.audio-shell .audio-controls{margin:.35rem 0}.audio-shell .audio-options{margin:.4rem 0}.audio-more>summary{cursor:pointer;color:var(--gold-pale);min-height:40px;padding:.4rem 0}
.audio-shell #audiobook-playback-status:empty{display:none}
@media(max-width:560px){.audio-shell .audio-player-panel{max-height:calc(var(--audio-visible-height,100dvh)*.55);padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px))}.audio-shell .audio-controls button{min-height:44px}}

/* Square audiobook shelf: reuse the eBook bookcase, with tighter shelf spacing. */
.audio-search{max-width:42rem;margin:.85rem 0 1rem}.audio-search .catalogue-filter>summary{min-height:46px}.audio-filter-check{display:flex!important;align-items:center;gap:.65rem;min-height:44px}.audio-filter-check input{width:20px;min-height:20px;height:20px;accent-color:var(--gold);flex:0 0 20px}.audio-search .filter-popover button{width:100%;min-height:44px}
.audio-shelf-frame{padding-top:.6rem;padding-bottom:1.2rem}.audio-bookcase{padding-bottom:1.6rem}.audio-shelf-grid{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));grid-auto-rows:252px;gap:0 12px;align-items:end;background:repeating-linear-gradient(to bottom,transparent 0 233px,#241108 234px 240px,#a15e30 241px 247px,#3c1d0e 248px 252px)}
.audio-shelf-grid>.audio-book,.audio-shelf-grid>.audio-series{min-width:0;min-height:0;height:234px;margin:0 2px 18px;position:relative;z-index:1;border:1px solid rgba(214,165,76,.3);border-radius:5px 5px 2px 2px;background:linear-gradient(140deg,rgba(13,52,46,.95),rgba(5,25,23,.97));box-shadow:5px 7px 11px #0009}
.audio-shelf-grid>.audio-book{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .45rem .4rem;text-align:center}.audio-shelf-grid>.audio-book .audio-cover{flex:0 0 108px;width:108px;height:108px;max-width:100%;aspect-ratio:1}.audio-shelf-grid>.audio-book .audio-book-copy{width:100%;align-items:center;gap:.1rem}.audio-shelf-grid>.audio-book h3{font-size:.88rem;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.audio-shelf-grid>.audio-book p{font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.audio-shelf-grid>.audio-book small{display:none}.audio-shelf-grid>.audio-book .audio-play-button{width:100%;min-height:40px;margin-top:.15rem;padding:.2rem .35rem;font-size:.8rem}
.audio-shelf-grid>.audio-series>summary{display:flex;flex-direction:column;justify-content:center;gap:.15rem;min-height:0;height:100%;padding:.6rem .3rem;text-align:center}.audio-shelf-grid .audio-series-covers{flex:0 0 112px;width:128px;height:112px;max-width:100%}.audio-shelf-grid .audio-series-covers .audio-cover{top:3px;width:94px;height:94px}.audio-shelf-grid .audio-series-covers .audio-cover:nth-child(2){left:12px;top:8px}.audio-shelf-grid .audio-series-covers .audio-cover:nth-child(3){left:24px;top:13px}.audio-shelf-grid .audio-series-label{gap:.05rem}.audio-shelf-grid .audio-series-label strong{font-size:.9rem;line-height:1.2}.audio-shelf-grid .audio-series-label small{font-size:.72rem}
.audio-shelf-grid>.audio-series[open]{grid-column:1/-1;grid-row:span 3;height:calc(3 * 252px - 18px);z-index:2;margin-bottom:18px}.audio-shelf-grid>.audio-series[open]>summary{height:125px;min-height:0;flex-direction:row;justify-content:flex-start;text-align:left;padding:.45rem .8rem}.audio-shelf-grid>.audio-series[open] .audio-series-covers{flex:0 0 128px}.audio-shelf-grid>.audio-series[open] .audio-series-items{height:calc(100% - 125px);overflow-y:auto;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));align-content:start}.audio-shelf-grid>.audio-series[open] .audio-series-items .audio-book{min-width:0}
@media(max-width:560px){.audio-search{gap:.45rem}.audio-search input{min-width:0}.audio-shelf-frame{padding-inline:.35rem}.audio-bookcase{padding-inline:.65rem}.audio-shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 7px}.audio-shelf-grid>.audio-book .audio-cover{width:100px;height:100px;flex-basis:100px}.audio-shelf-grid>.audio-series[open] .audio-series-items{grid-template-columns:minmax(0,1fr)}.audio-shelf-grid>.audio-series[open] .audio-series-covers{flex-basis:108px}.audio-shelf-grid>.audio-series[open]>summary{padding-inline:.4rem}}

#audiobook-upload-progress{display:block;width:100%;height:1rem;accent-color:var(--gold);margin:.7rem 0 0}#audiobook-upload-progress[hidden]{display:none}#audiobook-upload-status{min-height:1.5em;color:var(--gold-pale)}

.activity-list.is-editing li{flex-wrap:wrap}
.activity-edit-controls{display:flex;flex-basis:100%;gap:.5rem;flex-wrap:wrap;margin-left:3.35rem}
.activity-edit-controls form{margin:0}.activity-edit-controls button{min-height:44px;font-size:.85rem;padding:.35rem .65rem}
/* Keep square audiobook artwork distinct from portrait eBook covers. */
[data-audiobook-lists] .profile-preview-cover{height:2.7rem;aspect-ratio:1}
[data-audiobook-lists] .profile-book-card>img{height:auto;aspect-ratio:1;object-fit:cover}
[data-audiobook-lists] .profile-book-card>span{min-width:0;overflow-wrap:anywhere}
/* Cover-only audiobook shelf; metadata and playback live in the detail dialog. */
.audio-shelf-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-auto-rows:178px;gap:0 12px;background:repeating-linear-gradient(to bottom,transparent 0 160px,rgba(208,151,88,.9) 161px 164px,#1a0d08 165px 171px,rgba(91,46,25,.9) 172px 178px)}
.audio-shelf-item{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;height:162px;min-width:0;margin:0 2px 16px}
.audio-shelf-item::after{content:"";position:absolute;z-index:2;left:-4px;right:-4px;bottom:0;height:10px;pointer-events:none;background:linear-gradient(to bottom,#c88649 0 24%,#703819 25% 48%,#271008 49% 100%);box-shadow:0 -2px 4px #0008,0 3px 5px #0009}
.audio-cover-button{position:relative;display:block;width:min(100%,138px);height:auto;aspect-ratio:1;padding:0;border:0;border-radius:2px;background:transparent;cursor:pointer;text-align:left;box-shadow:5px 8px 10px #000b;transition:transform .18s}
.audio-cover-button:hover,.audio-cover-button:focus-visible{transform:translateY(-7px);z-index:3}.audio-cover-button:focus-visible{outline:3px solid var(--gold-pale);outline-offset:3px}
.audio-cover-button>.audio-cover{width:100%;height:100%;aspect-ratio:1;border-radius:2px;background:#382014}.audio-cover-button .audio-cover-fallback{background:#382014}
.audio-series-stack .audio-series-covers{display:block;position:relative;z-index:0;width:100%;height:100%;flex:none}.audio-series-stack .audio-series-covers .audio-cover{position:absolute;top:auto;bottom:0;left:0;width:100%;height:100%;aspect-ratio:1;background:#382014;border:1px solid #ac7747;box-shadow:3px 4px 7px #000a}.audio-series-stack .audio-series-covers .audio-cover:nth-child(1){z-index:3}.audio-series-stack .audio-series-covers .audio-cover:nth-child(2){left:3%;top:auto;z-index:2}.audio-series-stack .audio-series-covers .audio-cover:nth-child(3){left:6%;top:auto;z-index:1}
.audio-series-badge{position:absolute;z-index:4;left:0;bottom:15px;padding:.2rem .4rem;background:#2e1a0eea;color:var(--ivory);font:700 .73rem system-ui,sans-serif}
.audio-continue-grid{grid-template-columns:repeat(auto-fill,minmax(108px,140px));gap:.75rem;justify-content:start}.audio-continue-grid .audio-shelf-item{height:auto;margin:0}.audio-continue-grid .audio-shelf-item::after{display:none}.audio-continue-grid .audio-cover-button{width:100%;height:auto;aspect-ratio:1}
.audio-details-dialog{width:min(92vw,680px);max-height:min(85dvh,760px);padding:1.1rem clamp(1rem,3vw,1.8rem) 1.6rem;border:2px solid #b9874b;border-radius:8px;background:#24170f;color:var(--ivory);box-shadow:0 24px 70px #000c;overflow:auto}.audio-details-dialog::backdrop{background:#080503b8}.audio-details-close{display:block;margin-left:auto;min-height:44px}.audio-details-dialog h2{margin:.1rem 0 1rem;line-height:1.2;overflow-wrap:anywhere}.audio-details-dialog h2:focus{outline:none}.audio-details-layout{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);align-items:start;gap:1.1rem}.audio-details-layout>.audio-cover{width:100%;height:auto;aspect-ratio:1;background:#382014}.audio-details-metadata{min-width:0}.audio-details-metadata p{margin:0 0 .55rem;overflow-wrap:anywhere}.audio-details-metadata progress{display:block;width:100%;margin:.6rem 0;accent-color:var(--gold)}.audio-details-metadata .audio-play-button{margin-top:.6rem;min-height:44px}.audio-details-back{min-height:44px;margin-bottom:.5rem}
.audio-details-dialog .audio-series-items{display:flex;flex-direction:column;gap:.4rem;max-height:none;overflow:visible}.audio-series-entry{display:flex;align-items:center;gap:.8rem;width:100%;min-height:64px;padding:.4rem;border:1px solid #704b2b;border-radius:3px;background:#321f13;color:var(--ivory);text-align:left;cursor:pointer}.audio-series-entry:hover,.audio-series-entry:focus-visible{border-color:var(--gold-pale);background:#44301d}.audio-series-entry>.audio-cover{width:52px;height:52px;flex:0 0 52px;background:#382014}.audio-series-entry strong,.audio-series-entry small{display:block;overflow-wrap:anywhere}.audio-series-entry small{color:var(--parchment)}
@media(max-width:560px){.audio-shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:148px;gap:0 8px;background:repeating-linear-gradient(to bottom,transparent 0 132px,rgba(208,151,88,.9) 133px 136px,#1a0d08 137px 143px,rgba(91,46,25,.9) 144px 148px)}.audio-shelf-item{height:133px;margin-bottom:15px}.audio-cover-button{width:min(100%,112px);height:auto;aspect-ratio:1}.audio-continue-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.audio-continue-grid .audio-cover-button{width:100%}.audio-details-layout{grid-template-columns:1fr}.audio-details-layout>.audio-cover{max-width:160px;margin:auto}.audio-details-dialog{max-height:90dvh}}

.audio-continue-heading,.audio-player-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.audio-continue-heading h2,.audio-player-heading h2{margin:.2rem 0}.audio-continue-heading button,.audio-player-heading button{min-height:44px}.audio-continue-heading button[hidden],.audio-hidden-list[hidden]{display:none}
.audio-continue-section #audiobook-continue-status:empty{display:none}.audio-continue-item{position:relative}.audio-continue-hide{position:absolute;z-index:6;top:-10px;right:-10px;width:44px;height:44px;min-height:44px;padding:0;border:2px solid var(--gold);border-radius:50%;background:#2c190ef2;color:var(--ivory);font:700 1.35rem system-ui,sans-serif;cursor:pointer}.audio-continue-hide:hover,.audio-continue-hide:focus-visible{background:#5a2c19;outline:2px solid var(--gold-pale)}
.audio-hidden-list{display:grid;gap:.5rem;margin-top:.75rem}.audio-hidden-entry{display:flex;align-items:center;gap:.7rem;min-width:0;padding:.4rem .6rem;border:1px solid #7e5932;background:#2c1b12}.audio-hidden-entry>.audio-cover{width:48px;height:48px;flex:0 0 48px;background:#382014}.audio-hidden-entry>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.audio-hidden-entry button{min-height:44px}
.audio-player-heading-actions{display:flex;align-items:center;gap:.2rem;flex:0 0 auto}
.audio-player-heading h2{min-width:0;flex:1}
#audiobook-player-body[hidden]{display:none}
.audio-player-panel[data-collapsed="true"] .audio-player-heading h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}
.audio-player-heading button{flex:0 0 44px;width:44px;padding:0;font:700 1.2rem system-ui,sans-serif}.audio-shell #audiobook-shell-status:empty{display:none}.audio-shell #audiobook-shell-status{margin:0;padding:.45rem 1rem;color:var(--gold-pale);background:#2c1b12}
@media(max-width:560px){.audio-continue-heading{align-items:flex-start;flex-wrap:wrap}.audio-hidden-entry{flex-wrap:wrap}.audio-hidden-entry button{margin-left:auto}}

/* The same series-list fields and geometry are used for eBooks and audio. */
.ebook-series-stack .ebook-series-trigger{position:relative;z-index:1;display:block;width:100%;max-width:128px;height:170px;padding:0;border:0;border-radius:2px;background:#241910;color:var(--ivory);cursor:pointer;box-shadow:5px 8px 10px #000b;transition:transform .18s}
.ebook-series-trigger:hover,.ebook-series-trigger:focus-visible{transform:translateY(-8px);z-index:4;outline:3px solid var(--gold-pale);outline-offset:2px}
.ebook-series-covers{position:relative;display:block;width:100%;height:100%}.ebook-series-covers img,.ebook-series-cover-fallback{position:absolute;top:0;left:0;display:grid;place-items:center;width:100%;height:100%;object-fit:contain;background:#21170e;border:1px solid #b28c64;border-radius:3px;box-shadow:3px 4px 8px #000b}
.ebook-series-covers>:nth-child(1){z-index:3}.ebook-series-covers>:nth-child(2){left:3%;top:0;z-index:2}.ebook-series-covers>:nth-child(3){left:6%;top:0;z-index:1}
.ebook-series-badge{position:absolute;z-index:4;right:2px;bottom:17px;padding:.2rem .4rem;border-radius:2px;background:#2e1a0ef0;color:var(--ivory);font:700 .78rem system-ui,sans-serif}
.series-view-heading{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.series-view-heading h2{margin:.2rem 0 .7rem}.series-count{flex:0 0 auto;padding:.2rem .5rem;border:1px solid #b9874b;border-radius:4px;color:var(--gold-pale);font:700 .9rem system-ui,sans-serif}.series-description{margin:.25rem 0 .4rem;color:var(--parchment);font-size:.95rem;line-height:1.6;overflow-wrap:anywhere}.series-reading-note{display:block;margin:0 0 .85rem;color:var(--gold-pale);font-size:.78rem;line-height:1.4}.series-entry-language{margin-inline-start:.4em;font-size:.78em;font-weight:400;font-style:italic;white-space:nowrap}.series-missing,.series-filter-note{margin:.15rem 0 .7rem;color:var(--parchment);font-size:.85rem}
.series-view .series-entry-list{display:grid;gap:.5rem}.series-view .audio-series-entry{display:grid;grid-template-columns:78px minmax(0,1fr);gap:.8rem;justify-items:stretch;align-items:center;min-height:101px;width:100%;padding:.5rem .75rem;text-align:left;text-decoration:none;background:#321f13;color:var(--ivory)}
.series-view .series-entry>.series-entry-art{display:grid;place-items:center;width:78px;height:84px;min-width:0;text-align:center}.series-view .series-entry-art>.audio-cover{display:block;width:70px;height:70px;aspect-ratio:1;background:#382014}.series-view .ebook-series-art{display:grid;place-items:center;width:70px;height:84px;background:#231710}.series-view .ebook-series-art img{display:block;width:70px;height:84px;max-height:84px;object-fit:contain}.series-view .ebook-series-art .ebook-series-cover-fallback{position:static;width:70px;height:84px}
.series-view .audio-series-entry>.series-entry-copy{display:grid;gap:.14rem;min-width:0;width:100%;text-align:left}.series-entry-copy strong{font-size:1rem;line-height:1.25;color:var(--ivory);overflow-wrap:anywhere}.series-entry-copy small{font-size:.8rem;color:var(--parchment)}.series-entry-rating{font:.83rem/1.35 system-ui,sans-serif;color:var(--gold-pale)}.series-entry-unrated{color:var(--muted)}
@media(max-width:560px){.ebook-series-stack .ebook-series-trigger{max-width:100px;height:145px}.series-view .audio-series-entry{grid-template-columns:70px minmax(0,1fr);gap:.65rem;padding:.5rem}.series-view .series-entry>.series-entry-art{width:70px}}

/* Square audiobook sleeves: larger shelf bay, calm cover-first details. */
.audio-shelf-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));grid-auto-rows:220px;background:repeating-linear-gradient(to bottom,transparent 0 201px,rgba(208,151,88,.9) 202px 205px,#1a0d08 206px 213px,rgba(91,46,25,.9) 214px 220px)}
.audio-shelf-item{height:203px;margin-bottom:17px}
.audio-cover-button{width:min(100%,178px)}
.audio-continue-grid{grid-template-columns:repeat(auto-fill,minmax(140px,178px))}
.audio-continue-grid .audio-shelf-item{height:auto;margin:0}
.audio-details-layout{display:flex;flex-direction:column;align-items:center;gap:.65rem;text-align:center}
.audio-details-layout>.audio-cover{flex:0 0 auto;width:min(100%,250px);height:auto;aspect-ratio:1;margin:0 auto}
.audio-details-layout h2{margin:.25rem 0 .05rem;max-width:100%;text-align:center}
.audio-details-metadata{width:100%;max-width:34rem;text-align:center}
.audio-details-metadata progress{max-width:20rem;margin:.75rem auto}
.audio-series-entry{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-height:142px;text-align:center;padding:.6rem}
.audio-series-entry>.audio-cover{flex:0 0 auto;width:94px;height:94px;aspect-ratio:1;margin:0 auto}
.audio-series-entry>span:not(.audio-cover){display:grid;gap:.1rem;max-width:100%;text-align:center}
.audio-continue-hide{top:-8px;right:-8px;width:44px;height:44px;min-height:44px;border:0;background:radial-gradient(circle at center,#2c190ef2 0 13px,transparent 14px);font-size:1.05rem;line-height:44px;box-shadow:none}
.audio-continue-hide:hover,.audio-continue-hide:focus-visible{background:radial-gradient(circle at center,#5a2c19 0 13px,transparent 14px)}
.audio-details-metadata details.audio-genre-editor{margin:.8rem auto;max-width:28rem;text-align:left;border-top:1px solid #704b2b;padding:.4rem 0}.audio-genre-editor summary{cursor:pointer;min-height:44px;padding:.5rem 0;color:var(--gold-pale)}.audio-genre-editor form{display:grid;gap:.5rem;padding:.45rem 0}.audio-genre-editor label{display:grid;gap:.3rem}.audio-genre-editor input{width:100%;min-height:44px}.audio-genre-editor button{min-height:44px}.audio-genre-message:empty{display:none}
.audio-detail-rating,.audio-detail-activity,.audio-detail-downloads{margin:1rem auto 0;max-width:30rem;padding-top:.8rem;border-top:1px solid #704b2b;text-align:left}.audio-detail-rating h3,.audio-detail-activity h3{margin:0 0 .4rem;color:var(--gold-pale)}.audio-detail-rating form{display:flex;flex-wrap:wrap;align-items:end;gap:.5rem}.audio-detail-rating label{display:grid;gap:.2rem;flex:1 1 11rem}.audio-detail-rating select,.audio-detail-rating button,.audio-detail-activity button{min-height:44px}.audio-detail-activity button{margin:.2rem .45rem .25rem 0}.audio-action-status:empty{display:none}.audio-action-status{color:var(--gold-pale)}.audio-detail-downloads summary{cursor:pointer;min-height:44px;padding:.5rem 0;color:var(--gold-pale)}.audio-download-list{display:grid;gap:.4rem;max-height:17rem;overflow:auto}.audio-download-list a{display:block;min-height:44px;padding:.55rem;overflow-wrap:anywhere}
@media(max-width:560px){.audio-shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:182px;gap:0 8px;background:repeating-linear-gradient(to bottom,transparent 0 165px,rgba(208,151,88,.9) 166px 169px,#1a0d08 170px 176px,rgba(91,46,25,.9) 177px 182px)}.audio-shelf-item{height:166px;margin-bottom:16px}.audio-cover-button{width:min(100%,142px)}.audio-continue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audio-continue-grid .audio-cover-button{width:100%}.audio-details-layout>.audio-cover{width:min(100%,220px);max-width:220px;margin:0 auto}}

/* Normaler eBook-Detailkopf: Cover und Informationen bleiben auch mobil nebeneinander. */
.book-detail .book-detail-header{display:grid;grid-template-columns:min(42%,14rem) minmax(0,1fr);gap:clamp(.65rem,2.5vw,1.5rem);align-items:stretch;max-width:none}
.book-detail .book-detail-header .cover.large{width:100%;height:auto;aspect-ratio:2/3;min-width:0;align-self:start}
.book-detail .book-detail-header .cover.large img{object-fit:contain}
/* The uncropped cover sets the closed header height, not arbitrary metadata length.
   Native disclosure restores normal flow for complete, selectable metadata. */
.book-detail .book-detail-summary{position:relative;min-width:0;min-height:0;overflow-wrap:anywhere}
.book-summary-copy{position:absolute;inset:0;display:flex;flex-direction:column;gap:.2rem;min-width:0}
.book-detail .book-summary-copy>h1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;font-size:clamp(1.08rem,3.5vw,2rem);line-height:1.12}
.book-detail .book-detail-summary .byline,.book-detail .book-detail-summary .series-label{display:flex;gap:.25em;margin:0;font-size:clamp(.8rem,2.5vw,1rem);line-height:1.25}
.book-author,.book-series-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.book-language-inline,.book-series-number{flex-shrink:0}
.book-language-inline{font-size:.9em;font-weight:400}
.book-rating-link{display:flex;flex-wrap:wrap;align-items:center;gap:0 .4rem;min-height:44px;flex-shrink:0;margin:0;padding:.15rem 0;color:var(--gold-pale);font-size:clamp(.78rem,2.3vw,.9rem);line-height:1.2;text-underline-offset:.2em}
.book-rating-stars{font-size:1rem;letter-spacing:0;white-space:nowrap}
.book-summary-full{margin-top:auto;font-size:clamp(.78rem,2.3vw,.9rem);line-height:1.2}
.book-summary-full>summary{cursor:pointer;color:var(--gold-pale);min-height:32px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:.2em}
.book-summary-full>summary::before{content:'＋';margin-right:.25em;flex-shrink:0}
.book-summary-full[open]>summary::before{content:'−'}
.book-summary-full dl{margin:.6rem 0 0;font-size:1rem;line-height:1.4}
.book-summary-full dt{color:var(--muted);margin-top:.5rem}
.book-summary-full dd{margin:0;overflow-wrap:anywhere}
.book-detail-header:has(.book-summary-full[open]) .book-summary-copy{position:static}
/* Older engines without :has keep the complete disclosure in normal flow. */
@supports not selector(:has(*)){.book-summary-copy{position:static}}
@media(min-width:600px){.book-summary-copy{gap:.4rem}}
.book-ratings-destination{margin:.8rem 0;font-size:.9rem}
.book-detail>.book-accordion{margin:1rem 0 0;max-width:none}
.book-accordion>summary{cursor:pointer;color:var(--gold-pale);font-weight:700;font-size:1.1rem;min-height:44px;padding:.55rem 0}
.book-accordion[open]>summary{margin-bottom:.7rem}
.book-reading-status form,.book-ratings-page #deine-wertung form,.catalogue-editor form{display:grid;gap:.7rem;min-width:0}
.book-detail form input:not([type=checkbox]):not([type=hidden]),.book-detail form select,.book-detail form textarea{max-width:100%;min-width:0}
.book-detail .book-reading-status .reread-action{display:block;margin-top:1rem}
.book-detail .book-accordion .book-actions,.book-detail .book-accordion .book-pin{margin:0;padding:.4rem 0;border:0;box-shadow:none;background:none}
.book-detail .book-accordion .book-pin{margin-top:1rem}
.book-detail .book-comments h2{font-size:1.2rem}
.book-detail .book-rating-link:focus-visible,.book-detail .book-ratings-destination:focus,.book-detail summary:focus-visible,.book-detail [tabindex="-1"]:focus{outline:2px solid var(--gold-pale);outline-offset:4px}
.book-detail [id]{scroll-margin-top:1.5rem}
.book-ratings-page>.ratings-panel{margin-top:1.25rem;max-width:none}

/* Hörbuchdetails share the ebook panels, not the portrait ebook cover geometry. */
.audio-details-dialog .audio-details-layout{display:block;text-align:left;min-width:0}
.audio-details-dialog .audio-detail-header{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:1.25rem;align-items:start;margin:.75rem 0 1.25rem}
.audio-details-listen>.audio-details-cover{display:block;flex:0 0 auto;width:100%;height:auto;aspect-ratio:1;min-width:0;background:#382014}
.audio-details-listen>.audio-details-cover img{width:100%;height:100%;object-fit:contain}
.audio-details-dialog .audio-details-metadata{width:100%;min-width:0;max-width:none;text-align:left;overflow-wrap:anywhere}
.audio-details-dialog .audio-details-metadata h2{margin:0 0 .65rem;text-align:left;font-size:clamp(1.35rem,3vw,1.85rem)}
.audio-details-dialog .audio-rating-link{white-space:normal;overflow-wrap:anywhere}
.audio-details-dialog .book-accordion{width:100%;min-width:0;max-width:none;margin:.8rem 0 0;padding:.65rem 1rem;text-align:left;border:1px solid var(--line);border-radius:.7rem;background:var(--panel);box-shadow:var(--shadow);overflow-wrap:anywhere}
.audio-details-dialog .book-accordion>summary{padding:.4rem 0;font-size:1.1rem;min-height:44px}
.audio-details-dialog .book-accordion[open]>summary{margin-bottom:.65rem}
.audio-details-dialog .book-description p{white-space:pre-line}
.audio-details-dialog .audio-genre-editor form{max-width:100%;min-width:0}
.audio-details-dialog .book-accordion input,.audio-details-dialog .book-accordion select{width:100%;max-width:100%;min-width:0}
.audio-details-dialog .audio-detail-rating form{display:flex;flex-wrap:wrap;gap:.65rem;align-items:end}
.audio-details-dialog .book-accordion button,.audio-details-dialog .book-accordion a{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.audio-details-listen{min-width:0;width:100%;max-width:250px;display:flex;flex-direction:column;gap:.65rem;margin:0 auto}
.audio-details-listen>.audio-play-button{display:block;width:100%;min-height:48px;margin:0}
.audio-current-chapter{margin:.2rem 0 .6rem;font-size:.9rem;line-height:1.4;overflow-wrap:anywhere}
.audio-details-dialog .audio-detail-actions>.quiet-button{display:inline-block;margin:.25rem .4rem .4rem 0;min-height:44px}
.audio-details-dialog .audio-related-ebooks{margin-bottom:.85rem}
.audio-details-dialog .audio-detail-activity progress{display:block;width:100%;accent-color:var(--gold);margin:.75rem 0}
.audio-details-dialog .audio-detail-downloads{max-width:none;margin:.85rem 0 0}
.audio-details-dialog summary:focus-visible,.audio-details-dialog .audio-rating-link:focus-visible{outline:2px solid var(--gold-pale);outline-offset:3px}
@media(max-width:560px){
  .audio-details-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:90dvh;padding:.75rem .85rem 1rem}
  .audio-details-dialog .audio-detail-header{grid-template-columns:minmax(0,1fr);gap:1rem}
  .audio-details-listen>.audio-details-cover{width:min(100%,250px);height:auto;max-width:none;margin:0 auto}
  .audio-details-dialog .audio-details-metadata,.audio-details-dialog .audio-details-metadata h2{text-align:center}
  .audio-details-dialog .audio-rating-link{justify-content:center}
  .audio-details-dialog .book-accordion{padding:.55rem .75rem}
}
/* Shared opinion controls: same compact spoiler choice for both formats. */
.spoiler-choice{display:flex;align-items:center;gap:.55rem;min-height:44px;max-width:100%}
.spoiler-choice input[type=checkbox]{flex:0 0 1.15rem;width:1.15rem;height:1.15rem;min-width:0;min-height:0;margin:0;padding:0;accent-color:var(--gold)}
.audio-opinions .book-comment{overflow-wrap:anywhere}
.audio-opinions .book-comment p{white-space:pre-wrap}
.audio-opinions textarea{box-sizing:border-box;width:100%;max-width:100%}
.audio-state-retry[hidden]{display:none!important}

/* Local, explicit audio diagnostics; never changes media controls. */
.audio-diagnostics-open{min-height:44px;font-size:.8rem}
.audio-diagnostics-dialog{width:min(36rem,calc(100% - 2rem));max-height:85svh;overflow:auto;padding:1rem;border:1px solid #b49555;border-radius:.6rem;background:#102e29;color:#eee5cc}
.audio-diagnostics-dialog textarea{display:block;width:100%;max-width:100%;min-height:12rem;font:12px/1.4 monospace;background:#071817;color:#eee5cc}
.audio-diagnostics-actions{display:flex;gap:.5rem;flex-wrap:wrap}.audio-diagnostics-actions button{min-height:44px}