:root{font:14px/1.55 Inter,ui-sans-serif,system-ui,sans-serif;color:#f8f3fa;background:#1d1017}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 20% 5%,#55304b55,transparent 35%),#1d1017;min-height:100vh}
.disclaimer{background:#52345b;text-align:center;padding:5px 12px;font-size:11px;color:#f1dff8}
header{height:74px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;gap:24px;border-bottom:1px solid #ffffff18;position:sticky;top:0;background:#1d1017e8;backdrop-filter:blur(16px);z-index:3}
.brand{font:700 26px Georgia,serif;color:white;text-decoration:none;flex-shrink:0}
.search{display:flex;align-items:center;gap:10px;margin-left:auto;color:#cdbdca}.search input{width:min(340px,38vw);padding:10px 14px;border-radius:24px;border:1px solid #ffffff33;background:#ffffff0c;color:white}
#stats{color:#bbaab7;font-size:12px;white-space:nowrap}main{padding:24px clamp(82px,8vw,128px) 70px}.categories{display:flex;gap:8px;margin-bottom:20px;overflow:auto}.page-head p,.feature-page>p{color:#c798d7;margin-bottom:4px}.page-head h1,.feature-page h1{margin-top:0}.desktop-nav{position:fixed;left:0;top:99px;bottom:34px;width:74px;display:flex;flex-direction:column;align-items:center;padding:16px 8px;gap:8px;z-index:2;background:#1d1017cc}.desktop-nav a,.mobile-nav a{color:#ac9ca9;text-decoration:none;text-align:center;border-radius:12px}.desktop-nav a{width:58px;padding:9px 3px}.desktop-nav b,.mobile-nav b{display:block;font-size:20px}.desktop-nav span,.mobile-nav span{font-size:11px}.desktop-nav a.active,.mobile-nav a.active{background:#713b78;color:white}.mobile-nav{display:none}
button,.back{border:1px solid #ffffff35;background:#ffffff0b;color:white;border-radius:22px;padding:8px 15px;text-decoration:none;cursor:pointer}button.active{background:#78428a}
.catalog{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.card{min-height:330px;border:1px solid #ffffff20;border-radius:12px;overflow:hidden;background:#2b1c28;color:white;text-decoration:none;display:flex;flex-direction:column;transition:.18s transform}.card:hover{transform:translateY(-3px);border-color:#c993da80}.card img,.placeholder{width:100%;height:220px;object-fit:cover;background:linear-gradient(145deg,#484357,#24141e);display:grid;place-items:center;color:#a896a7}.card>div:last-child{padding:14px}.card h2{font-size:16px;margin:4px 0}.card p{color:#cbbdc9;font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card span,.card small{font-size:11px;color:#b88ec5}
.back{display:inline-block;margin-bottom:18px}.detail{display:grid;grid-template-columns:minmax(280px,390px) minmax(0,760px);gap:18px;justify-content:center}.detail>aside,.detail>article{border:1px solid #ffffff27;border-radius:14px;background:#2a1d2a;overflow:hidden}.detail>aside{padding:18px}.detail aside img,.hero-placeholder{width:100%;height:430px;object-fit:cover;border-radius:10px;background:linear-gradient(145deg,#484357,#24141e);display:grid;place-items:center;color:#b9a8b7}.detail h1{font-size:25px;margin:16px 0 6px}.tagline{color:#d7c5d2}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span,.badge{border:1px solid #ffffff24;border-radius:20px;padding:4px 9px;font-size:11px}.tabs{padding:14px;border-bottom:1px solid #ffffff20;display:flex;gap:7px;flex-wrap:wrap}#panel{padding:20px}.quality{display:flex;gap:10px;align-items:center;margin-bottom:16px;color:#c7b8c5}.badge.available{color:#a8e59a}.badge.partial{color:#ffd483}.badge.unknown{color:#ff9d9d}.prose{white-space:normal;overflow-wrap:anywhere;max-height:620px;overflow:auto;padding-right:10px}.missing,.loading{text-align:center;color:#bbaab8;padding:80px 20px}
.inline-media{margin:16px 0}.inline-media img{display:block;max-width:100%;max-height:520px;border-radius:10px}.inline-media figcaption,.missing-media{font-size:11px;color:#cbaed1}.missing-media{display:inline-block;border:1px dashed #d6a6a655;border-radius:8px;padding:7px 10px;margin:5px 0}
footer{position:fixed;bottom:0;left:0;right:0;text-align:center;padding:8px;background:#1b1119ed;color:#968894;font-size:10px}
.feature-shell{min-height:55vh;border:1px solid #ffffff1f;border-radius:16px;background:#2a1d2a;padding:22px}.feature-shell>p{color:#bbaab7}.feature-search{display:flex;gap:8px;max-width:560px;background:#ffffff0e;border:1px solid #ffffff22;padding:10px 14px;border-radius:24px;margin:18px 0}.feature-search input,.readonly-form input,.readonly-form textarea{width:100%;color:white;background:transparent;border:0;outline:0}.readonly-form{display:grid;gap:18px;max-width:620px;margin-top:24px}.readonly-form label{display:grid;gap:8px;color:#cbbbc8}.readonly-form input,.readonly-form textarea{border:1px solid #ffffff22;border-radius:10px;padding:12px;background:#ffffff08}
@media(max-width:1100px){.catalog{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.disclaimer{display:none}.desktop-nav,footer{display:none}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:8;margin:0;padding:7px max(5px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));background:#21151fed;border-top:1px solid #ffffff1c;backdrop-filter:blur(16px)}.mobile-nav a{padding:4px 0}.topbar{height:auto;min-height:58px;flex-wrap:wrap;padding:8px 14px;gap:8px}.brand{font-size:21px}.search{order:3;width:100%}.search input{width:100%;padding:8px 12px}#stats{margin-left:auto}main{padding:16px 12px calc(86px + env(safe-area-inset-bottom))}.page-head h1{font-size:22px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card{min-height:265px}.card img,.placeholder{height:172px}.card>div:last-child{padding:10px}.detail{grid-template-columns:1fr}.detail aside img,.hero-placeholder{height:min(55vh,390px)}.prose{max-height:none}.feature-shell{padding:14px}}