.lib-body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;background-color:#fafafa;overflow-x:hidden}:is([data-theme=dark]) .lib-body{background-color:#09090b}.lib-nav{position:sticky;top:0;z-index:1000;height:3.5rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border-bottom:1px solid rgba(0,0,0,.06)}:is([data-theme=dark]) .lib-nav{background:#09090bcc;border-bottom-color:#ffffff0f}.lib-nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 1.25rem;max-width:100%}.lib-nav-logo{display:flex;align-items:center}.lib-nav-icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:10px;border:none;background:transparent;color:#71717a;cursor:pointer;transition:color .15s,background .15s;text-decoration:none}.lib-nav-icon:hover{color:#18181b;background:#0000000f}:is([data-theme=dark]) .lib-nav-icon{color:#a1a1aa}:is([data-theme=dark]) .lib-nav-icon:hover{color:#fff;background:#ffffff14}.lib-nav-login{display:inline-flex;align-items:center;gap:6px;padding:7px 18px;border-radius:999px;border:none;background:linear-gradient(135deg,#d946ef,#a855f7);font-size:.8125rem;font-weight:600;color:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 12px #d946ef59;letter-spacing:.01em}.lib-nav-login:hover{transform:translateY(-1px);box-shadow:0 6px 20px #d946ef73}.lib-nav-avatar{width:2.25rem;height:2.25rem;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:border-color .15s,box-shadow .15s;object-fit:cover}.lib-nav-avatar:hover{border-color:#d946ef;box-shadow:0 0 0 3px #d946ef26}.lib-avatar-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:200;min-width:180px;padding:6px;border-radius:14px;border:1px solid #e4e4e7;background:#fff;box-shadow:0 12px 40px #0000001f}:is([data-theme=dark]) .lib-avatar-menu{background:#1c1c1f;border-color:#2e2e33;box-shadow:0 12px 40px #0009}.lib-avatar-menu:not(.hidden){animation:lib-avatar-in .12s ease-out}@keyframes lib-avatar-in{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.lib-avatar-menu-item{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:10px;font-size:.8125rem;color:#52525b;cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:background .1s,color .1s}.lib-avatar-menu-item:hover{background:#f4f4f5;color:#18181b}:is([data-theme=dark]) .lib-avatar-menu-item{color:#d4d4d8}:is([data-theme=dark]) .lib-avatar-menu-item:hover{background:#27272a;color:#f4f4f5}.login-modal-card{background:#fff;border-radius:1.5rem;border:1px solid #e4e4e7;padding:2.5rem 2rem 1.5rem;max-width:24rem;width:100%;margin:0 1rem;box-shadow:0 24px 64px #00000026;animation:lib-modal-in .2s ease-out}:is([data-theme=dark]) .login-modal-card{background:#18181b;border-color:#2e2e33;box-shadow:0 24px 64px #00000080}@keyframes lib-modal-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-provider-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 16px;border-radius:12px;border:1px solid #e4e4e7;background:#fafafa;font-size:.875rem;font-weight:600;color:#3f3f46;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,transform .1s}.login-provider-btn:hover{border-color:#d946ef50;background:#fff;box-shadow:0 2px 12px #d946ef1a;transform:translateY(-1px)}:is([data-theme=dark]) .login-provider-btn{background:#1f1f23;border-color:#2e2e33;color:#d4d4d8}:is([data-theme=dark]) .login-provider-btn:hover{border-color:#d946ef50;background:#27272a;box-shadow:0 2px 12px #d946ef26}.lib-page-content{width:100%;max-width:100%;padding:0 1rem 4rem;box-sizing:border-box}@media(min-width:640px){.lib-page-content{padding:0 1.5rem 4rem}}@media(min-width:1024px){.lib-page-content{padding:0 2rem 4rem}}.lib-hero{text-align:center;padding:2.5rem 0 1.5rem}.lib-hero-title{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;color:#18181b;margin:0;line-height:1.1}@media(min-width:768px){.lib-hero-title{font-size:3.25rem}}:is([data-theme=dark]) .lib-hero-title{color:#fafafa}.lib-hero-accent{background:linear-gradient(135deg,#d946ef,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lib-hero-sub{margin:.5rem 0 0;font-size:.9375rem;color:#71717a}:is([data-theme=dark]) .lib-hero-sub{color:#a1a1aa}.lib-filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-bottom:1.5rem;padding:.75rem 1rem}.lib-suggest-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:999px;border:none;background:linear-gradient(135deg,#d946ef,#a855f7);font-size:.8125rem;font-weight:600;color:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 12px #d946ef4d}.lib-suggest-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #d946ef66}.lib-suggest-btn.hidden{display:none}.lib-grid{display:flex;gap:14px}@media(min-width:1024px){.lib-grid{gap:16px}}.lib-grid-col{flex:1;display:flex;flex-direction:column;gap:14px;min-width:0}@media(min-width:1024px){.lib-grid-col{gap:16px}}.lib-grid-item{content-visibility:auto;contain-intrinsic-size:auto 200px}.lib-dd-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid #e4e4e7;background:#fff;font-size:.8125rem;font-weight:500;color:#3f3f46;cursor:pointer;outline:none;white-space:nowrap;transition:border-color .15s,background .15s,box-shadow .15s}:is([data-theme=dark]) .lib-dd-btn{background:#ffffff0f;border-color:#ffffff1a;color:#d4d4d8}.lib-dd-btn:hover{border-color:#d946ef60;box-shadow:0 2px 8px #d946ef14}.lib-dd-btn[aria-expanded=true]{border-color:#d946ef;background:#d946ef0f;box-shadow:0 2px 12px #d946ef1f}.lib-dd-btn[aria-expanded=true] svg{transform:rotate(180deg)}:is([data-theme=dark]) .lib-dd-btn[aria-expanded=true]{border-color:#d946ef;background:#d946ef1f}.lib-dd-menu{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:100;min-width:160px;width:max-content;max-width:300px;max-height:320px;overflow-y:auto;padding:6px;border-radius:16px;border:1px solid #e4e4e7;background:#fff;box-shadow:0 12px 40px #0000001f,0 4px 12px #0000000f}:is([data-theme=dark]) .lib-dd-menu{background:#1c1c1f;border-color:#2e2e33;box-shadow:0 12px 40px #0000008c}.lib-dd-menu:not(.hidden){animation:lib-dd-in .15s ease-out}@keyframes lib-dd-in{0%{opacity:0;transform:translate(-50%) translateY(-6px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.lib-dd-search{width:100%;padding:8px 12px;margin-bottom:6px;border-radius:10px;border:1px solid #e4e4e7;background:#fafafa;font-size:.8125rem;color:#3f3f46;outline:none;box-sizing:border-box}.lib-dd-search:focus{border-color:#d946ef;box-shadow:0 0 0 3px #d946ef1f}:is([data-theme=dark]) .lib-dd-search{background:#27272a;border-color:#3f3f46;color:#d4d4d8}:is([data-theme=dark]) .lib-dd-search:focus{border-color:#d946ef}.lib-dd-opt{padding:8px 12px;border-radius:10px;cursor:pointer;color:#52525b;font-size:.8125rem;transition:background-color .1s,color .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:is([data-theme=dark]) .lib-dd-opt{color:#d4d4d8}.lib-dd-opt:hover{background-color:#f4f4f5;color:#18181b}:is([data-theme=dark]) .lib-dd-opt:hover{background-color:#27272a;color:#f4f4f5}.lib-dd-opt.selected{background:linear-gradient(135deg,#d946ef1a,#a855f71a);color:#c026d3;font-weight:600}:is([data-theme=dark]) .lib-dd-opt.selected{background:linear-gradient(135deg,#d946ef2e,#a855f71f);color:#e879f9}.lib-dd-menu::-webkit-scrollbar{width:6px}.lib-dd-menu::-webkit-scrollbar-track{background:transparent}.lib-dd-menu::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:3px}:is([data-theme=dark]) .lib-dd-menu::-webkit-scrollbar-thumb{background:#3f3f46}.suggest-modal-card{position:relative;background:#fff;border-radius:1.25rem;border:1px solid #e4e4e7;padding:1.5rem;max-width:28rem;width:100%;margin:0 1rem;box-shadow:0 24px 64px #00000026;animation:lib-modal-in .2s ease-out}.modal-close-btn{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:#f4f4f5;border:none;cursor:pointer;transition:background .15s;z-index:2}.modal-close-btn:hover{background:#e4e4e7}:is([data-theme=dark]) .modal-close-btn{background:#27272a}:is([data-theme=dark]) .modal-close-btn:hover{background:#3f3f46}@media(min-width:640px){.suggest-modal-card{padding:1.75rem}}:is([data-theme=dark]) .suggest-modal-card{background:#18181b;border-color:#2e2e33;box-shadow:0 24px 64px #00000080}.suggest-dropzone{margin-bottom:1rem;border:2px dashed #d4d4d8;border-radius:1rem;padding:2rem 1rem;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}:is([data-theme=dark]) .suggest-dropzone{border-color:#3f3f46}.suggest-dropzone:hover{border-color:#d946ef80;background:#d946ef08}:is([data-theme=dark]) .suggest-dropzone:hover{background:#d946ef0d}.suggest-label{display:block;font-size:.75rem;font-weight:600;color:#71717a;margin-bottom:.375rem;letter-spacing:.02em}:is([data-theme=dark]) .suggest-label{color:#a1a1aa}.suggest-input{width:100%;padding:9px 12px;border-radius:12px;border:1px solid #e4e4e7;background:#fafafa;font-size:.8125rem;color:#3f3f46;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.suggest-input:focus{border-color:#d946ef;box-shadow:0 0 0 3px #d946ef1a}:is([data-theme=dark]) .suggest-input{background:#27272a;border-color:#3f3f46;color:#d4d4d8}:is([data-theme=dark]) .suggest-input:focus{border-color:#d946ef}.suggest-dd-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 12px;border-radius:12px;border:1px solid #e4e4e7;background:#fafafa;font-size:.8125rem;color:#3f3f46;cursor:pointer;outline:none;transition:border-color .15s,box-shadow .15s}:is([data-theme=dark]) .suggest-dd-btn{background:#27272a;border-color:#3f3f46;color:#d4d4d8}.suggest-dd-btn:hover{border-color:#d946ef60}.suggest-dd-btn[aria-expanded=true]{border-color:#d946ef;box-shadow:0 0 0 3px #d946ef1a}.suggest-dd-btn[aria-expanded=true] svg{transform:rotate(180deg)}.suggest-dd-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:200;max-height:200px;overflow-y:auto;padding:4px;border-radius:12px;border:1px solid #e4e4e7;background:#fff;box-shadow:0 8px 24px #0000001a}:is([data-theme=dark]) .suggest-dd-menu{background:#1c1c1f;border-color:#2e2e33;box-shadow:0 8px 24px #00000080}.suggest-dd-menu:not(.hidden){animation:lib-dd-in-simple .12s ease-out}@keyframes lib-dd-in-simple{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.suggest-dd-opt{padding:8px 10px;border-radius:8px;cursor:pointer;color:#52525b;font-size:.8125rem;transition:background-color .1s,color .1s}:is([data-theme=dark]) .suggest-dd-opt{color:#d4d4d8}.suggest-dd-opt:hover{background-color:#f4f4f5;color:#18181b}:is([data-theme=dark]) .suggest-dd-opt:hover{background-color:#27272a;color:#f4f4f5}.suggest-dd-opt.selected{background:linear-gradient(135deg,#d946ef1a,#a855f71a);color:#c026d3;font-weight:600}:is([data-theme=dark]) .suggest-dd-opt.selected{background:linear-gradient(135deg,#d946ef2e,#a855f71f);color:#e879f9}.suggest-dd-menu::-webkit-scrollbar{width:5px}.suggest-dd-menu::-webkit-scrollbar-track{background:transparent}.suggest-dd-menu::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:3px}:is([data-theme=dark]) .suggest-dd-menu::-webkit-scrollbar-thumb{background:#3f3f46}.suggest-check-row{display:flex;align-items:center;gap:.625rem;cursor:pointer;user-select:none}.suggest-check-box{position:relative;flex-shrink:0}.suggest-check-box input.suggest-check{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.suggest-check-indicator{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border-radius:5px;border:1.5px solid #d4d4d8;background:#fff;transition:background .15s,border-color .15s}:is([data-theme=dark]) .suggest-check-indicator{border-color:#52525b;background:#27272a}.suggest-check-box input.suggest-check:checked~.suggest-check-indicator{background:#d946ef;border-color:#d946ef}.suggest-check-icon{width:.6rem;height:.6rem;color:#fff;opacity:0;transition:opacity .1s}.suggest-check-box input.suggest-check:checked~.suggest-check-indicator .suggest-check-icon{opacity:1}.suggest-check-text{font-size:.7rem;line-height:1.4;color:#71717a}:is([data-theme=dark]) .suggest-check-text{color:#a1a1aa}.suggest-check-row:hover .suggest-check-indicator{border-color:#d946ef80}.suggest-combobox{position:relative}.suggest-combobox-input{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 12px;border-radius:12px;border:1px solid #e4e4e7;background:#fafafa;font-size:.8125rem;color:#3f3f46;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;cursor:pointer}.suggest-combobox-input:focus{border-color:#d946ef;box-shadow:0 0 0 3px #d946ef1a}.suggest-combobox-input::placeholder{color:#a1a1aa}:is([data-theme=dark]) .suggest-combobox-input{background:#27272a;border-color:#3f3f46;color:#d4d4d8}:is([data-theme=dark]) .suggest-combobox-input:focus{border-color:#d946ef}:is([data-theme=dark]) .suggest-combobox-input::placeholder{color:#52525b}.suggest-combobox-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:200;background:#fff;border:1px solid #e4e4e7;border-radius:12px;box-shadow:0 8px 24px #0000001a;max-height:11rem;overflow-y:auto;padding:4px}:is([data-theme=dark]) .suggest-combobox-menu{background:#18181b;border-color:#3f3f46;box-shadow:0 4px 24px #0006}.suggest-combobox-menu:not(.hidden){animation:lib-dd-in-simple .12s ease-out}.suggest-combobox-opt{padding:6px 10px;border-radius:6px;font-size:.8125rem;color:#52525b;cursor:pointer;transition:background .1s,color .1s}:is([data-theme=dark]) .suggest-combobox-opt{color:#d4d4d8}.suggest-combobox-opt:hover{background-color:#f4f4f5;color:#18181b}:is([data-theme=dark]) .suggest-combobox-opt:hover{background-color:#27272a;color:#f4f4f5}.suggest-combobox-opt.selected{background:linear-gradient(135deg,#d946ef1a,#a855f71a);color:#c026d3;font-weight:600}:is([data-theme=dark]) .suggest-combobox-opt.selected{background:linear-gradient(135deg,#d946ef2e,#a855f71f);color:#e879f9}.suggest-combobox-menu::-webkit-scrollbar{width:4px}.suggest-combobox-menu::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:3px}:is([data-theme=dark]) .suggest-combobox-menu::-webkit-scrollbar-thumb{background:#3f3f46}.suggest-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 16px;border-radius:12px;border:none;background:linear-gradient(135deg,#d946ef,#a855f7);font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 2px 12px #d946ef4d}.suggest-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #d946ef66}.suggest-submit-btn:disabled{opacity:.5;cursor:not-allowed}.lib-leaderboard-list{display:flex;flex-direction:column;gap:2px}.lib-lb-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;transition:background .1s}.lib-lb-row:hover{background:#f4f4f5}:is([data-theme=dark]) .lib-lb-row:hover{background:#1c1c1f}.lib-lb-rank{width:1.75rem;text-align:center;font-size:.8125rem;font-weight:700;color:#a1a1aa;flex-shrink:0}.lib-lb-rank.top-1{color:#eab308}.lib-lb-rank.top-2{color:#a1a1aa}.lib-lb-rank.top-3{color:#d97706}.lib-lb-avatar{width:2rem;height:2rem;border-radius:50%;object-fit:cover;flex-shrink:0}.lib-lb-avatar-placeholder{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,#d946ef,#a855f7);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0}.lib-lb-name{flex:1;min-width:0;font-size:.875rem;font-weight:500;color:#18181b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:is([data-theme=dark]) .lib-lb-name{color:#e4e4e7}.lib-lb-count{font-size:.8125rem;font-weight:600;color:#d946ef;flex-shrink:0}.lib-lb-count-label{font-size:.7rem;color:#a1a1aa;margin-left:2px}#lib-toast{position:fixed;top:5rem;left:50%;transform:translate(-50%) translateY(-.75rem);z-index:99999;display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem .75rem .875rem;border-radius:.875rem;background:#1c1c1f;border:1px solid #3f3f46;color:#e4e4e7;font-size:.8375rem;font-weight:500;line-height:1.4;box-shadow:0 8px 32px #00000080,0 1px #ffffff0a inset;pointer-events:none;opacity:0;transition:opacity .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1);max-width:min(420px,90vw);text-align:left}#lib-toast.lib-toast--visible{opacity:1;transform:translate(-50%) translateY(0)}#lib-toast.lib-toast--error{background:#1f1315;border-color:#ef444466}#lib-toast .lib-toast-icon{flex-shrink:0;width:1.25rem;height:1.25rem;border-radius:9999px;display:flex;align-items:center;justify-content:center}#lib-toast.lib-toast--error .lib-toast-icon{background:#ef444426;color:#f87171}#lib-toast .lib-toast-text{flex:1}
