.pl {
	--pl-card: var(--ls-card, var(--surface-1, #ffffff));
	--pl-card-2: var(--ls-hover, var(--surface-2, #f4f5f9));
	--pl-edge: var(--ls-card-edge, var(--box-edge, #dfe3ec));
	--pl-text: var(--ls-text, var(--text, #161b26));
	--pl-muted: var(--ls-muted, var(--muted, #5b6375));
	--pl-field: var(--ls-field, var(--input, #ffffff));
	--pl-field-edge: var(--ls-field-edge, var(--input-edge, #c9cfdb));
	--pl-accent: var(--ls-accent, var(--accent, #e9821c));
	--pl-btn-top: var(--ls-btn-top, var(--accent, #ffa646));
	--pl-btn-bottom: var(--ls-btn-bottom, var(--accent, #f68f2d));
	--pl-btn-ink: var(--ls-btn-ink, var(--accent-text, #241000));
	--pl-link: var(--ls-link, var(--section-text, #2563eb));
	--pl-font: var(--ls-font, Verdana, Arial, Helvetica, sans-serif);
	--pl-good: #23a85e;
	--pl-bad: #e25555;
	--pl-bar: color-mix(in srgb, var(--pl-muted) 22%, transparent);
	--pl-fill: linear-gradient(90deg, #f6a15a, #ef8541);
	--pl-fill-2: linear-gradient(90deg, #4c6ef0, #6b8dff);
	max-width: 1180px;
	margin: 0 auto;
	padding: 14px 0 40px;
	color: var(--pl-text);
	font-family: var(--pl-font);
	font-size: 15px;
	line-height: 1.5;
	text-align: left;
}
.pl *, .pl *::before, .pl *::after { box-sizing: border-box; }
.pl :is(button, input, select, textarea) { font-family: inherit; }
.pl h1, .pl h2, .pl p { margin: 0; }
.pl h1, .pl h2 { text-wrap: balance; }
.pl a { color: var(--pl-link); text-decoration: none; }
.pl a:hover { text-decoration: underline; }
.pl :focus-visible { outline: 2px solid var(--pl-accent); outline-offset: 2px; }
.pl-note { color: var(--pl-muted); font-size: 13.5px; }
.pl-link { font-weight: 700; }
.pl-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 18px; }
.pl-stack { display: flex; flex-direction: column; gap: 8px; }
.pl-crumbs { margin-bottom: 10px; font-size: 13.5px; }

.pl-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 0 24px;
	border: 0;
	border-radius: 22px;
	background: linear-gradient(180deg, var(--pl-btn-top), var(--pl-btn-bottom));
	color: var(--pl-btn-ink) !important;
	font: 800 14.5px var(--pl-font);
	cursor: pointer;
	text-decoration: none !important;
	white-space: nowrap;
}
.pl-btn:hover { filter: brightness(1.05); }
.pl-btn:disabled { opacity: .45; cursor: not-allowed; }
.pl-btn-ghost { background: transparent; color: var(--pl-text) !important; border: 1px solid var(--pl-edge); }
.pl-btn-small { min-height: 34px; padding: 0 16px; font-size: 13px; }
.pl-delete { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--pl-edge); }
.pl-delete label { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--pl-muted); }
.pl-delete .pl-btn { background: var(--pl-bad); color: #ffffff; }
.pl-mini { height: 30px; padding: 0 10px; border: 1px solid var(--pl-edge); border-radius: 8px; background: var(--pl-card); color: var(--pl-text); font: 700 12.5px var(--pl-font); cursor: pointer; }
.pl-mini[hidden] { display: none; }

.pl-top { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 20px; margin-bottom: 18px; }
.pl-top h1 { font-size: 26px; font-weight: 900; line-height: 1.2; }
.pl-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 16px; align-items: start; }
.pl-panel { min-width: 0; padding: 22px; border: 1px solid var(--pl-edge); border-radius: 14px; background: var(--pl-card); }
.pl-side { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.pl-side .pl-panel { padding: 18px; }
.pl-side h2, .pl-panel > h2 { font-size: 16px; font-weight: 800; margin-bottom: 10px; }
.pl h2 .pl-hint { color: var(--pl-muted); font-size: 13px; font-weight: 600; }

.pl-badge { display: inline-flex; align-items: center; height: 24px; padding: 0 11px; border-radius: 12px; font-size: 11.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.pl-badge-poll { background: color-mix(in srgb, #5b67ff 20%, transparent); color: #7d88ff; }
.pl-badge-quiz { background: color-mix(in srgb, #a35bff 20%, transparent); color: #b47dff; }
.pl-badge-forecast { background: color-mix(in srgb, #23a85e 20%, transparent); color: #2fbd70; }
.pl-badge-open { background: color-mix(in srgb, #f08a24 20%, transparent); color: #f39a40; }
.pl-live, .pl-closed { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.pl-live { color: var(--pl-good); }
.pl-live::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--pl-good); animation: pl-pulse 1.6s infinite; }
.pl-closed { color: var(--pl-muted); }
@keyframes pl-pulse { 50% { opacity: .3; } }
.pl-stars { display: inline-block; margin-left: 8px; font-size: 13px; letter-spacing: -1px; white-space: nowrap; vertical-align: 1px; }
.pl-head .pl-stars { margin-left: 0; font-size: 15px; }
.pl-tag { display: inline-block; margin-left: 8px; padding: 1px 8px; border-radius: 9px; background: color-mix(in srgb, var(--pl-accent) 18%, transparent); color: var(--pl-accent); font-size: 11.5px; font-style: normal; font-weight: 800; vertical-align: 2px; }
.pl-tag-good { background: color-mix(in srgb, var(--pl-good) 18%, transparent); color: var(--pl-good); }

.pl-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 8px; }
.pl-title { font-size: 27px; font-weight: 900; line-height: 1.2; }
.pl .pl-intro { margin-top: 8px; max-width: 65ch; color: var(--pl-muted); }
.pl .pl-meta { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 10px 0 20px; color: var(--pl-muted); font-size: 13.5px; }
.pl-meta b { color: var(--pl-text); font-weight: 700; }
.pl-error { margin: 0 0 16px; padding: 12px 16px; border: 1px solid var(--pl-bad); border-radius: 12px; background: color-mix(in srgb, var(--pl-bad) 12%, transparent); }
.pl-error ul { margin: 6px 0 0; padding-left: 20px; }
.pl .pl-pending, .pl .pl-verdict { display: flex; flex-direction: column; gap: 4px; margin-bottom: 18px; padding: 14px 16px; border: 1px dashed var(--pl-field-edge); border-radius: 12px; background: var(--pl-card-2); }
.pl-pending span, .pl-verdict span { color: var(--pl-muted); font-size: 14px; }
.pl .pl-verdict { flex-direction: row; align-items: center; gap: 14px; border: 1px solid var(--pl-good); background: color-mix(in srgb, var(--pl-good) 10%, transparent); }
.pl-verdict > div { display: flex; flex-direction: column; gap: 4px; }
.pl-verdict img { width: 52px; height: 74px; object-fit: cover; border-radius: 7px; flex: none; }
.pl-seers { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; }
.pl .pl-countdown { margin-bottom: 16px; color: var(--pl-muted); }
.pl-countdown b { color: var(--pl-text); font-size: 17px; font-variant-numeric: tabular-nums; }

.pl input[type="radio"], .pl input[type="checkbox"] { accent-color: var(--pl-accent); }
.pl-duel input, .pl-posters input, .pl-kind input, .pl-seg input { position: absolute; opacity: 0; pointer-events: none; }

.pl-duel { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 14px; align-items: stretch; }
.pl-duel.is-result { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.pl-vs { align-self: center; display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid var(--pl-edge); border-radius: 50%; background: var(--pl-card-2); color: var(--pl-accent); font-weight: 900; }
.pl-pick { position: relative; display: flex; flex-direction: column; overflow: hidden; border: 2px solid var(--pl-edge); border-radius: 14px; background: var(--pl-card-2); cursor: pointer; }
.pl-pick img { display: block; width: 100%; max-width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.pl-pick-pic { position: relative; display: block; overflow: hidden; aspect-ratio: 4 / 3; background: #11133a; }
.pl-pick-pic img { position: relative; height: 100%; aspect-ratio: auto; object-fit: contain; }
.pl-pick-pic img.pl-pick-blur { position: absolute; inset: -8%; width: 116%; max-width: none; height: 116%; object-fit: cover; filter: blur(18px) brightness(.55); }
.pl-why { margin-top: 4px; }
.pl-why[hidden] { display: none; }
.pl-pick-label { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; font-size: 17px; font-weight: 800; }
.pl-pick-label small { display: block; color: var(--pl-accent); font-size: 12.5px; }
.pl-pick-label b { font-size: 24px; font-variant-numeric: tabular-nums; }
.pl-ring { flex: none; width: 22px; height: 22px; border: 2px solid var(--pl-field-edge); border-radius: 50%; }
.pl-pick:has(input:checked), .pl-pick.is-mine { border-color: var(--pl-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--pl-accent) 30%, transparent); }
.pl-pick:has(input:checked) .pl-ring, .pl-poster:has(input:checked) .pl-ring { border: 7px solid var(--pl-accent); }
.pl-pick:has(input:focus-visible), .pl-poster:has(input:focus-visible), .pl-kind:has(input:focus-visible) { outline: 2px solid var(--pl-accent); outline-offset: 2px; }
.pl-pick.is-result { cursor: default; }
.pl-split { display: flex; height: 40px; margin-top: 14px; overflow: hidden; border-radius: 20px; font-weight: 900; }
.pl-split span { display: flex; align-items: center; padding: 0 16px; transition: flex-grow .8s ease; flex-basis: 0; }
.pl-split span:first-child { background: var(--pl-fill); color: #241000; }
.pl-split span:last-child { justify-content: flex-end; background: var(--pl-fill-2); color: #ffffff; }

.pl-posters { display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 12px; }
.pl-poster { position: relative; display: flex; flex-direction: column; overflow: hidden; border: 2px solid var(--pl-edge); border-radius: 12px; background: var(--pl-card-2); cursor: pointer; }
.pl-poster img, .pl-poster-blank { display: block; width: 100%; aspect-ratio: 2 / 3; object-fit: cover; }
.pl-poster-blank { display: grid; place-items: center; color: var(--pl-muted); font-size: 48px; font-weight: 900; }
.pl-poster-label { display: flex; align-items: center; gap: 8px; min-height: 54px; padding: 9px 10px; font-size: 13.5px; font-weight: 700; line-height: 1.25; }
.pl-poster-label .pl-ring { width: 18px; height: 18px; }
.pl-poster:has(input:checked) { border-color: var(--pl-accent); }
.pl-poster:has(input[type="checkbox"]) .pl-ring { border-radius: 5px; }
.pl-choices { display: flex; flex-direction: column; gap: 8px; max-width: 560px; }
.pl-choice { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--pl-edge); border-radius: 12px; background: var(--pl-card-2); font-weight: 700; cursor: pointer; }
.pl-choice:has(input:checked) { border-color: var(--pl-accent); }
.pl-choice input { width: 18px; height: 18px; margin: 0; flex: none; }

.pl-progress { display: flex; gap: 6px; margin-bottom: 14px; }
.pl-progress i { flex: 1; height: 6px; border-radius: 3px; background: var(--pl-bar); }
.pl-progress i.is-done { background: var(--pl-accent); }
.pl-progress i.is-now { background: color-mix(in srgb, var(--pl-accent) 50%, var(--pl-bar)); }
.pl-qnum { color: var(--pl-muted); font-size: 13px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.pl-qtext { margin: 4px 0 14px !important; font-size: 21px; font-weight: 800; line-height: 1.3; }
.pl-quiz.has-image { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 18px; align-items: start; }
.pl-qimg { width: 130px; aspect-ratio: 2 / 3; object-fit: cover; border-radius: 10px; }
.pl-answers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.pl-ans { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 10px 14px; border: 2px solid var(--pl-edge); border-radius: 12px; background: var(--pl-card-2); color: var(--pl-text); font: 700 15px var(--pl-font); text-align: left; cursor: pointer; }
button.pl-ans:hover:not(:disabled) { border-color: var(--pl-accent); }
.pl-ans kbd { display: grid; place-items: center; flex: none; width: 24px; height: 24px; border-radius: 6px; background: var(--pl-bar); color: var(--pl-muted); font: 800 12px var(--pl-font); }
.pl-ans.is-good { border-color: var(--pl-good); background: color-mix(in srgb, var(--pl-good) 12%, transparent); }
.pl-ans.is-bad { border-color: var(--pl-bad); background: color-mix(in srgb, var(--pl-bad) 12%, transparent); }
.pl-explain { margin-top: 14px; padding: 12px 14px; border-left: 4px solid var(--pl-good); border-radius: 8px; background: var(--pl-card-2); }
.pl-explain.is-bad { border-left-color: var(--pl-bad); }

.pl-label { display: block; margin: 14px 0 6px; font-size: 13.5px; font-weight: 700; }
.pl-label span { color: var(--pl-muted); font-weight: 500; }
.pl-field { width: 100%; min-height: 44px; padding: 0 14px; border: 1px solid var(--pl-field-edge); border-radius: 10px; background: var(--pl-field); color: var(--pl-text); font: 600 15px var(--pl-font); }
textarea.pl-field { min-height: 84px; padding: 10px 14px; resize: vertical; }
.pl-open-field { position: relative; max-width: 560px; }

.pl-bars { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }
.pl-bar { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 12px; align-items: center; }
.pl-bar-text { grid-template-columns: minmax(0, 1fr); }
.pl-bar-img { width: 52px; height: 72px; object-fit: cover; border-radius: 7px; }
.pl-bar-top { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 5px; font-weight: 800; }
.pl-bar-pct { font-variant-numeric: tabular-nums; }
.pl-track { height: 12px; overflow: hidden; border-radius: 6px; background: var(--pl-bar); }
.pl-track i { display: block; height: 100%; border-radius: 6px; background: var(--pl-fill); transition: width .8s ease; }
.pl-bar.is-correct .pl-track i { background: linear-gradient(90deg, #23a85e, #3ccf7a); }
.pl-bar-sub { margin-top: 3px; color: var(--pl-muted); font-size: 12.5px; font-variant-numeric: tabular-nums; }
.pl-work-link { color: inherit !important; }
.pl-cloud { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.pl-cloud span { padding: 4px 12px; border: 1px solid var(--pl-edge); border-radius: 14px; background: var(--pl-card-2); font-weight: 700; font-size: 13.5px; }
.pl-empty { padding: 18px; border: 1px dashed var(--pl-edge); border-radius: 12px; color: var(--pl-muted); }

.pl-score { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-bottom: 18px; }
.pl-ring-score { display: grid; place-items: center; width: 96px; height: 96px; border-radius: 50%; background: conic-gradient(var(--pl-accent) 0 var(--pl-score), var(--pl-bar) var(--pl-score) 100%); }
.pl-ring-score b { display: grid; place-items: center; width: 74px; height: 74px; border-radius: 50%; background: var(--pl-card); font-size: 24px; font-weight: 900; font-variant-numeric: tabular-nums; }
.pl-review { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.pl-review li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; padding: 10px 12px; border-radius: 10px; background: var(--pl-card-2); }
.pl-review i { font-style: normal; font-weight: 900; }
.pl-review .is-good i { color: var(--pl-good); }
.pl-review .is-bad i { color: var(--pl-bad); }
.pl-review small { display: block; color: var(--pl-muted); font-size: 13px; }
.pl-rank { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.pl-rank td { padding: 7px 4px; border-bottom: 1px solid var(--pl-edge); font-size: 14px; }
.pl-rank td:first-child { width: 28px; color: var(--pl-muted); font-weight: 900; }
.pl-rank td:last-child { text-align: right; font-weight: 800; white-space: nowrap; }
.pl-rank td small { color: var(--pl-muted); font-weight: 600; }
.pl-rank .is-me td { color: var(--pl-accent); }
.pl-who { display: flex; align-items: center; gap: 8px; font-weight: 700; }
.pl-people summary { color: var(--pl-link); cursor: pointer; }
.pl-people .pl-note { margin: 8px 0; }
.pl-people-list { list-style: none; margin: 0; padding: 0; }
.pl-people-list li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--pl-edge); }
.pl-people-list .pl-who { min-width: 0; }
.pl-people-list .pl-who > span { min-width: 0; overflow-wrap: anywhere; }
.pl-people-list small { display: block; color: var(--pl-muted); font-size: 12px; font-weight: 600; }
.pl-people-list form { flex: none; }
.pl .ls-avatar, .pl-who .ls-avatar { width: 26px; height: 26px; font-size: 12px; flex: none; }
.pl-debate ul { display: flex; flex-direction: column; gap: 10px; margin: 0 0 12px; padding: 0; list-style: none; }
.pl-debate li { display: flex; gap: 10px; font-size: 13.5px; }
.pl-debate li p { color: var(--pl-muted); overflow-wrap: anywhere; }

.pl-section { margin-top: 26px; }
.pl-section-title { margin-bottom: 12px; font-size: 19px; font-weight: 900; }
.pl-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.pl-card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--pl-edge); border-radius: 14px; background: var(--pl-card); color: var(--pl-text) !important; text-decoration: none !important; }
.pl-card:hover { border-color: var(--pl-accent); }
.pl-card-art { display: flex; height: 110px; background: var(--pl-card-2); }
.pl-card-art img { flex: 1; min-width: 0; object-fit: cover; }
.pl-card-art.is-empty { height: 8px; background: var(--pl-fill); }
.pl-card-body { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; flex: 1; padding: 12px 14px 14px; }
.pl-card-body strong { font-size: 15.5px; font-weight: 800; line-height: 1.3; }
.pl .pl-card-body .pl-meta { margin: 0; font-size: 12.5px; }
.pl-card-state { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: auto; padding-top: 6px; font-size: 12.5px; font-weight: 800; }

.pl-steps { display: flex; flex-direction: column; gap: 26px; }
.pl-steps section > h2 { margin-bottom: 10px; font-size: 17px; font-weight: 800; }
.pl-kinds { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.pl-kind { position: relative; display: flex; flex-direction: column; gap: 4px; padding: 12px; border: 2px solid var(--pl-edge); border-radius: 12px; background: var(--pl-card-2); cursor: pointer; }
.pl-kind svg { width: 26px; height: 26px; margin-bottom: 4px; color: var(--pl-accent); }
.pl-kind b { font-size: 15px; }
.pl-kind small { color: var(--pl-muted); font-size: 12.5px; line-height: 1.35; }
.pl-kind:has(input:checked) { border-color: var(--pl-accent); background: color-mix(in srgb, var(--pl-accent) 9%, var(--pl-card-2)); }
.pl-opts { display: flex; flex-direction: column; gap: 8px; }
.pl-opt { position: relative; display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px; border: 1px solid var(--pl-edge); border-radius: 12px; background: var(--pl-card-2); }
.pl-opt-thumb { display: grid; place-items: center; width: 54px; height: 72px; overflow: hidden; border: 1px dashed var(--pl-field-edge); border-radius: 7px; color: var(--pl-muted); font-size: 11px; line-height: 1.2; text-align: center; }
.pl-opt-thumb img { width: 100%; height: 100%; object-fit: cover; }
.pl-opt-thumb:has(img) { border: 0; }
.pl-opt-main { min-width: 0; }
.pl-opt-main .pl-field { min-height: 40px; }
.pl-opt-linked { display: block; margin-top: 3px; color: var(--pl-muted); font-size: 12px; }
.pl-opt-linked:empty { display: none; }
.pl-opt-tools { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.pl-correct { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px; border: 1px solid var(--pl-edge); border-radius: 8px; background: var(--pl-card); font-size: 12.5px; font-weight: 700; cursor: pointer; }
.pl-correct:has(input:checked) { border-color: var(--pl-good); background: color-mix(in srgb, var(--pl-good) 14%, transparent); color: var(--pl-good); }
.pl-qblock { display: flex; flex-direction: column; gap: 10px; margin: 0 0 12px; padding: 14px; border: 1px solid var(--pl-edge); border-radius: 14px; }
.pl-qblock legend { padding: 0 6px; font-weight: 800; }
.pl-settings { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.pl-setting { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border: 1px solid var(--pl-edge); border-radius: 12px; background: var(--pl-card-2); font-weight: 700; font-size: 14px; }
.pl-setting small { display: block; color: var(--pl-muted); font-size: 12.5px; font-weight: 500; }
.pl-seg { display: inline-flex; align-self: flex-start; overflow: hidden; border: 1px solid var(--pl-edge); border-radius: 10px; }
.pl-seg label { position: relative; }
.pl-seg span { display: block; padding: 6px 12px; color: var(--pl-muted); font-size: 13px; font-weight: 700; cursor: pointer; }
.pl-seg input:checked + span { background: var(--pl-accent); color: var(--pl-btn-ink); }
.pl-seg input:focus-visible + span { outline: 2px solid var(--pl-accent); outline-offset: -2px; }
.pl-help { margin: 0; padding-left: 18px; color: var(--pl-muted); font-size: 13.5px; }
.pl-help li + li { margin-top: 6px; }
.pl-help b { color: var(--pl-text); }

.pl-create .pl-if-quiz, .pl-create .pl-if-open, .pl-create .pl-if-forecast { display: none; }
.pl-create:has(input[name="kind"][value="quiz"]:checked) .pl-if-quiz,
.pl-create:has(input[name="kind"][value="open"]:checked) .pl-if-open,
.pl-create:has(input[name="kind"][value="forecast"]:checked) .pl-if-forecast { display: revert; }
.pl-create:has(input[name="kind"][value="quiz"]:checked) :is(.pl-if-single, .pl-if-choices, .pl-if-not-quiz, .pl-if-poll),
.pl-create:has(input[name="kind"][value="open"]:checked) :is(.pl-if-choices, .pl-if-poll),
.pl-create:has(input[name="kind"][value="forecast"]:checked) :is(.pl-if-poll, .pl-if-not-forecast) { display: none; }
.pl-setting.pl-if-not-quiz, .pl-setting.pl-if-poll { display: flex; }
.pl-create:has(input[name="kind"][value="quiz"]:checked) .pl-setting.pl-if-not-quiz,
.pl-create:has(input[name="kind"][value="quiz"]:checked) .pl-setting.pl-if-poll,
.pl-create:has(input[name="kind"][value="open"]:checked) .pl-setting.pl-if-poll,
.pl-create:has(input[name="kind"][value="forecast"]:checked) .pl-setting.pl-if-poll { display: none; }
.pl-js [data-spare] { display: none; }
.pl [data-add][hidden] { display: none; }

.pl-suggest { position: absolute; z-index: 30; left: 0; right: 0; top: calc(100% + 4px); overflow: hidden; border: 1px solid var(--pl-edge); border-radius: 12px; background: var(--pl-card); box-shadow: 0 12px 30px rgba(0, 0, 0, .3); }
.pl-suggest button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 8px 12px; border: 0; border-bottom: 1px solid var(--pl-edge); background: transparent; color: var(--pl-text); font: 700 14px var(--pl-font); text-align: left; cursor: pointer; }
.pl-suggest button:last-child { border-bottom: 0; }
.pl-suggest button:hover, .pl-suggest button.is-active { background: var(--pl-card-2); }
.pl-suggest img, .pl-suggest .pl-suggest-blank { width: 34px; height: 46px; flex: none; object-fit: cover; border-radius: 5px; background: var(--pl-card-2); }
.pl-suggest img.pl-suggest-face, .pl-suggest .pl-suggest-blank.pl-suggest-face { width: 40px; height: 40px; margin: 3px -3px; border-radius: 50%; object-position: 50% 20%; }
img:is([src^="https://image.tmdb.org/t/p/h632/"], [src^="https://image.tmdb.org/t/p/w185/"], [src^="https://api.deezer.com/artist/"]) { object-position: 50% 20%; }
.pl-suggest small { display: block; color: var(--pl-muted); font-size: 12px; font-weight: 600; }
.pl-opt-main { position: relative; }
.pl-uploading { opacity: .5; }

@media (max-width: 900px) {
	.pl-grid { grid-template-columns: minmax(0, 1fr); }
	.pl-kinds { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
	.pl { padding-top: 8px; }
	.pl-panel { padding: 16px; }
	.pl-title { font-size: 22px; }
	.pl-duel { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
	.pl-vs { display: none; }
	.pl-pick-label { padding: 10px; font-size: 15px; }
	.pl-answers { grid-template-columns: minmax(0, 1fr); }
	.pl-quiz.has-image { grid-template-columns: minmax(0, 1fr); }
	.pl-qimg { width: 100%; aspect-ratio: 16 / 9; }
	.pl-opt { grid-template-columns: 54px minmax(0, 1fr); }
	.pl-opt-tools { grid-column: 1 / -1; justify-content: flex-start; }
	.pl-posters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
	.pl-live::before { animation: none; }
	.pl-track i, .pl-split span { transition: none; }
}
.ls-poll-duel .ls-poll-question { max-width: none; }
.ls-duel { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
.ls-poll FORM .ls-duel { margin: 0; }
.ls-duel-side { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; border: 2px solid transparent; border-radius: 10px; background: #11133a; color: #ffffff !important; font: inherit; text-align: left; text-decoration: none !important; cursor: pointer; }
.ls-duel-side:hover:not(:disabled) { border-color: var(--ls-btn-top); }
.ls-duel-side:disabled { cursor: not-allowed; }
.ls-duel-side IMG { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.ls-duel-side > SPAN { position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 10px 7px; background: linear-gradient(transparent, rgba(8, 10, 30, .9)); font: 800 13.5px var(--ls-font); }
.ls-duel-side > B { position: absolute; inset: 0 0 26px; display: grid; place-items: center; background: rgba(8, 10, 30, .45); font: 900 30px var(--ls-font); text-shadow: 0 2px 8px rgba(0, 0, 0, .6); }
.ls-duel-side.is-mine { border-color: var(--ls-btn-top); }
.ls-poll-foot { position: absolute; left: 14px; right: 16px; bottom: 12px; z-index: 2; display: flex; justify-content: space-between; gap: 10px; margin: 0; font: 600 12.5px var(--ls-font); color: #c9cde0; }
.ls-poll-foot A { color: #8fb4ff !important; font-weight: 700; white-space: nowrap; }
.ls-poll-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px 16px; }
.ls-mini-bars, .ls-open-top { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 9px; max-width: 280px; margin: 0; padding: 0; list-style: none; }
.ls-mini-bars LI { display: flex; flex-direction: column; gap: 4px; font: 600 13.5px var(--ls-font); color: #ffffff; }
.ls-mini-bars LI > SPAN { display: flex; justify-content: space-between; gap: 8px; }
.ls-mini-bars LI > SPAN > SPAN { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ls-mini-bars I { display: block; height: 7px; border-radius: 4px; background: linear-gradient(90deg, var(--ls-btn-top), var(--ls-btn-bottom)); min-width: 3px; }
.ls-mini-bars LI.is-mine B { color: #ffffff; }
.ls-mini-bars LI.is-mine > SPAN > SPAN::after { content: " · votre choix"; color: #8fb4ff; font-weight: 700; }
.ls-mini-bars, .ls-open-top { box-sizing: border-box; max-width: 300px; padding: 10px 12px; border-radius: 10px; background: rgba(12, 14, 40, .92); box-shadow: 0 6px 18px rgba(0, 0, 0, .35); }
.ls-open-top { counter-reset: ls-open; }
.ls-open-top LI { display: flex; justify-content: space-between; gap: 8px; padding: 6px 10px; border-radius: 8px; background: rgba(255, 255, 255, .08); font: 600 13.5px var(--ls-font); color: #ffffff; }
.ls-poll-field { position: relative; z-index: 2; width: 100%; max-width: 280px; height: 40px; padding: 0 12px; border: 1px solid #4a4f8a; border-radius: 10px; background: rgba(8, 10, 30, .5); color: #ffffff; font: 600 14px var(--ls-font); box-sizing: border-box; }
.ls-poll-field::placeholder { color: #a9aed0; }
.ls-poll:not([hidden]):has(> .ls-poll-answer) { display: flex; flex-direction: column; }
.ls-poll .ls-poll-answer { display: flex; flex-direction: column; align-items: flex-start; margin-top: auto; padding-top: 12px; }
@media (max-width: 900px) {
	.ls-poll-foot { position: static; margin-top: 12px; }
	.ls-duel-side > B { font-size: 24px; }
}
.pl .pl-split + .pl-note, .pl .pl-bars + .pl-note, .pl .pl-bars + .pl-cloud + .pl-note { margin-top: 10px; }
.pl .pl-top-actions { margin-top: 0; }
.pl-gen-frame { pointer-events: none; }
.pl-gen-q { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--pl-edge); }
.pl-gen-facts { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px 12px; margin: 0 0 12px; font-size: 13.5px; }
.pl-gen-facts dt { color: var(--pl-muted); font-weight: 700; }
.pl-gen-facts dd { margin: 0; font-weight: 700; }
.pl .pl-gen-again { display: flex; justify-content: center; margin-top: 10px; }
.pl .pl-gen-note { margin-bottom: 14px; }
.pl-card { position: relative; }
.pl-played { position: absolute; top: 8px; right: 8px; z-index: 1; display: inline-flex; align-items: center; gap: 5px; height: 24px; padding: 0 10px; border-radius: 12px; background: var(--pl-good); color: #ffffff; font-size: 11.5px; font-weight: 800; box-shadow: 0 2px 8px rgba(0, 0, 0, .3); }
.pl-played::before { content: "✓"; }
.pl-create:not(:has(select[name="duration"] option[value="custom"]:checked)) .pl-if-custom-date { display: none; }
.pl-compose > summary { list-style: none; }
.pl-compose > summary::-webkit-details-marker { display: none; }
.pl-compose[open] { flex-basis: 100%; }
.pl-compose[open] > summary { display: none; }
.pl-compose FORM { margin-top: 4px; }
.pl-compose .pl-row { margin-top: 6px; }
.pl.pl-thread { max-width: none; padding: 0 0 14px; }
.pl-thread .pl-title { font-size: 20px; font-weight: 900; line-height: 1.25; margin: 6px 0 4px; }
.pl-thread .pl-panel .pl-panel { margin-top: 14px; padding: 0; border: 0; background: none; }
.pl-thread .pl-bars { margin-top: 14px; }
.pl-thread-mine { margin-top: 12px; }
.pl-gen-filters { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; margin-bottom: 16px; padding: 14px; }
.pl-gen-filters .pl-setting { flex: 1 1 160px; }
.pl-gen-filters:has(select[name="format"] option:checked:is([value="duel"], [value="poll"], [value="forecast"], [value="open"])) .pl-if-gen-quiz { display: none; }
small.pl-artist { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 2px; color: var(--pl-muted); font-size: 0.85em; font-weight: 600; line-height: 1.25; }