.pl-head{gap:32px;margin-bottom:0;border-bottom:0;padding-bottom:24px}.pl-head .s-head__actions{justify-content:flex-end;margin-bottom:10px}@media (max-width: 768px){.pl-head{gap:var(--space-3);padding-bottom:var(--space-3)}.pl-head .s-head__actions{justify-content:flex-start;margin-bottom:0;margin-top:4px}}.pl-view-tabs{margin:0 0 22px}@media (max-width: 768px){.pl-view-tabs{margin-bottom:var(--space-4)}}.pl-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:0;padding-bottom:14px;border-bottom:1px solid var(--line);flex-wrap:wrap}.pl-toolbar .input-search{flex:1;min-width:240px;position:relative}.pl-toolbar .input-search>i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--fg-3);font-size:13px;pointer-events:none;z-index:1}.pl-toolbar .input-search input{padding-left:36px}.pl-toolbar .filter-summary{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11.5px;color:var(--fg-2);cursor:pointer}.pl-toolbar .filter-summary:hover{color:var(--fg);border-color:var(--line-2)}.pl-toolbar .filter-summary b{color:var(--fg);font-weight:500}.pl-mobile-toggles{display:none}@media (max-width: 768px){.pl-mobile-toggles{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 var(--space-4)}.pl-mobile-toggles button{font-family:var(--font-mono);font-size:11.5px;padding:6px 12px;border-radius:var(--radius-xs);background:var(--bg-2);border:1px solid var(--line);color:var(--fg-2);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.pl-mobile-toggles button.is-active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.pl-toolbar .filter-summary{display:none}.pl-filter-wrap>#filter-form{display:grid!important}.pl-filter-wrap>summary{display:revert!important}body:not([data-pl-panel=filter]) .pl-filter-wrap>#filter-form,body:not([data-pl-panel=filter]) .pl-filter-wrap>summary{display:none!important}}.pl-filter{background:var(--bg-2);border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius-md) var(--radius-md);padding:18px;margin-bottom:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px 20px;align-items:start}.pl-filter .field{display:flex;flex-direction:column;gap:6px;min-width:0}.pl-filter .field label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-3)}.pl-filter input[type=text],.pl-filter input[type=number],.pl-filter select{padding:8px 10px}.pl-filter .filter-select-wrap{position:relative;width:100%}.pl-filter .filter-select{width:100%;justify-content:space-between}.pl-filter .filter-pop{max-height:320px;overflow-y:auto;width:max-content;max-width:min(420px,90vw)}.pl-filter .filter-pop-item{white-space:nowrap;gap:16px}.pl-filter .filter-pop-item>span:first-child{overflow:hidden;text-overflow:ellipsis}.pl-filter .checks{display:flex;flex-wrap:wrap;gap:6px}.pl-filter .check{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--bg);font-family:var(--font-mono);font-size:11px;color:var(--fg-2);cursor:pointer;user-select:none;transition:.12s}.pl-filter .check:hover{border-color:var(--line-2);color:var(--fg)}.pl-filter .check input{position:absolute;opacity:0;pointer-events:none}.pl-filter .check:has(input:checked){color:var(--bg);background:var(--accent);border-color:var(--accent)}.pl-filter .point-range{display:flex;gap:6px}.pl-filter .point-range input{width:80px}.pl-filter .submits{grid-column:1 / -1;display:flex;gap:8px;justify-content:flex-end}.pl-list-head{display:grid;grid-template-columns:32px 100px minmax(0,1.5fr) 130px 100px 70px 130px 70px;gap:16px;align-items:center;padding:12px 16px;font-family:var(--font-mono);font-size:10px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--line)}.pl-list-head .r{text-align:right}.pl-list-head a{color:inherit;text-decoration:none}.pl-list-head a:hover{color:var(--accent)}@media (max-width: 1024px){.pl-list-head{grid-template-columns:32px 90px minmax(0,1fr) 90px 60px 90px 50px;gap:12px}.pl-list-head .col-cat{display:none}}@media (max-width: 768px){.pl-list-head{display:none}}.v2-body .row--problem{display:grid;grid-template-columns:32px 100px minmax(0,1.5fr) 130px 100px 70px 130px 70px;gap:16px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--bg);transition:.12s}@media (max-width: 1024px){.v2-body .row--problem{grid-template-columns:32px 90px minmax(0,1fr) 90px 60px 90px 50px;gap:12px}.v2-body .row--problem .col-cat{display:none}}.row--problem .pl-pts .lbl,.row--problem .pl-acrate .lbl,.row--problem .pl-acn .lbl{display:none}@media (max-width: 768px){.v2-body .row--problem{grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto auto;column-gap:8px;row-gap:4px;align-items:center}.v2-body .row--problem .pl-code{grid-row:1;grid-column:1;justify-self:start}.v2-body .row--problem .pl-status{grid-row:1;grid-column:2 / -1;justify-self:start;width:auto;height:auto;padding:1px 8px;border-radius:var(--radius-xs);font-size:10.5px}.v2-body .row--problem .pl-name{grid-row:2;grid-column:1 / -1;font-size:16px}.v2-body .row--problem .pl-diff{grid-row:3;grid-column:1 / -1;justify-self:start}.v2-body .row--problem .pl-pts{grid-row:4;grid-column:1;justify-self:start;text-align:left}.v2-body .row--problem .pl-acrate{grid-row:4;grid-column:2;min-width:0;justify-self:start}.v2-body .row--problem .pl-acrate .bar{display:none}.v2-body .row--problem .pl-acrate .pct{min-width:0;text-align:left}.v2-body .row--problem .pl-acn{grid-row:4;grid-column:3;justify-self:start;text-align:left}.row--problem .pl-pts .lbl,.row--problem .pl-acrate .lbl,.row--problem .pl-acn .lbl{display:inline;font-family:var(--font-mono);font-size:10px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;margin-right:4px}}.v2-body .row--problem:hover{background:var(--bg-2)}.v2-body .row--problem.solved{background:color-mix(in oklch,var(--ok) 4%,transparent)}.v2-body .row--problem.attempted{background:color-mix(in oklch,var(--warn) 4%,transparent)}.v2-body .row--problem .pl-status{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:13px}.row--problem.solved .pl-status{color:var(--ok);background:color-mix(in oklch,var(--ok) 18%,transparent)}.row--problem.attempted .pl-status{color:var(--warn);background:color-mix(in oklch,var(--warn) 18%,transparent)}.row--problem .pl-status.locked{color:var(--fg-3);background:var(--bg-3)}.row--problem .pl-status.empty{color:var(--fg-3);background:transparent;border:1px solid var(--line-2)}.row--problem .pl-code{font-family:var(--font-mono);font-size:11.5px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row--problem .pl-code:hover{color:var(--accent)}.row--problem .pl-name{font-family:var(--font-serif);font-size:18px;line-height:1.2;letter-spacing:-.005em;min-width:0}.row--problem .pl-name a{color:var(--fg);text-decoration:none}.row--problem .pl-name a:hover{color:var(--accent)}.row--problem .pl-name small{display:block;font-family:var(--font-mono);font-size:10.5px;color:var(--fg-3);margin-top:2px;font-weight:400}.row--problem .pl-cat{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11.5px;color:var(--fg-2)}.row--problem .pl-cat .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.row--problem .pl-cat.c0 .dot{background:#f97770}.row--problem .pl-cat.c1 .dot{background:#e6ac3d}.row--problem .pl-cat.c2 .dot{background:#43b966}.row--problem .pl-cat.c3 .dot{background:#488bfb}.row--problem .pl-cat.c4 .dot{background:#d57ae9}.row--problem .pl-cat.c5 .dot{background:oklch(.75 .13 200)}.row--problem .pl-diff{display:inline-flex;gap:3px;align-items:center}.row--problem .pl-diff .pip{width:16px;height:4px;border-radius:2px;background:var(--bg-3)}.row--problem .pl-diff .pip.on{background:var(--accent)}.row--problem .pl-diff[data-d="1"] .pip.on,.row--problem .pl-diff[data-d="2"] .pip.on,.row--problem .pl-diff[data-d="3"] .pip.on{background:var(--ok)}.row--problem .pl-diff[data-d="4"] .pip.on,.row--problem .pl-diff[data-d="5"] .pip.on,.row--problem .pl-diff[data-d="6"] .pip.on{background:var(--warn)}.row--problem .pl-diff[data-d="7"] .pip.on,.row--problem .pl-diff[data-d="8"] .pip.on{background:#ff7643}.row--problem .pl-diff[data-d="9"] .pip.on,.row--problem .pl-diff[data-d="10"] .pip.on{background:var(--err)}.row--problem .pl-pts{font-family:var(--font-mono);font-size:14px;color:var(--fg);font-variant-numeric:tabular-nums;text-align:right}.row--problem .pl-acrate{display:inline-flex;align-items:center;gap:8px}.row--problem .pl-acrate .bar{position:relative;flex:1;height:4px;background:var(--line);border-radius:2px;overflow:hidden}.row--problem .pl-acrate .fill{position:absolute;inset:0 auto 0 0;background:var(--ok);border-radius:2px}.row--problem .pl-acrate.low .fill{background:var(--err)}.row--problem .pl-acrate.mid .fill{background:var(--warn)}.row--problem .pl-acrate.high .fill{background:var(--ok)}.row--problem .pl-acrate .pct{font-family:var(--font-mono);font-size:11px;color:var(--fg-2);font-variant-numeric:tabular-nums;min-width:38px;text-align:right}.row--problem .pl-acn{font-family:var(--font-mono);font-size:12.5px;color:var(--fg-2);text-align:right;font-variant-numeric:tabular-nums}.row--problem .pl-acn a{color:inherit;text-decoration:none}.row--problem .pl-acn a:hover{color:var(--accent)}.pl-pagination-bar .pagination li a,.pl-pagination-bar .pagination li.active-page a,.pl-empty{padding:48px 20px;text-align:center;font-family:var(--font-mono);font-size:12px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.15em;border:1px dashed var(--line);border-radius:var(--radius-md);margin-top:18px}
