.lf-hero{padding:var(--pad);margin-bottom:var(--gap);border-radius:var(--radius);border:1px solid var(--border);background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 55%), var(--card);justify-content:space-between;align-items:center;gap:24px;display:flex}.lf-h1{letter-spacing:-.5px;align-items:center;gap:12px;margin:0 0 6px;font-size:26px;font-weight:800;display:flex}.lf-h1-ico{width:44px;height:44px;color:var(--accent);background:var(--accent-weak);border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.lf-sub{color:var(--muted);max-width:640px;margin:0;font-size:15px;line-height:1.55}.lf-btn{border:1px solid var(--border-2);background:var(--card-2);height:38px;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .13s;display:inline-flex}.lf-btn:hover:not(:disabled){border-color:var(--accent)}.lf-btn:disabled{opacity:.45;cursor:default}.lf-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.lf-btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.lf-btn.danger{color:#e5484d;background:0 0}.lf-btn.danger:hover{background:#e5484d1a;border-color:#e5484d}.lf-btn.cancel{color:#ff7a7a}.lf-btn.cancel:hover:not(:disabled){background:#ff7a7a14;border-color:#ff7a7a80}.lf-new{flex:none;height:44px;padding:0 20px;font-size:15px}.lf-bar{margin-bottom:var(--gap);flex-direction:column;gap:10px;display:flex}.lf-search{border:1px solid var(--border-2);background:var(--card);color:var(--muted);border-radius:10px;align-items:center;gap:9px;padding:0 13px;transition:border-color .13s;display:flex}.lf-search:focus-within{border-color:var(--accent)}.lf-search input{min-width:0;height:42px;color:var(--text);font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:15px}.lf-filter{max-width:460px}.lf-chips{flex-wrap:wrap;gap:6px;display:flex}.lf-chip{border:1px solid var(--border-2);background:var(--card);height:34px;color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:13.5px;font-weight:700;transition:all .13s;display:inline-flex}.lf-chip:hover{color:var(--text)}.lf-chip.on{background:var(--accent-weak);border-color:var(--accent);color:var(--accent)}.lf-chip>span{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:600}.lf-chip-cv{object-fit:cover;border-radius:6px;flex:none;width:20px;height:20px;margin-left:-5px}.lf-chip-cv.lf-glyph b{font-size:11px}.lf-sq{background-position:50%;background-size:cover;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.lf-sq:before{content:"";-webkit-backdrop-filter:blur(10px)brightness(.6);backdrop-filter:blur(10px)brightness(.6);position:absolute;inset:0}.lf-sq img{aspect-ratio:1;object-fit:cover;height:100%;position:relative}.lf-glyph{background:linear-gradient(135deg, hsl(var(--h) 45% 32%), hsl(calc(var(--h) + 40) 45% 20%));color:#fff;justify-content:center;align-items:center;display:inline-flex}.lf-glyph b{letter-spacing:.3px;font-size:13.5px;font-weight:800}.lf-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;gap:12px;display:grid}.lf-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);flex-direction:column;gap:12px;padding:16px 18px;scroll-margin:90px;transition:border-color .2s,box-shadow .2s;display:flex}.lf-card.mine{border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.lf-card.hl{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.lf-card-h{align-items:center;gap:10px;display:flex}.lf-who{min-width:0;color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.lf-who-t{flex-direction:column;min-width:0;display:flex}.lf-who-t b{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-size:15px;font-weight:700;display:inline-flex;overflow:hidden}.lf-who-t small{color:var(--muted);font-size:13.5px}a.lf-who:hover .lf-who-t b{color:var(--accent)}.lf-ic{border:1px solid var(--border-2);background:var(--card-2);width:32px;height:32px;color:var(--muted);cursor:pointer;border-radius:9px;flex:none;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.lf-ic:hover{color:var(--text)}.lf-games{flex-wrap:wrap;gap:6px;display:flex}.lf-game{border:1px solid var(--border-2);background:var(--card-2);max-width:100%;height:34px;color:var(--text);font:inherit;cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:0 12px 0 3px;font-size:13.5px;font-weight:700;transition:border-color .13s;display:inline-flex}.lf-game:hover{border-color:var(--accent)}.lf-game span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lf-game-cv{object-fit:cover;border-radius:6px;flex:none;width:56px;height:26px}.lf-game-cv.lf-glyph b{font-size:11px}.lf-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.55}.lf-body.clamp{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.lf-more{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:-6px;padding:0;font-size:13.5px;font-weight:700}.lf-card-f{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;padding-top:12px;display:flex}.lf-card-f:empty{display:none}.lf-card-f .lf-btn{flex:1}.lf-none{border-radius:var(--radius);border:1px dashed var(--border-2);color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:48px 20px;display:flex}.lf-none b{color:var(--text);font-size:18px}.lf-none span{max-width:420px;font-size:15px}.lf-none .lf-btn{margin-top:8px}.lf-old{margin-top:var(--gap)}.lf-old-h{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);width:100%;height:44px;color:var(--text);font:inherit;cursor:pointer;align-items:center;gap:8px;margin-bottom:12px;padding:0 16px;font-size:15px;font-weight:800;display:flex}.lf-old-h span{background:var(--card-2);min-width:24px;height:22px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:0 7px;font-size:13.5px;display:inline-flex}.lf-old-h svg{color:var(--muted);margin-left:auto;transition:transform .18s}.lf-old-h.on svg{transform:rotate(180deg)}.lf-old .lf-card{opacity:.75}.lf-scrim{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000009e;justify-content:center;align-items:flex-start;padding:6vh 16px 24px;display:flex;position:fixed;inset:0;overflow-y:auto}.lf-modal{background:var(--card);border:1px solid var(--border-2);border-radius:var(--radius);width:100%;max-width:560px;padding:20px 22px 22px;box-shadow:0 24px 70px #0009}.lf-m-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.lf-m-head h2{margin:0;font-size:18px;font-weight:800}.lf-x{border:1px solid var(--border-2);background:var(--card-2);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.lf-x:hover{color:var(--text)}.lf-f-l{color:var(--muted);justify-content:space-between;margin:16px 0 8px;font-size:13.5px;font-weight:700;display:flex}.lf-f-l span{font-variant-numeric:tabular-nums;font-weight:600}.lf-picked{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.lf-pick{border:1px solid var(--accent);background:var(--accent-weak);border-radius:9px;align-items:center;gap:8px;max-width:100%;height:34px;padding:0 4px 0 3px;font-size:13.5px;display:inline-flex}.lf-pick b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lf-pick button{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:none;justify-content:center;align-items:center;display:inline-flex}.lf-pick button:hover{color:#ff7a7a;background:#ff7a7a1a}.lf-pick-cv{object-fit:cover;border-radius:6px;flex:none;width:56px;height:26px}.lf-modal .lf-search{background:var(--card-2)}.lf-sec{letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin:12px 0 6px;font-size:11px;font-weight:800}.lf-rows{flex-direction:column;gap:4px;max-height:248px;display:flex;overflow-y:auto}.lf-row{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:5px 8px 5px 5px;display:flex}.lf-row:hover:not(:disabled){background:var(--card-2)}.lf-row:disabled{opacity:.45;cursor:default}.lf-row.on{border-color:var(--accent);background:var(--accent-weak)}.lf-row-cv{object-fit:cover;border-radius:7px;flex:none;width:80px;height:37px}.lf-row-t{flex-direction:column;flex:1;min-width:0;display:flex}.lf-row-t b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.lf-row-t small{color:var(--muted);font-size:13.5px}.lf-row-st{color:var(--muted);display:inline-flex}.lf-row.on .lf-row-st{color:var(--accent)}.lf-empty{color:var(--muted);padding:10px 4px;font-size:13.5px}.lf-in{box-sizing:border-box;border:1px solid var(--border-2);background:var(--card-2);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:10px;outline:none;min-height:110px;padding:11px 13px;font-size:15px;line-height:1.5}.lf-in:focus{border-color:var(--accent)}.lf-m-foot{gap:8px;margin-top:18px;display:flex}.lf-m-foot .lf-btn{flex:1;height:42px;font-size:15px}@media (max-width:860px){.lf-hero{flex-direction:column;align-items:flex-start;padding:20px}.lf-new{width:100%}.lf-filter{max-width:none}.lf-chips{scrollbar-width:none;flex-wrap:nowrap;margin:0 -2px;padding:0 2px;overflow-x:auto}.lf-chip{flex:none}.lf-grid{grid-template-columns:1fr}.lf-modal{padding:18px 16px}.lf-scrim{padding-top:3vh}}
