:root{color-scheme:light dark}
body{min-height:100vh}
#nav{position:sticky;top:0;display:flex;justify-content:flex-start;overflow-x:auto;white-space:nowrap;gap:.5rem;padding:.6rem 1rem;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);max-width:960px;margin:0 auto 1.2rem;border-radius:.6rem;z-index:10}
#nav a{flex:0 0 auto}
.theme-toggle{margin-left:auto;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;border-radius:2.5rem;padding:.25rem .7rem;cursor:pointer}
.panel h1,.panel h2,.panel h3{color:#363636}
.list-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.card{background:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 0.1rem .25rem rgba(0,0,0,.08)}
.card img{width:100%;height:140px;object-fit:cover;border-radius:.35rem;margin-bottom:.6rem}
.links{display:flex;gap:.5rem;flex-wrap:wrap}
.links a{border:1px solid #ddd;padding:.25rem .6rem;border-radius:.35rem;font-size:.85rem}
#main{min-height:540px}
@media (prefers-color-scheme: dark){
  body{background:#202530 url('../css/images/overlay.png'),linear-gradient(75deg,#262a31 15%,#1d3448 55%)}
  .panel{background:#1f2430;color:#d4dbe8}
  .panel h1,.panel h2,.panel h3,.panel strong{color:#eef2ff}
  .card{background:#171b24;color:#d4dbe8}
  .links a{border-color:#3e475a;color:#f2f5ff}
}
:root[data-theme='light'] body{background:#e1e4ea url('../css/images/overlay.png'),linear-gradient(75deg,#e7ebf1 15%,#dce8f4 55%)}
:root[data-theme='dark'] body{background:#202530 url('../css/images/overlay.png'),linear-gradient(75deg,#262a31 15%,#1d3448 55%)}
:root[data-theme='dark'] .panel{background:#1f2430;color:#d4dbe8}
:root[data-theme='dark'] .panel h1,:root[data-theme='dark'] .panel h2,:root[data-theme='dark'] .panel h3,:root[data-theme='dark'] .panel strong{color:#eef2ff}
:root[data-theme='dark'] .card{background:#171b24;color:#d4dbe8}
:root[data-theme='dark'] .links a{border-color:#3e475a;color:#f2f5ff}
.vault-grid{display:grid;grid-template-columns:220px 1fr;gap:1rem}
@media (max-width:736px){.vault-grid{grid-template-columns:1fr}}
.vault-tabs button{display:block;width:100%;margin-bottom:.5rem;padding:.55rem;border-radius:.35rem;border:1px solid #d8d8d8;background:#fff;text-align:left}