:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0b1018;color:#e7edf4;font-size:15px}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1440px;margin:auto;padding:24px 32px}header{border-bottom:1px solid #263244;display:flex;align-items:center;gap:32px}a{color:#83e2c4;text-underline-offset:3px}nav{display:flex;gap:20px}.brand{font-size:26px;font-weight:750;text-decoration:none}nav a[aria-current=page]{color:#fff}h1{font-size:30px;margin:0 0 8px}h2{font-size:20px}h3{font-size:16px;margin:0 0 8px}p,.muted,footer{color:#a7b5c6;line-height:1.55}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:24px 0}.toolbar label{display:flex;gap:8px;align-items:center}input,select{font:inherit;color:inherit;background:#151e2b;border:1px solid #35455a;border-radius:6px;padding:10px;max-width:100%}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.card{min-width:0;padding:18px;border:1px solid #293549;border-radius:12px;background:#111a26;scroll-margin-top:16px}.card p{font-size:13px;margin:8px 0}.card img{width:100%;height:auto;display:block;border-radius:6px;background:#080b12}.card audio{width:100%;margin:12px 0;display:block}.card:target{outline:2px solid #83e2c4}.tag{display:inline-block;padding:3px 8px;background:#213329;color:#a2e3c9;border-radius:5px;font-size:12px}.meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.downloads{display:flex;gap:16px;font-size:13px}.sequence{display:flex;gap:8px;list-style:none;padding:0;flex-wrap:wrap}.sequence li{border:1px solid #3c665b;border-radius:6px;padding:6px 10px;color:#a2e3c9}.phrase{margin:20px 0 32px}.phrase>summary{cursor:pointer;font-size:18px;padding:16px;background:#172131;border-radius:8px}.phrase .grid{margin-top:16px}.stats{display:flex;flex-wrap:wrap;gap:24px;margin:24px 0}.stats div{padding:20px;background:#111a26;border:1px solid #293549;border-radius:10px;min-width:160px}.stats strong{font-size:30px;display:block}.stats span{color:#a7b5c6}.empty{padding:32px;border:1px dashed #35455a;border-radius:10px}a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #83e2c4;outline-offset:4px}[hidden]{display:none!important}@media(max-width:600px){header,main,footer{padding:18px}header{gap:20px}.grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbar label{flex-direction:column;align-items:stretch}}
