.pi4,.pi4-tokens{--pi4-card:#ffffff;--pi4-raised:#f8fafc;--pi4-border:#e2e8f0;--pi4-muted:#64748b;--pi4-faint:#475569;--pi4-onprimary:#ffffff}.dark .pi4,.dark .pi4-tokens{--pi4-card:#0e0e0e;--pi4-raised:#151515;--pi4-border:#242424;--pi4-muted:#94a3b8;--pi4-faint:#8593a8;--pi4-onprimary:#020202}.pi4{width:100%;max-width:1400px;margin:0 auto;padding:0 16px 96px}.pi4-controls{gap:10px;margin-top:12px;margin-bottom:4px}.pi4-controls,.pi4-search{display:flex;align-items:center}.pi4-search{flex:1;min-width:0;gap:8px;height:42px;padding:0 12px;border-radius:10px;background:var(--pi4-raised)}.pi4-search svg{width:18px;height:18px;flex:0 0 auto;color:var(--pi4-muted)}.pi4-search input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:15px;color:var(--foreground)}.pi4-search input::-moz-placeholder{color:var(--pi4-muted)}.pi4-search input::placeholder{color:var(--pi4-muted)}.pi4-search input::-webkit-search-cancel-button,.pi4-search input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.pi4-search__clear{display:inline-grid;place-items:center;width:36px;height:36px;margin:-8px -8px -8px 0;border-radius:8px;color:var(--pi4-muted)}.pi4-search__clear svg{width:14px;height:14px}.pi4-filterbtn{position:relative;display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:10px;background:var(--pi4-raised);color:var(--foreground)}.pi4-filterbtn svg{width:20px;height:20px}.pi4-filterbtn__dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:4px;background:var(--primary)}.pi4-filterbtn:focus-visible,.pi4-search__clear:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.pi4-wide{display:none}.pi4-sec{margin-top:8px}.pi4-sec__title{padding:8px 2px;font-size:12px;font-weight:800;letter-spacing:.5px;color:var(--pi4-muted)}.pi4-list{display:flex;flex-direction:column;gap:8px}.pi4-item{position:relative}.pi4-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto 18px;align-items:center;gap:12px;min-height:64px;padding:10px 14px;border-radius:12px;border:1px solid var(--pi4-border);background:var(--pi4-card);transition:border-color .12s ease,background-color .12s ease}@media (hover:hover){.pi4-row:hover{border-color:color-mix(in srgb,var(--primary) 40%,transparent);background:color-mix(in srgb,var(--primary) 4%,var(--pi4-card))}}.pi4-row:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.pi4-row__avatar,.pi4-row__avatar-fallback{width:44px;height:44px;border-radius:22px;background:var(--pi4-raised)}.pi4-row__avatar{-o-object-fit:cover;object-fit:cover}.pi4-row__avatar-fallback{display:grid;place-items:center;font-size:14px;font-weight:700;color:var(--pi4-muted)}.pi4-row__text{display:flex;flex-direction:column;gap:2px;min-width:0}.pi4-row__name{font-size:15px;font-weight:700;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pi4-row__meta{display:flex;align-items:center;gap:5px;min-width:0}.pi4-row__meta img{width:14px;height:14px;flex:0 0 auto;-o-object-fit:contain;object-fit:contain}.pi4-row__meta span{font-size:12px;font-weight:500;color:var(--pi4-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pi4-row__stats{display:flex;gap:12px}.pi4-stat{display:flex;flex-direction:column;align-items:center;min-width:32px}.pi4-stat__value{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--foreground)}.pi4-stat__label,.pi4-stat__value--dash{color:var(--pi4-faint)}.pi4-stat__label{font-size:9px;font-weight:600}.pi4-row__chevron{width:18px;height:18px;color:var(--pi4-faint)}.pi4-fav{display:none}.pi4-skelrow{display:grid;grid-template-columns:44px minmax(0,1fr) auto 18px;align-items:center;gap:12px;min-height:64px;padding:10px 14px;border-radius:12px;border:1px solid var(--pi4-border);background:var(--pi4-card)}.pi4-skel{display:block;border-radius:6px;background:color-mix(in srgb,var(--pi4-muted) 14%,transparent);animation:pi4pulse 1.6s ease-in-out infinite}.pi4-skel--avatar{width:44px;height:44px;border-radius:22px}.pi4-skel--name{width:60%;max-width:150px;height:12px}.pi4-skel--meta{margin-top:6px;width:40%;max-width:90px;height:9px}.pi4-skelrow__stats{display:flex;gap:12px}.pi4-skel--stat{width:32px;height:24px}@keyframes pi4pulse{0%,to{opacity:.55}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.pi4-skel{animation:none}}.pi4-empty,.pi4-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:64px 24px;text-align:center}.pi4-empty__title{font-size:15px;color:var(--pi4-muted)}.pi4-error__title{font-size:15px;color:var(--foreground)}.pi4-error button{padding:10px 20px;border-radius:8px;background:var(--primary);font-size:14px;font-weight:600;color:var(--pi4-onprimary)}.pi4-error button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.pi4-sheet__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.pi4-sheet__title{font-size:17px;font-weight:800;color:var(--foreground)}.pi4-sheet__clear{font-size:13px;font-weight:700;color:var(--primary)}.pi4-sheet__section{margin:6px 0 8px;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--pi4-faint)}.pi4-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.pi4-chip{display:inline-flex;align-items:center;justify-content:center;min-width:56px;min-height:44px;padding:8px 16px;border-radius:999px;border:1px solid var(--pi4-border);background:var(--pi4-raised);font-size:13px;font-weight:700;color:var(--foreground);transition:background-color .12s ease,border-color .12s ease}.pi4-chip--on{border-color:var(--primary);background:var(--primary);color:var(--pi4-onprimary)}.pi4-chip:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.pi4-chip--team{gap:5px;min-width:0;padding:8px 12px}.pi4-chip--team img{width:16px;height:16px;flex:0 0 auto;-o-object-fit:contain;object-fit:contain}.pi4-sortrow{display:flex;width:100%;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid var(--pi4-border);font-size:15px;font-weight:600;color:var(--foreground);text-align:left}.pi4-sortrow svg,.pi4-sortrow--on{color:var(--primary)}.pi4-sortrow svg{width:18px;height:18px}.pi4-sortrow:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}@media (min-width:1000px){.pi4-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;align-items:start}.pi4-search{flex:0 1 420px}.pi4-filterbtn{display:none}.pi4-wide{display:flex;align-items:center;gap:10px;min-width:0}.pi4-wide__seg{flex:0 0 auto}.pi4-wide__seg .ce-tsg4__cell{flex:1 0 auto;min-width:52px}.pi4-wide__seg .ce-tsg4{background:#e2e8f0;height:42px!important}.pi4-wide__seg .ce-tsg4__thumb{height:38px!important}.pi4-wide__seg .ce-tsg4__cell:not(.ce-tsg4__cell--on){color:var(--pi4-faint)}.dark .pi4-wide__seg .ce-tsg4{background:var(--pi4-raised)}.dark .pi4-wide__seg .ce-tsg4__cell:not(.ce-tsg4__cell--on){color:var(--pi4-muted)}.pi4-wide .pi4-sortbtn{height:42px;border-radius:10px;padding:0 12px;max-width:200px}.pi4-row__chevron{display:none}.pi4-row{grid-template-columns:44px minmax(0,1fr) auto;padding-right:44px}.pi4-fav{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;border-radius:8px;color:var(--pi4-muted);z-index:1}.pi4-fav svg{width:16px;height:16px}.pi4-fav--on svg{fill:#fbbf24;color:#fbbf24}.pi4-fav:focus-visible{outline:2px solid var(--primary);outline-offset:2px}}