:root{--bg:#0b0b0c;--surface:#111214;--border:#232428;--text:#e9e9ea;--muted:#b8b9bf;--red:#e31b23;--panel:#ffffff;--panelText:#1a1b1e;--panelSoft:#f7f7fb}.hero{background:radial-gradient(1100px 420px at 18% -10%,rgba(227,27,35,.22),transparent),linear-gradient(180deg,#101013,#0b0b0c);border-bottom:1px solid var(--border)}.badge-type{background:#e31b231f;color:var(--red);border:1px solid rgba(227,27,35,.25)}.btn-scribiq{background:var(--red);color:#fff;border:none}.btn-scribiq:hover{opacity:.92}.card-scribiq{background:var(--panel);color:var(--panelText);border:1px solid #e9e9ef;border-radius:14px}.card-soft{background:var(--panelSoft);border:1px solid #ececf2;border-radius:12px}.cover-lg{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:12px;border:1px solid #ececf1;box-shadow:0 20px 60px #00000026}.thumb{width:110px;height:70px;-o-object-fit:cover;object-fit:cover;border:2px solid transparent;border-radius:10px;cursor:pointer}.thumb.active{border-color:var(--red)}.meta-pill{font-size:.9rem;color:#444;display:flex;align-items:center;gap:.5rem}.text-dim{color:#2e2f35}.sidebar .box{position:sticky;top:88px}.sidebar .rights li{margin-bottom:.45rem}.section-title{color:var(--red);font-weight:700;letter-spacing:.2px}.muted{color:var(--muted)}.detail-key{font-size:.75rem;color:#5a5b62;text-transform:uppercase;letter-spacing:.8px}.detail-val{font-weight:600}.flipbook{width:100%;height:640px}.preview-note{color:#5c5d66}.related-card img{width:100%;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;border-radius:10px;border:1px solid #ececf1}.related-card .title{font-weight:600;color:#1a1b1e}.related-card .meta{font-size:.85rem;color:#6b6c73}.sticky-buy{position:fixed;left:0;right:0;bottom:-110px;transition:bottom .3s ease;background:#0c0c0df5;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1020}.sticky-buy.show{bottom:0}.back-btn{color:#fff;transition:all .3s ease-in-out}.back-btn:hover{color:red}.btn-scribiq{--btn-bg: #e31b23;--btn-hover-bg: #ff2731;--btn-text: #ffffff;--btn-shadow: rgba(227, 27, 35, .4);display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--btn-bg);color:var(--btn-text);font-weight:600;font-size:1rem;letter-spacing:.3px;border:none;border-radius:12px;padding:.75rem 1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 16px -4px var(--btn-shadow);position:relative;overflow:hidden}.btn-scribiq:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(255,255,255,.15),transparent 60%);opacity:0;transition:opacity .3s ease}.btn-scribiq:hover,.btn-scribiq:focus{background:var(--btn-hover-bg);color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px -6px var(--btn-shadow)}.btn-scribiq:hover:before{opacity:1}.btn-scribiq:active{transform:translateY(0);box-shadow:0 4px 12px -6px var(--btn-shadow)}.btn-scribiq.glow{box-shadow:0 0 18px #e31b2399,0 4px 12px #e31b234d}.btn-scribiq.glow:hover{box-shadow:0 0 25px #ff2731cc,0 6px 18px #ff273180}.img-buy{width:56px;height:40px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.08);background-color:#000;box-shadow:0 2px 6px #0006,inset 0 0 6px #00000080;transition:all .25s ease}.img-buy:hover{transform:scale(1.04);box-shadow:0 4px 10px #0009,inset 0 0 8px #ffffff14;border-color:#ffffff26}.card-img-related{position:relative;display:block;width:100%;height:240px;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;border-radius:14px;background-color:#000;box-shadow:0 8px 18px #0009,inset 3px 0 8px #000000b3;transform:perspective(1000px) rotateY(-5deg);transition:all .4s ease;overflow:hidden}.card-img-related:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:linear-gradient(to right,rgba(0,0,0,.85) 0%,rgba(0,0,0,.65) 6%,rgba(255,255,255,.12) 10%,rgba(0,0,0,.6) 18%,transparent 55%,rgba(0,0,0,.4) 95%);mix-blend-mode:multiply;pointer-events:none}.card-img-related:after{content:"";position:absolute;top:0;right:0;width:10%;height:100%;background:linear-gradient(to left,rgba(255,255,255,.18),rgba(255,255,255,.05),transparent);border-radius:14px;pointer-events:none}.related-card:hover .card-img-related{transform:perspective(1000px) rotateY(-2deg) scale(1.02);box-shadow:0 12px 22px #000000bf,inset 2px 0 6px #0009}.flipbook{height:70vh;max-height:820px;min-height:420px;border-radius:12px;overflow:hidden;background:#0b0b0d;box-shadow:0 10px 28px #0009,inset 0 0 30px #00000059}.page{background:#111214;box-shadow:inset 0 0 40px #00000059;border-radius:8px}