.ldp-wrap{--ldp-cut:0.5rem;--ldp-gap:1rem;max-width:1400px;margin:0 auto;padding:calc(var(--header-height, 64px) + 2rem) max(2rem,env(safe-area-inset-right)) calc(6rem + env(safe-area-inset-bottom)) max(2rem,env(safe-area-inset-left));box-sizing:border-box;min-width:0}.ldp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem 2rem;margin-bottom:1.75rem;flex-wrap:wrap}.ldp-head-left{display:flex;align-items:center;gap:.875rem;min-width:0}.ldp-head-left>button{flex-shrink:0}.ldp-head-left>div{min-width:0}.ldp-title{font-size:clamp(1.5rem,1.1rem + 2.4vw,2.75rem);font-weight:900;color:var(--text-primary);font-family:var(--font-display);letter-spacing:-.04em;margin:0;line-height:1.05;text-wrap:balance}.ldp-subtitle{display:block;margin-top:.3rem;font-size:.8125rem;color:var(--text-muted);font-weight:600;font-variant-numeric:tabular-nums}.ldp-head-right{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;flex:0 1 580px;min-width:0;max-width:100%}.ldp-search-form{position:relative;display:flex;align-items:stretch;gap:.5rem;width:100%}.ldp-search-icon{display:none}.ldp-search-input{flex:1 1 auto;min-width:0;width:100%;height:2.75rem;padding:0 .875rem 0 2.6rem;box-sizing:border-box;background-color:var(--background-secondary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238a94a6' stroke-linecap='round' stroke-width='2.2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.9rem;background-size:16px 16px;border:1px solid var(--border-color);border-radius:0;clip-path:polygon(var(--ldp-cut) 0,calc(100% - var(--ldp-cut)) 0,100% var(--ldp-cut),100% calc(100% - var(--ldp-cut)),calc(100% - var(--ldp-cut)) 100%,var(--ldp-cut) 100%,0 calc(100% - var(--ldp-cut)),0 var(--ldp-cut));color:var(--text-primary);font-size:.875rem;font-family:var(--font-primary);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.ldp-search-input::-webkit-search-cancel-button{display:none}.ldp-search-input::-moz-placeholder{color:var(--text-muted);opacity:1}.ldp-search-input::placeholder{color:var(--text-muted);opacity:1}.ldp-search-input:focus,.ldp-search-input:focus-visible{border-color:var(--primary-color);background-color:var(--background-primary);box-shadow:inset 0 0 0 1px var(--primary-color);outline:none}.ldp-search-btn{flex-shrink:0;height:2.75rem;min-width:5.25rem;padding:0 1.25rem;background:var(--gradient-primary);border:none;border-radius:0;clip-path:polygon(var(--ldp-cut) 0,calc(100% - var(--ldp-cut)) 0,100% var(--ldp-cut),100% calc(100% - var(--ldp-cut)),calc(100% - var(--ldp-cut)) 100%,var(--ldp-cut) 100%,0 calc(100% - var(--ldp-cut)),0 var(--ldp-cut));color:var(--text-on-primary);font-size:.8125rem;font-weight:800;font-family:var(--font-display);letter-spacing:.04em;white-space:nowrap;cursor:pointer;transition:opacity .15s ease,transform .12s ease}.ldp-search-btn:active{transform:scale(.96);opacity:.9}.ldp-search-btn:focus-visible{box-shadow:inset 0 0 0 2px var(--text-on-primary)}.ldp-sort-row{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end;width:100%}.ldp-sort-btn{position:relative;flex:0 0 auto;min-height:2.25rem;padding:0 .95rem;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:0;clip-path:polygon(.3rem 0,calc(100% - .3rem) 0,100% .3rem,100% calc(100% - .3rem),calc(100% - .3rem) 100%,.3rem 100%,0 calc(100% - .3rem),0 .3rem);color:var(--text-muted);font-size:.75rem;font-weight:700;font-family:var(--font-display);letter-spacing:.03em;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .12s ease}.ldp-sort-btn:active{transform:scale(.96)}.ldp-sort-btn:focus-visible{box-shadow:inset 0 0 0 2px var(--primary-color)}.ldp-sort-btn--active{background:var(--gradient-primary);border-color:transparent;color:var(--text-on-primary)}.ldp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:var(--ldp-gap);align-items:stretch}.ldc-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:.625rem;min-width:0;padding:1.5rem 1rem 1.125rem;box-sizing:border-box;text-align:center;overflow:hidden;background:var(--background-secondary);border:1px solid var(--border-color);clip-path:polygon(var(--ldp-cut) 0,calc(100% - var(--ldp-cut)) 0,100% var(--ldp-cut),100% calc(100% - var(--ldp-cut)),calc(100% - var(--ldp-cut)) 100%,var(--ldp-cut) 100%,0 calc(100% - var(--ldp-cut)),0 var(--ldp-cut));cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:border-color .18s ease,transform .18s cubic-bezier(.22,1,.36,1),background-color .18s ease;content-visibility:auto;contain-intrinsic-size:auto 260px}.ldc-card:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity .2s ease;pointer-events:none}.ldc-card>*{position:relative}@media (hover:hover) and (pointer:fine){.ldc-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.ldc-card:hover:before{opacity:.05}}.ldc-card:active{transform:scale(.985);transition-duration:.08s}.ldc-card:active:before{opacity:.08}.ldc-card .ldc-live-badge,.ldc-card .oct-badge,.ldc-card .oct-img,.ldc-card .oct-ring,.ldc-card .oct-wrap{z-index:auto!important}.ldc-card--skeleton{height:260px;background:var(--background-tertiary);border-color:transparent;cursor:default;pointer-events:none;content-visibility:visible}.ldc-card--skeleton:before{inset:0;background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--text-primary) 7%,transparent) 50%,transparent 80%);opacity:1;transform:translateX(-100%);animation:ldc-sweep 1.4s ease-in-out infinite;will-change:transform}@keyframes ldc-sweep{to{transform:translateX(100%)}}.ldc-avatar-oct{margin:0 auto .25rem;position:relative;flex-shrink:0}.ldc-live-badge{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);padding:2px 7px;background:var(--error-color);color:#fff;font-size:.5625rem;font-weight:900;font-family:var(--font-display);letter-spacing:.1em;line-height:1.2;white-space:nowrap;clip-path:polygon(.2rem 0,calc(100% - .2rem) 0,100% .2rem,100% calc(100% - .2rem),calc(100% - .2rem) 100%,.2rem 100%,0 calc(100% - .2rem),0 .2rem)}.ldc-info{display:flex;flex-direction:column;gap:3px;width:100%;min-width:0}.ldc-name{font-size:.9375rem;font-weight:800;color:var(--text-primary);font-family:var(--font-display);letter-spacing:-.01em;line-height:1.25}.ldc-handle,.ldc-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ldc-handle{font-size:.75rem;color:var(--primary-color);font-weight:600}.ldc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.5rem;padding-top:.625rem;border-top:1px solid var(--border-color)}.ldc-stat{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0;font-size:.625rem;font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ldc-stat+.ldc-stat{border-left:1px solid var(--border-color)}.ldc-stat strong{display:block;font-size:.9375rem;font-weight:900;font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);font-variant-numeric:tabular-nums}.ldc-plug-wrap{display:flex;justify-content:center;width:100%;margin-top:.25rem}.ldc-well-btn{position:absolute;top:.625rem;right:.625rem;bottom:auto;cursor:pointer;transition:transform .12s ease,opacity .15s ease}.ldc-well-btn:after{content:"";position:absolute;inset:-8px}.ldc-well-btn:active{transform:scale(.9)}.ldp-empty,.ldp-error{margin:2rem auto;max-width:28rem;padding:2.5rem 1.25rem;text-align:center;border:1px dashed var(--border-color);background:var(--background-secondary);font-size:.9375rem;line-height:1.5}.ldp-error{color:var(--error-color);font-weight:600;border-style:solid;border-color:color-mix(in srgb,var(--error-color) 40%,var(--border-color));background:color-mix(in srgb,var(--error-color) 7%,var(--background-secondary))}.ldp-empty{color:var(--text-muted)}.ldp-sentinel{height:1px}.ldp-loading-more{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1.5rem;font-size:.875rem;color:var(--text-muted);font-weight:600}.ldp-loading-more:before{content:"";width:14px;height:14px;border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:ldp-spin .7s linear infinite}@keyframes ldp-spin{to{transform:rotate(1turn)}}@media (max-width:960px){.ldp-wrap{padding-top:calc(var(--header-height, 64px) + 1.25rem);padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right))}.ldp-head{flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1.25rem}.ldp-head-right{flex:none;width:100%;align-items:stretch}.ldp-sort-row{justify-content:flex-start}}@media (max-width:600px){.ldp-wrap{--ldp-gap:0.625rem;--ldp-cut:0.4rem;padding:calc(var(--header-height, 64px) + .75rem) max(.75rem,env(safe-area-inset-right)) calc(5rem + env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}.ldp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ldp-sort-row{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;margin-inline:-.75rem;padding-inline:.75rem;scroll-snap-type:x proximity;scroll-padding-inline:.75rem;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 .75rem,#000 calc(100% - 1.25rem),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 .75rem,#000 calc(100% - 1.25rem),transparent)}.ldp-sort-row::-webkit-scrollbar{display:none}.ldp-sort-btn{scroll-snap-align:start;min-height:2.5rem}.ldc-card{padding:1.125rem .625rem .875rem;gap:.5rem;contain-intrinsic-size:auto 240px}.ldc-name{font-size:.875rem}.ldc-handle{font-size:.6875rem}.ldc-stats{margin-top:.375rem;padding-top:.5rem}.ldc-stat{font-size:.625rem;letter-spacing:0;text-transform:none;font-weight:600}.ldc-stat strong{font-size:.8125rem}.ldc-well-btn{top:.4rem;right:.4rem}}@media (hover:none) and (pointer:coarse){.ldp-search-input{font-size:16px}}@media (max-width:340px){.ldp-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.ldc-card,.ldc-card:before,.ldc-well-btn,.ldp-search-btn,.ldp-sort-btn{transition:none}.ldc-card--skeleton:before{animation:none;transform:none;opacity:.5}.ldp-loading-more:before{animation-duration:1.6s}}