.card{--font-color: #323232;--font-color-sub: #666;--bg-color: #fff;--main-color: #323232;--main-focus: #2d8cf0;width:240px;height:320px;background:var(--bg-color);border:2px solid var(--main-color);box-shadow:4px 4px var(--main-color);border-radius:5px;display:flex;flex-direction:column;justify-content:flex-start;padding:20px;gap:10px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.card-title{font-size:20px;font-weight:500;text-align:center;color:var(--font-color)}.card-subtitle{font-size:14px;font-weight:400;color:var(--font-color-sub)}.card-divider{padding:0;margin:0;width:100%;border:1px solid var(--main-color);border-radius:20px}.card-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:12px}.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:10px}.truncate-multi-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.truncate-multi-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.truncate-multi-7{display:-webkit-box;-webkit-line-clamp:7;line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}:root{--header-bg: #242424;--header-shadow: 0 2px 10px rgba(0,0,0,.15)}@media (prefers-color-scheme: light){:root{--header-bg: #ffffff}}.site-header{position:sticky;top:0;z-index:1000;background-color:var(--header-bg);padding:max(12px,env(safe-area-inset-top)) 16px 12px;box-shadow:var(--header-shadow)}.group{margin-inline:auto;width:min(600px,100%);display:flex;align-items:center;position:relative}.input{width:100%;height:40px;line-height:28px;padding:0 1rem 0 2.5rem;border:2px solid transparent;border-radius:8px;outline:none;background-color:#f3f3f4;color:#0d0c22;transition:.3s ease}.input::placeholder{color:#9e9ea7}.input:focus,input:hover{outline:none;border-color:#f77f0066;background-color:#fff;box-shadow:0 0 0 4px #f77f001a}.icon{position:absolute;left:1rem;width:1rem;height:1rem;fill:#9e9ea7}:where(h1,h2,h3){scroll-margin-top:72px}