:root{
      --ink:#0b1220;
      --muted:#5b6476;
      --card:#0f172a10;
      --ring:#ffffff30;
    }
    body{ color:var(--ink); }
    .hero{
      background:#0b1220;
      color:#fff;
    }
    .hero .lead{ color:#dbe3ff; }
    .chip{
      display:inline-flex; align-items:center; gap:.5rem;
      border:1px solid var(--ring);
      background:#ffffff12;
      padding:.4rem .7rem;
      border-radius:999px;
      font-size:.9rem;
    }
    .section-title{ letter-spacing:-0.02em; }
    .sticky-tools{
      position: sticky;
      top:0; z-index:1020;
      backdrop-filter: blur(10px);
      background: #ffffffcc;
      border-bottom:1px solid #e9ecef;
    }
    .poster{
      border-radius:1rem;
      overflow:hidden;
      background:#f8f9fa;
      border:1px solid #e9ecef;
    }
    .poster img{
      width:100%; height:auto; display:block;
    }
    .badge-soft{
      background:#0b122008;
      border:1px solid #0b122012;
      color:var(--muted);
      font-weight:600;
    }
    .source a{ text-decoration:none; }
    .source a:hover{ text-decoration:underline; }
    .edition-card{
      border:1px solid #e9ecef;
      border-radius:1.25rem;
      box-shadow: 0 10px 30px rgba(2,6,23,.06);
    }
    .ratio iframe{ border-radius:1rem; }
    .kbd{
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      font-size:.85rem;
      padding:.15rem .35rem;
      border:1px solid #dee2e6;
      border-bottom-width:2px;
      border-radius:.4rem;
      background:#fff;
    }
    .footer{
      background:linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
    }
    .editorial{
      line-height: 1.7;
    }
    .editorial h3{
      margin-top: 2rem;
      margin-bottom: 1rem;
      font-weight: 700;
    }
    .editorial p{
      margin-bottom: 1rem;
      color: var(--muted);
    }
    .accordion-button:not(.collapsed) {
      background-color: #f8f9fa;
    }