@layer theme, base, cards, components, utilities;@layer components{.pfflou .ec-art img{transition:filter .32s var(--pf-ease-out,ease-out),scale .32s var(--pf-ease-out,ease-out)}.pfflou--voile .ec-art img{filter:blur(10cqw) saturate(.5);scale:1.6}.pfflou--voile .ec-art__blur,.pfflou-art .ec-art__blur{filter:blur(10cqw) saturate(.5) brightness(.55)}.pfflou .ec-art:after{content:"";position:absolute;inset:0;background:color-mix(in oklab,var(--color-encre) 32%,transparent);opacity:0;pointer-events:none;transition:opacity .32s var(--pf-ease-out,ease-out)}.pfflou--voile .ec-art:after{opacity:1}.pfflou-art .ec-art img{filter:blur(10cqw) saturate(.5);scale:1.6}.pfflou-art .ec-art:after{content:"";background:color-mix(in oklab,var(--color-encre) 32%,transparent)}.pfflou-art .ec-art:after,.pfflou-veil{position:absolute;inset:0;pointer-events:none}.pfflou-veil{z-index:6;display:grid;place-items:center;padding:3cqw;font-family:var(--pf-font),ui-sans-serif,system-ui,sans-serif;letter-spacing:normal}.pfflou-pill{position:relative;display:grid;justify-items:center;gap:1px;max-width:100%;padding:7px 16px 8px;border-radius:var(--pf-r-pill);background:var(--pf-bg);color:var(--pf-text);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--pf-text) 14%,transparent),0 8px 22px -10px oklch(.05 .03 256/.85);pointer-events:auto;cursor:pointer;transition:background-color .15s;animation:pfflou-in .24s var(--pf-ease-out,ease-out) both}@media (hover:hover){.pfflou-pill:hover{background:var(--pf-hover)}}.pfflou-pill__btn{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:.875rem;font-weight:700;line-height:1.25;white-space:nowrap;cursor:pointer}button.pfflou-pill__btn:after{content:"";position:absolute;inset:0;border-radius:var(--pf-r-pill)}.pfflou-pill .pfflou-pill__btn:focus-visible{outline:none}.pfflou-pill:has(.pfflou-pill__btn:focus-visible){outline:3px solid var(--pf-focus);outline-offset:3px}.pfflou-pill:active{translate:0 1px}.pfflou-pill__eye{flex:none;width:18px;height:18px}.pfflou-pill__why{max-width:100%;color:var(--pf-text-muted);font-size:.75rem;font-weight:500;line-height:1.25;text-align:center;text-wrap:balance}@container (width >= 150px){.pfflou-veil:has(>.pfflou-regler){grid-template-rows:minmax(0,1fr) auto;padding-bottom:max(2px,1cqw)}}.pfflou-regler{padding:6px 10px;color:var(--pf-text);font-size:.75rem;font-weight:600;line-height:1.3;white-space:nowrap;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-shadow:0 0 6px oklch(.12 .04 256/.9);pointer-events:auto;cursor:pointer;animation:pfflou-in .24s var(--pf-ease-out,ease-out) both}@media (hover:hover){.pfflou-regler:hover{text-decoration-thickness:2px}}.pfflou-veil .pfflou-regler:focus-visible{border-radius:var(--pf-r-pill);outline-offset:-2px}.pfflou-veil[data-shown]{place-items:start end;padding:max(7px,2.6cqw)}.pfflou-again{position:relative;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:color-mix(in oklab,var(--pf-bg) 82%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--pf-text) 14%,transparent);color:var(--pf-text);cursor:pointer;pointer-events:auto;transition:background-color .15s;animation:pfflou-in .24s var(--pf-ease-out,ease-out) both}.pfflou-again:before{content:"";position:absolute;inset:-6px;border-radius:50%}.pfflou-again svg{width:18px;height:18px}@media (hover:hover){.pfflou-again:hover{background:var(--pf-bg)}}.pfflou-veil .pfflou-again:focus-visible{border-radius:50%}@container (width < 170px){.pfflou-pill{padding:6px 12px 7px}.pfflou-pill__btn{gap:5px;font-size:.8125rem}.pfflou-pill__eye{width:16px;height:16px}.pfflou-pill__why{font-size:.6875rem}}@container (width < 150px){.pfflou-regler{display:none}}@container (width < 130px){.pfflou-pill{place-items:center;width:32px;height:32px;padding:0}.pfflou-pill__why,.pfflou-pill__word{display:none}button.pfflou-pill__btn:after{inset:-6px;border-radius:50%}.pfflou-pill[data-press]:after{content:"";position:absolute;inset:-6px;border-radius:50%}}@container (width < 110px){.pfflou-veil[data-shown]{padding:max(6px,3cqw)}.pfflou-again{width:28px;height:28px}.pfflou-again:before{inset:-8px}.pfflou-again svg{width:16px;height:16px}}@container (width < 80px){.pfflou-veil{display:none}}@keyframes pfflou-in{0%{opacity:0}}.pfflou-pic img{transition:filter .32s var(--pf-ease-out,ease-out),scale .32s var(--pf-ease-out,ease-out)}.pfflou-pic.pfflou-pic.pfflou-pic--voile img{filter:blur(var(--pfflou-pic-blur,5px)) saturate(.5) brightness(.74);scale:1.6}.pfflou-pic--grande{--pfflou-pic-blur:14px}.pfflou-switch{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-left:-2px;padding:0 10px 0 2px;border:0;border-radius:var(--pf-r-pill);background:transparent;color:inherit;font:inherit;font-size:1.0625rem;font-weight:600;cursor:pointer}.pfflou-switch__track{position:relative;flex:none;width:46px;height:28px;border-radius:var(--pf-r-pill);background:var(--pf-track);box-shadow:inset 0 0 0 1.5px var(--pf-line-strong);transition:background-color .2s,box-shadow .2s}.pfflou-switch__knob{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:var(--pf-text-muted);transition:translate .22s var(--pf-ease),background-color .2s}.pfflou-switch[aria-checked=true] .pfflou-switch__track{background:var(--pf-control);box-shadow:inset 0 0 0 1.5px var(--pf-control)}.pfflou-switch[aria-checked=true] .pfflou-switch__knob{translate:18px 0;background:var(--pf-control-ink)}@container pfrg (min-width: 880px){.pfrg-row.pfflou-row--switch{align-items:start}.pfflou-row--switch .pfrg-row__label{padding-top:12px}}.pfflou-all{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border:1.5px solid var(--pf-line-strong);border-radius:var(--pf-r-pill);background:transparent;color:var(--pf-text);font:inherit;font-size:var(--pf-t-small);font-weight:700;cursor:pointer;transition:background-color .15s,border-color .15s}@media (hover:hover){.pfflou-all:hover{border-color:var(--pf-control);background:var(--pf-hover)}}.pfflou-themes{display:grid;gap:2px 12px;width:min(100%,46rem)}@container pfrg (min-width: 880px){.pfflou-themes{grid-template-columns:repeat(2,minmax(0,1fr))}}.pfflou-theme{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;margin-left:-10px;padding:10px;border-radius:var(--pf-r-md);cursor:pointer;transition:background-color .15s}@media (hover:hover){.pfflou-theme:hover{background:var(--pf-hover)}}.pfflou-theme input{position:absolute;width:1px;height:1px;opacity:0}.pfflou-theme__box{display:grid;place-items:center;width:24px;height:24px;margin-top:1px;border:1.5px solid var(--pf-line-strong);border-radius:var(--pf-r-xs);color:transparent;transition:background-color .15s,border-color .15s,color .15s}.pfflou-theme__box svg{width:16px;height:16px}.pfflou-theme[data-on] .pfflou-theme__box{border-color:var(--pf-control);background:var(--pf-control);color:var(--pf-control-ink)}.pfflou-theme:has(input:focus-visible) .pfflou-theme__box{outline:3px solid var(--pf-focus);outline-offset:3px}.pfflou-theme__words{display:grid;gap:2px;min-width:0}.pfflou-theme__name{font-weight:700;line-height:1.3}.pfflou-theme__line{color:var(--pf-text-muted);font-size:var(--pf-t-small);line-height:1.4}.pfflou-add{display:flex;flex-wrap:wrap;gap:10px;width:min(100%,30rem)}.pfflou-input{flex:1 1 200px;min-width:0;height:44px;padding:0 14px;border:1.5px solid var(--pf-line-strong);border-radius:var(--pf-r-md);background:var(--pf-field);color:var(--pf-text);font:inherit;font-weight:500}.pfflou-input::placeholder{color:var(--pf-text-muted)}.pfflou-input[aria-invalid=true]{border-color:var(--pf-alert-text)}.pfflou-add__btn{min-height:44px}.pfflou-words{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.pfflou-word{display:inline-flex;align-items:center;gap:2px;max-width:100%;min-height:36px;padding:0 3px 0 14px;border-radius:var(--pf-r-pill);background:var(--pf-track);font-size:var(--pf-t-small);font-weight:600}.pfflou-word__text{min-width:0;overflow-wrap:anywhere}.pfflou-word__out{display:grid;place-items:center;flex:none;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--pf-text-muted);cursor:pointer;transition:background-color .15s,color .15s}.pfflou-word__out svg{width:16px;height:16px}@media (hover:hover){.pfflou-word__out:hover{background:var(--pf-hover);color:var(--pf-text)}}.pfflou-word .pfflou-word__out:focus-visible{border-radius:50%}.pfflou-alert{max-width:34em;color:var(--pf-alert-text);font-size:var(--pf-t-small);font-weight:600;line-height:1.45}@media (prefers-reduced-motion:reduce){.pfflou .ec-art img,.pfflou .ec-art:after,.pfflou-again,.pfflou-all,.pfflou-pic img,.pfflou-pill,.pfflou-switch__knob,.pfflou-switch__track,.pfflou-theme,.pfflou-theme__box,.pfflou-word__out{transition:none}.pfflou-again,.pfflou-pill,.pfflou-regler{animation:none}.pfflou-pill:active{translate:none}}}