.pp{max-width:var(--max-w);margin:0 auto;padding:var(--s6)var(--s4)var(--s8)}.pp-sr-live,.pp-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}label:has(+.pp-visually-hidden:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.pp-center{max-width:520px;margin:0 auto;padding:var(--s7)0;text-align:center}.pp-center .pp-form,.pp-center .pp-results{text-align:left}.pp-h1{font-size:clamp(26px,4.5vw,38px);font-weight:700;letter-spacing:-1px;line-height:1.12;color:var(--cream);margin:var(--s3)0 0}.pp-h1:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:var(--r-sm)}.pp-h2{font-size:var(--text-xl);font-weight:700;letter-spacing:-.5px;color:var(--cream);margin:0}.pp-h3{font-size:var(--text-lg);font-weight:700;color:var(--cream);margin:0}.pp-lead{font-size:var(--text-base);line-height:1.55;color:var(--ink-2);margin:var(--s3)0 var(--s5)}.pp-muted{color:var(--ink-2);font-size:var(--text-sm);margin:var(--s3)0 0}.pp-eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-2);margin:0}.pp-badge{display:inline-flex;align-items:center;padding:6px 13px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--on-accent);background:var(--accent)}.pp-badge--wait{background:var(--sand);color:#2c2415}.pp-fineprint{font-size:var(--text-sm);color:var(--ink-2);margin:var(--s5)0 0;line-height:1.5}.pp-fineprint a{color:var(--cream);text-decoration:underline;text-underline-offset:3px}.pp-spinner{display:inline-block;width:26px;height:26px;border:2.5px solid rgba(var(--tint-rgb),.18);border-top-color:var(--accent);border-radius:50%;animation:pp-spin 720ms linear infinite}@keyframes pp-spin{to{transform:rotate(360deg)}}.pp-form{margin-top:var(--s5)}.pp-field{margin-top:var(--s4)}.pp-field:first-child{margin-top:0}.pp-field--indent{margin-left:var(--s5)}.pp-label{display:block;font-size:var(--text-sm);font-weight:700;color:var(--cream);margin-bottom:var(--s2)}.pp-label--sm{font-size:var(--text-xs);font-weight:600;color:var(--ink-2)}.pp-input{width:100%;min-height:48px;padding:12px 14px;border-radius:var(--r-sm);background:var(--bg);border:1px solid rgba(var(--tint-rgb),.16);color:var(--cream);font-family:var(--f);font-size:var(--text-base);box-sizing:border-box;transition:border-color var(--dur-fast)var(--ease-out)}.pp-input::placeholder{color:var(--text-faint)}.pp-input:hover{border-color:rgba(var(--tint-rgb),.28)}.pp-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.pp-textarea{min-height:108px;resize:vertical;line-height:1.5}.pp-input--code{font-size:26px;letter-spacing:8px;text-align:center;font-variant-numeric:tabular-nums}.pp-input--hex{text-transform:uppercase;font-variant-numeric:tabular-nums}.pp-hint{font-size:var(--text-xs);color:var(--ink-2);line-height:1.5;margin:var(--s2)0 0}.pp-error{font-size:var(--text-sm);color:var(--error);line-height:1.45;margin:var(--s2)0 0;font-weight:600}.pp-note{font-size:var(--text-xs);color:var(--ink-2);margin:var(--s2)0 0}.pp-empty{font-size:var(--text-sm);color:var(--ink-2);line-height:1.55;margin:var(--s3)0 0;padding:var(--s4);border:1px dashed rgba(var(--tint-rgb),.2);border-radius:var(--r-sm)}.pp-empty a{color:var(--cream)}.pp-fieldset{border:0;padding:0;margin:var(--s5)0 0;min-inline-size:0}.pp-check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:var(--text-base);color:var(--cream);cursor:pointer}.pp-check--tight{min-height:44px;margin-top:var(--s2)}.pp-check--aus{cursor:not-allowed;color:var(--ink-2)}.pp-check--aus input{cursor:not-allowed}.pp-check-block .pp-hint{margin:-2px 0 var(--s2)30px}.pp-check input{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}.pp-check input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}.pp-btn[hidden],.pp-linkbtn[hidden],.pp-iconbtn[hidden]{display:none}.pp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:999px;font-family:var(--f);font-size:15.5px;font-weight:700;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform var(--dur-fast)var(--ease-out),filter var(--dur-fast)var(--ease-out),border-color var(--dur-fast)var(--ease-out)}.pp-btn--primary{background:var(--accent);color:var(--on-accent)}.pp-btn--primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.pp-btn--ghost{background:0 0;color:var(--cream);border-color:rgba(var(--tint-rgb),.22)}.pp-btn--ghost:hover:not(:disabled){border-color:rgba(var(--accent-rgb),.55);transform:translateY(-1px)}.pp-btn--danger{background:var(--error);color:#fff}.pp-btn--danger:hover:not(:disabled){filter:brightness(1.06)}.pp-btn--block{width:100%;margin-top:var(--s4)}.pp-btn--sm{min-height:44px;padding:10px 16px;font-size:var(--text-sm)}.pp-btn:active:not(:disabled){transform:translateY(0)scale(.98)}.pp-btn:disabled{opacity:.55;cursor:progress}.pp-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:999px}.pp-linkbtn{background:0 0;border:0;display:inline-flex;align-items:center;padding:10px 2px;min-height:44px;font-family:var(--f);font-size:inherit;font-weight:600;color:var(--cream);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.pp-linkbtn:hover{color:var(--accent)}.pp-linkbtn--danger{color:var(--error)}.pp-linkbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.pp-linkbtn:disabled{opacity:.5;cursor:default;text-decoration:none}.pp-results{list-style:none;margin:var(--s3)0 0;padding:0;border:1px solid rgba(var(--tint-rgb),.14);border-radius:var(--r-sm);overflow:hidden}.pp-result{display:flex;align-items:baseline;gap:var(--s3);width:100%;min-height:52px;padding:12px 14px;background:var(--surface);border:0;border-bottom:1px solid rgba(var(--tint-rgb),.1);font-family:var(--f);text-align:left;cursor:pointer}.pp-results li:last-child .pp-result{border-bottom:0}.pp-result:hover{background:var(--surface-2)}.pp-result:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.pp-result__name{font-size:var(--text-base);font-weight:700;color:var(--cream)}.pp-result__city{font-size:var(--text-sm);color:var(--ink-2);margin-left:auto}.pp-result__tag{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:rgba(var(--tint-rgb),.14);color:var(--ink-2);white-space:nowrap}.pp-firstrun{border-color:rgba(var(--accent-rgb),.35)}.pp-steps{margin:var(--s3)0;padding-left:1.3em;display:grid;gap:var(--s2);font-size:var(--text-sm);line-height:1.55;color:var(--ink-2)}.pp-steps strong{color:var(--cream)}.pp-statusbar__eta{margin:0;font-size:var(--text-xs);color:var(--ink-2)}.topbar--schlank{position:sticky;top:0;z-index:var(--z-nav,50);height:var(--nav-h);background:rgba(var(--bg-rgb,44,60,52),.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(var(--tint-rgb),.1)}.topbar-inner--schlank{display:flex;align-items:center;gap:var(--s5);height:100%;max-width:1200px;margin:0 auto;padding:0 var(--s5)}.topbar-schlank__name{flex:1;min-width:0;font-size:var(--text-sm);font-weight:700;color:var(--cream);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer--schlank{margin-top:var(--s6);padding:var(--s5)0;border-top:1px solid rgba(var(--tint-rgb),.1)}.footer-schlank__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3)var(--s5);max-width:1200px;margin:0 auto;padding:0 var(--s5)}.footer-schlank__marke{margin:0;font-size:var(--text-sm);font-weight:700;color:var(--ink-2)}.footer-schlank__links{display:flex;flex-wrap:wrap;gap:var(--s4)}.footer-schlank__links a{color:var(--ink-2);text-decoration:none;font-size:var(--text-sm)}.footer-schlank__links a:hover{color:var(--cream)}.topbar-profil{display:flex;align-items:center;gap:var(--s3);min-width:0;margin-left:auto;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--dur-base)var(--ease-out),transform var(--dur-base)var(--ease-out)}.topbar-profil[data-an=true]{opacity:1;visibility:visible;transform:none}.topbar-profil__name{font-size:var(--text-sm);font-weight:700;color:var(--cream);max-width:24ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-profil__link{font-size:var(--text-sm);color:var(--accent);text-decoration:none;white-space:nowrap}.topbar-profil__link:hover{text-decoration:underline}.topbar-profil__trenner{width:1px;height:18px;background:rgba(var(--tint-rgb),.16)}.topbar-profil__mail{font-size:13px;color:var(--ink-2);max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){.topbar-profil__mail,.topbar-profil__trenner{display:none}.topbar-profil[data-an=true]~.theme-toggle{margin-left:0}}@media(max-width:620px){.topbar-profil__link{display:none}}@media(max-width:560px){.topbar-inner--schlank{gap:var(--s3);padding:0 var(--s4)}}:root{--pf-gelb:#e0a92e;--pf-gelb-flaeche:rgba(224, 169, 46, 0.09);--pf-gelb-ink:#2a2205}.pp [hidden]{display:none!important}.pp-dashhead{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--s4);padding-bottom:var(--s5);border-bottom:1px solid rgba(var(--tint-rgb),.12)}.pp-dashtitle{font-size:clamp(24px,3.5vw,34px);font-weight:700;letter-spacing:-1px;line-height:1.1;color:var(--cream);margin:var(--s1)0 0;overflow-wrap:anywhere}.pp-dashmeta{margin:var(--s2)0 0;font-size:var(--text-sm)}.pp-dashmeta a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(var(--accent-rgb),.4)}.pp-dashmeta a:hover{border-bottom-color:var(--accent)}.pp-dashhead__acct{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;font-size:var(--text-sm);color:var(--ink-2)}.pp-dashhead__acct .pp-muted{margin:0;overflow-wrap:anywhere}.pp-statusbar{position:sticky;top:var(--nav-h);z-index:var(--z-raised);display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;margin:var(--s4)0 var(--s5);padding:var(--s3)var(--s4);border-radius:var(--r-sm);background:var(--surface);border:1px solid rgba(var(--tint-rgb),.14);box-shadow:var(--shadow-card);transition:border-color var(--dur-base)var(--ease-out)}.pp-statusbar[data-state=dirty]{border-color:var(--pf-gelb);background:linear-gradient(var(--pf-gelb-flaeche),var(--pf-gelb-flaeche)),var(--surface)}.pp-statusbar__dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;background:var(--success)}.pp-statusbar[data-state=dirty] .pp-statusbar__dot{background:var(--pf-gelb)}.pp-statusbar[data-state=review] .pp-statusbar__dot{background:var(--accent)}.pp-statusbar[data-saving] .pp-statusbar__dot{animation:pp-pulse 1s ease-in-out infinite}@keyframes pp-pulse{50%{opacity:.25}}.pp-statusbar__text{flex:1;min-width:200px;margin:0;font-size:var(--text-sm);color:var(--ink-2);line-height:1.45}.pp-statusbar__eta{margin:0;font-size:var(--text-xs);color:var(--ink-2)}.pp-statusbar__actions{display:flex;gap:var(--s2);flex-wrap:wrap}.pp-statusbar[data-state=dirty] #pp-submit{background:var(--pf-gelb);color:var(--pf-gelb-ink)}.pf{display:grid;gap:var(--s4)}.pf-region{position:relative;transition:box-shadow var(--dur-base)var(--ease-out)}.pf-region[data-changed=true]{box-shadow:0 0 0 2px var(--pf-gelb);border-radius:var(--r)}.pf-region[data-changed=true]>.pf-region__view,.pf-region[data-changed=true]>.pf-region__form{border-radius:var(--r)}.pf-region__leiste{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;padding:0 0 var(--s4)}.pf-region__leiste:has(.pf-region__titel:empty){justify-content:flex-end}.pf-region__titel{flex:1;min-width:120px;margin:0;font-size:var(--text-xs);font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-2)}.pf-region--kopf>.pf-region__leiste{justify-content:flex-end;padding-bottom:var(--s2)}.pf-region__form{margin-top:var(--s3);padding:var(--s4);background:var(--surface);border:1px solid rgba(var(--accent-rgb),.35);border-radius:var(--r)}.pf-region{background:var(--surface);border:1px solid rgba(var(--tint-rgb),.12);border-radius:var(--r-lg);padding:var(--s4)var(--s5)var(--s5)}.pf-region+.pf-region{margin-top:var(--s4)}.pf-region[data-changed=true]{border-radius:var(--r-lg)}.pf-region__form{background:var(--bg)}.pf-changed{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 9px;border-radius:999px;background:var(--pf-gelb);color:var(--pf-gelb-ink)}.pf-pencil{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 18px;border-radius:999px;border:0;background:var(--accent);color:var(--on-accent);font-family:var(--f);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:filter var(--dur-fast)var(--ease-out)}.pf-pencil:hover{filter:brightness(1.06)}.pf-pencil:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:999px}.pf-pencil--klein{min-height:44px;padding:6px 12px;font-size:var(--text-xs);flex-shrink:0}.pf-region[data-editing=true]>.pf-region__leiste .pf-pencil,.pf-kaffee[data-editing=true] .pf-pencil{background:var(--accent);color:var(--on-accent);border-color:transparent}.pf-text{margin:0;font-size:var(--text-base);line-height:1.6;color:var(--cream)}.pf-untertext{margin:var(--s2)0 0;font-size:var(--text-sm);color:var(--ink-2);line-height:1.55}.pf-leer{margin:0;font-size:var(--text-sm);color:var(--ink-2);line-height:1.55;padding:var(--s3)var(--s4);border:1px dashed rgba(var(--tint-rgb),.22);border-radius:var(--r-sm)}.pf-leer--klein{padding:var(--s2)var(--s3);font-size:var(--text-xs)}.pf-kopf{position:relative;display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;padding:var(--s5);border-radius:var(--r);background:linear-gradient(150deg,var(--surface),var(--surface-2));border:1px solid rgba(var(--tint-rgb),.12);overflow:hidden}.pf-kopf[data-bild=true]::after{content:"";position:absolute;inset:0 0 0 38%;background-image:var(--pf-titelbild);background-size:cover;background-position:50%;opacity:.34;mask-image:linear-gradient(285deg,#000 22%,transparent 78%);pointer-events:none}.pf-kopf>*{position:relative;z-index:1}.pf-kopf__web{margin:4px 0 0;font-size:var(--text-sm);color:var(--accent)}.pf-logo{width:72px;height:72px;border-radius:14px;display:grid;place-items:center;background:var(--surface-2);color:var(--cream);font-weight:800;font-size:24px;letter-spacing:-1px;overflow:hidden;flex-shrink:0}.pf-logo img,.pf-upload__bild img{width:100%;height:100%;object-fit:cover}.pf-kopf__text{min-width:0}.pf-kopf__name{margin:0;font-size:22px;font-weight:700;color:var(--cream);letter-spacing:-.5px;overflow-wrap:anywhere}.pf-kopf__meta{margin:4px 0 0;font-size:var(--text-sm);color:var(--ink-2)}.pf-badge{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:700}.pf-fakten{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s4)var(--s5);max-width:620px;margin:var(--s4)0 0;padding-top:var(--s4);border-top:1px solid rgba(var(--tint-rgb),.1)}.pf-fakten dt{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--ink-2);margin:0}.pf-fakten dd{margin:3px 0 0;font-size:var(--text-base);color:var(--cream);overflow-wrap:anywhere}.pf-minimap{height:260px;border-radius:var(--r);overflow:hidden;background:var(--bg);border:1px solid rgba(var(--tint-rgb),.14)}.pf-minimap--leer{display:grid;place-items:center;height:130px;border-style:dashed}.pf-minimap--leer p{margin:0;font-size:var(--text-sm);color:var(--ink-2)}.pf-standort__adresse{margin:var(--s3)0 0;font-size:var(--text-base);color:var(--cream)}.pf-beutel-buehne{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--s4);margin-top:var(--s3)}.pf-buehne{margin:0;padding:var(--s5)var(--s4)var(--s3);border-radius:var(--r);display:grid;justify-items:center;gap:var(--s4);border:1px solid rgba(var(--tint-rgb),.14)}.pf-buehne figcaption{font-size:var(--text-xs);font-weight:700;letter-spacing:.5px;text-transform:uppercase}.pf-beutel-gross{display:grid;place-items:center}.pf-buehne__regal{width:100%;max-width:260px}.pf-beutel-buehne--klein .pf-buehne{padding:var(--s4)var(--s3)var(--s2)}.pf-phone__row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:13px;overflow:hidden}.pf-phone__meta{min-width:0}.pf-phone__name{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-phone__roaster{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.pf-farbhinweis{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:var(--s3);padding:var(--s3);border-radius:var(--r-sm);background:var(--pf-gelb-flaeche);border:1px solid rgba(224,169,46,.4);font-size:var(--text-sm);color:var(--cream);line-height:1.5}.pf-farbprobe{width:20px;height:20px;border-radius:5px;flex-shrink:0;border:1px solid rgba(var(--tint-rgb),.25)}.pf-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s2)}.pf-pill{display:inline-flex;align-items:center;min-height:44px;padding:8px 15px;border-radius:999px;border:1px solid rgba(var(--tint-rgb),.24);background:0 0;color:var(--cream);font-family:var(--f);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--dur-fast)var(--ease-out),border-color var(--dur-fast)var(--ease-out)}.pf-pill:hover{border-color:rgba(var(--accent-rgb),.6)}.pf-pill:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:999px}.pf-pill[aria-pressed=true],.pf-pill--gewaehlt{background:var(--accent);color:var(--on-accent);border-color:transparent;font-weight:700}.pf-pill--fremd{background:rgba(var(--tint-rgb),.12);color:var(--ink-2);border-style:dashed;font-weight:600}.pf-pilleingabe{display:grid;gap:var(--s2);margin-top:var(--s2)}.pf-kaffees{list-style:none;margin:var(--s3)0 0;padding:0;display:grid;gap:var(--s3)}.pf-kaffee{min-width:0;border:1px solid rgba(var(--tint-rgb),.14);border-radius:var(--r-sm);padding:var(--s3)var(--s4);background:var(--bg);transition:border-color var(--dur-base)var(--ease-out)}.pf-kaffee[data-changed=true]{border-color:var(--pf-gelb);background:linear-gradient(var(--pf-gelb-flaeche),var(--pf-gelb-flaeche)),var(--bg)}.pf-kaffee--neu{border-color:rgba(var(--accent-rgb),.45)}.pf-kaffee__leiste{display:flex;align-items:flex-start;gap:var(--s3)}@media(max-width:640px){.pf-kaffee__leiste{flex-wrap:wrap}.pf-kaffee__leiste>.pf-kaffee__view{flex:1 0 100%}.pf-kaffee__leiste>.pf-pencil{width:100%;justify-content:center}}.pf-kaffee__view{flex:1;min-width:0}.pf-kaffee__form{margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid rgba(var(--tint-rgb),.12)}.pf-kaffee__kopf{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.pf-kaffee__name{font-size:var(--text-base);font-weight:700;color:var(--cream);overflow-wrap:anywhere}.pf-status{font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;white-space:nowrap}.pf-status--an{background:rgba(var(--accent-rgb),.16);color:var(--accent)}.pf-status--aus{background:rgba(var(--tint-rgb),.14);color:var(--ink-2)}.pf-status--neu{background:var(--accent);color:var(--on-accent)}.pf-status--sonder{background:var(--pf-gelb);color:var(--pf-gelb-ink)}.pf-status--bio{background:rgba(78,203,130,.18);color:var(--success)}.pf-status--decaf{background:rgba(var(--tint-rgb),.16);color:var(--cream)}.pf-anschrift{display:grid;grid-template-columns:1fr 90px;gap:var(--s3)var(--s4)}.pf-anschrift>:nth-child(3){grid-column:1}.pf-anschrift>.pf-feld{margin-top:0}@media(min-width:561px){.pf-anschrift{grid-template-columns:3fr 1fr}.pf-anschrift>:nth-child(3){grid-column:auto}.pf-anschrift>:nth-child(3){order:3}.pf-anschrift>:nth-child(4){order:4}}.pf-plzwarnung{margin:var(--s2)0 0;padding:var(--s3);border-radius:var(--r-sm);background:var(--pf-gelb-flaeche);border:1px solid rgba(224,169,46,.45);font-size:var(--text-sm);line-height:1.5;color:var(--cream)}.pf-fertig{display:flex;align-items:center;justify-content:flex-end;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid rgba(var(--tint-rgb),.12)}.pf-fertig__hinweis{flex:1;min-width:180px;font-size:var(--text-xs);color:var(--ink-2);line-height:1.5}.pf-dd{position:relative}.pf-dd__knopf{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);width:100%;min-height:48px;padding:12px 14px;border-radius:var(--r-sm);background:var(--bg);border:1px solid rgba(var(--tint-rgb),.16);color:var(--cream);font-family:var(--f);font-size:var(--text-base);text-align:left;cursor:pointer}.pf-dd__knopf[data-leer=true] .pf-dd__text{color:var(--text-faint)}.pf-dd__knopf:hover{border-color:rgba(var(--tint-rgb),.28)}.pf-dd__knopf:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.pf-dd__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-dd__pfeil{color:var(--ink-2);flex-shrink:0}.pf-dd__panel{position:absolute;z-index:var(--z-overlay);left:0;right:0;top:calc(100% + 4px);max-height:min(430px,60vh);overflow-y:auto;padding:6px;border-radius:var(--r-sm);background:var(--surface);border:1px solid rgba(var(--tint-rgb),.2);box-shadow:0 12px 30px rgba(0,0,0,.3)}.pf-dd__zeile{display:flex;align-items:center;gap:10px;min-height:44px;box-sizing:border-box;padding:6px 10px;border-radius:var(--r-sm);cursor:pointer}.pf-dd__zeile:hover{background:var(--surface-2)}.pf-dd__zeile input{width:20px;height:20px;margin-top:2px;accent-color:var(--accent);flex-shrink:0}.pf-dd__zeile input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pf-dd__name{font-size:var(--text-sm);font-weight:600;color:var(--cream)}.pf-dd__zeile--fremd .pf-dd__name{color:var(--ink-2);font-style:italic}.pf-anteile{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin-top:var(--s2)}.pf-anteil__eingabe{display:flex;align-items:center;gap:6px}.pf-anteil__eingabe .pp-input{text-align:right}.pf-anteil__prozent{font-size:var(--text-sm);color:var(--ink-2);flex-shrink:0}.pp-hint[data-tone=ok]{color:var(--success)}.pp-hint[data-tone=warn]{color:var(--sand);font-weight:600}.pf-kaffee__inhalt{display:flex;gap:var(--s4);align-items:flex-start}.pf-kaffee__beutel{flex:none;padding-top:2px}.pf-kaffee__beutel[data-eigen=true]{position:relative}.pf-kaffee__beutel[data-eigen=true]::after{content:"";position:absolute;right:-5px;top:-3px;width:10px;height:10px;border-radius:50%;background:var(--pf-gelb);box-shadow:0 0 0 2px var(--bg)}.pf-kaffee__text{flex:1;min-width:0}.pf-kaffee__merkmale{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.pf-kaffee__gruppen{display:flex;flex-wrap:wrap;gap:var(--s4)var(--s5);margin-top:var(--s3)}.pf-chipgruppe{min-width:0}.pf-chipgruppe__titel{display:block;font-size:10.5px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--ink-2);margin-bottom:5px}.pf-chipgruppe .pf-chips{margin-top:0}.pf-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s2)}.pf-chip{font-size:var(--text-xs);padding:3px 9px;border-radius:999px;background:rgba(var(--tint-rgb),.1);color:var(--ink-2)}.pf-chip--land{background:rgba(var(--accent-rgb),.13);color:var(--accent)}.pf-chip--proz{background:rgba(var(--tint-rgb),.16);color:var(--cream)}.pf-sonder{margin-top:var(--s4);padding-top:var(--s3);border-top:1px dashed rgba(var(--tint-rgb),.2)}.pf-hint{background:var(--surface);border:1px solid rgba(var(--accent-rgb),.35);border-radius:var(--r);padding:var(--s5)}.pf-hint--quiet{background:0 0;border-style:dashed;border-color:rgba(var(--tint-rgb),.2)}.pf-hint__titel{margin:0 0 var(--s2);font-size:var(--text-lg);font-weight:700;color:var(--cream)}.pf-hint p{margin:0 0 var(--s2);font-size:var(--text-sm);color:var(--ink-2);line-height:1.6;max-width:68ch}.pf-hint p:last-child{margin-bottom:0}.pf-kopf-form{display:grid;grid-template-columns:minmax(0,1fr)296px;gap:var(--s5);align-items:start}.pf-kopf-form__felder{min-width:0}.pf-vorschau{display:block;min-width:0;margin-top:var(--s5);padding:var(--s4);border-radius:var(--r);border:1px solid rgba(var(--tint-rgb),.12);background:rgba(var(--tint-rgb),.03)}.pf-vorschau>.pp-label{margin-bottom:var(--s3)}.pf-vorschau .pp-hint{margin-top:var(--s3);margin-bottom:0}.pf-kachel-buehnen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);margin-top:var(--s2)}@media(max-width:560px){.pf-kachel-buehnen{grid-template-columns:minmax(0,1fr)}}.pf-kachel-buehne{margin:0;padding:var(--s3);border-radius:var(--r);background:var(--bg);border:1px solid rgba(var(--tint-rgb),.12);min-width:0}.pf-kachel-buehne .pf-kachel{width:340px;max-width:100%}.pf-kachel-buehne figcaption{margin-top:var(--s2);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-align:center;color:var(--ink-2)}.pf-kachel{cursor:default}.pf-kachel:hover{transform:none;box-shadow:var(--shadow-card)}@media(max-width:800px){.pf-kopf-form{grid-template-columns:1fr}}.pf-upload{display:flex;gap:var(--s4);align-items:flex-start;margin-top:var(--s2);padding:var(--s3);border:1px dashed rgba(var(--tint-rgb),.18);border-radius:var(--r-sm);transition:border-color var(--dur-fast)var(--ease-std),background var(--dur-fast)var(--ease-std)}.pf-upload:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pf-upload[data-ueber]{border-color:var(--accent);background:rgba(var(--accent-rgb),.07)}.pp-hint--leise{margin-top:var(--s2);font-size:12px;color:var(--ink-2)}.pf-upload__body{flex:1;min-width:0}.pf-upload__bild{flex-shrink:0;display:grid;place-items:center;overflow:hidden;background:var(--bg);border:1px solid rgba(var(--tint-rgb),.16);border-radius:var(--r-sm)}.pf-upload__bild--logo{width:84px;height:84px}.pf-upload__bild--card{width:140px;height:79px}.pf-upload__platzhalter{font-size:var(--text-sm);font-weight:700;color:var(--ink-2);text-align:center;padding:4px}.pf-upload__bild--logo .pf-upload__platzhalter{font-size:26px;letter-spacing:-1px}.pf-feld{margin-top:var(--s4)}.pf-feld:first-child{margin-top:0}.pf-feld--eingerueckt{margin-left:var(--s4);padding-left:var(--s3);border-left:2px solid rgba(var(--tint-rgb),.16)}.pf-merkmal-haken .kw-merkmal__icon{color:var(--accent)}.kw-merkmal--aus{background:0 0;border-style:dashed;border-color:rgba(var(--tint-rgb),.22);color:var(--ink-2);font-weight:500}.kw-merkmal--aus .kw-merkmal__icon{color:var(--ink-2);opacity:.55}.pf-fakten__leer{color:var(--ink-2);opacity:.7}.pf-region--fakten .kw-merkmale-block{margin-top:var(--s4)}.pp-swatches{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--s2)}.pp-swatch{width:48px;height:48px;flex:none;border-radius:var(--r-sm);border:2px solid transparent;box-shadow:inset 0 0 0 1px rgba(var(--tint-rgb),.18);cursor:pointer;padding:0;display:grid;place-items:center;color:var(--ink-2);font-size:var(--text-base);background:var(--bg)}.pp-swatch[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.3)}.pp-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pp-swatch--pattern{position:relative;overflow:hidden;background:var(--surface-2)}.pp-swatch--pattern svg{position:absolute;inset:0}.pp-colorrow{display:flex;gap:var(--s3);align-items:center}.pp-colorpick{width:52px;height:48px;padding:2px;border:1px solid rgba(var(--tint-rgb),.2);border-radius:var(--r-sm);background:var(--bg);cursor:pointer;flex-shrink:0}.pp-colorpick:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pp-lint{list-style:none;margin:var(--s2)0 0;padding:0;display:grid;gap:6px}.pp-lint__item{font-size:var(--text-xs);line-height:1.5;padding-left:18px;position:relative;color:var(--ink-2)}.pp-lint__item::before{content:"";position:absolute;left:2px;top:6px;width:8px;height:8px;border-radius:2px;background:var(--sand)}.pp-lint__item[data-tone=error]{color:var(--error);font-weight:600}.pp-lint__item[data-tone=error]::before{background:var(--error)}.pp-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:var(--z-modal);max-width:min(92vw,460px);padding:13px 18px;border-radius:var(--r-sm);background:var(--surface);border:1px solid rgba(var(--tint-rgb),.2);box-shadow:0 10px 30px rgba(0,0,0,.32);color:var(--cream);font-size:var(--text-sm);font-weight:600;line-height:1.45}.pp-toast[data-tone=error]{border-color:var(--error)}.pp-dialog{max-width:420px;width:calc(100vw - 32px);margin:auto;padding:var(--s5);border:1px solid rgba(var(--tint-rgb),.2);border-radius:var(--r);background:var(--surface);color:var(--cream)}.pp-dialog::backdrop{background:rgba(0,0,0,.55)}.pp-dialog__text{font-size:var(--text-sm);color:var(--ink-2);line-height:1.55;margin:var(--s3)0 var(--s5)}.pp-dialog__lead{margin:0 0 var(--s2)}.pp-dialog__liste{display:grid;gap:6px;margin:0;padding-left:1.15em}.pp-dialog__liste li{color:var(--cream)}.pp-dialog__liste li::marker{color:var(--accent)}.pp-dialog__fuss{margin:var(--s3)0 0;font-size:var(--text-xs)}.pp-dialog__actions{display:flex;gap:var(--s3);justify-content:flex-end;flex-wrap:wrap}@media(max-width:420px){.pp-dialog__actions{flex-direction:column}.pp-dialog__actions .pp-btn{width:100%}}@media(prefers-reduced-motion:reduce){.pp-spinner{animation-duration:2.4s}.pp-statusbar[data-saving] .pp-statusbar__dot{animation:none;opacity:.5}.pp-btn,.pf-region,.pf-pill,.pf-pencil,.pf-kaffee{transition:none}}.pf-zeile2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}@media(max-width:560px){.pp{padding:var(--s5)var(--s3)var(--s7)}.pf-kopf,.pf-region--text>.pf-region__view,.pf-region--fakten>.pf-region__view,.pf-region__form,.pf-hint{padding:var(--s4)}.pf-zeile2{grid-template-columns:1fr}.pp-statusbar{position:static}.pp-statusbar__actions{width:100%}.pp-statusbar__actions .pp-btn{flex:1}.pp-dashhead__acct{width:100%;justify-content:space-between}.pf-upload{flex-direction:column}.pf-upload__bild--card{width:100%;height:120px}.pf-beutel-buehne{grid-template-columns:1fr}.pf-minimap{height:200px}.pf-kopf[data-bild=true]::after{inset:0 0 0 55%;opacity:.22}.pf-region__leiste .pf-pencil__text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.pf-feld--eingerueckt{margin-left:var(--s2)}}.pf-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--s6);align-items:start}@media(max-width:900px){.pf-layout{grid-template-columns:minmax(0,1fr);gap:var(--s5)}}.pf-nav{display:flex;flex-direction:column;gap:2px;position:sticky;top:calc(var(--nav-h) + var(--pp-statusbar-h,62px) + var(--s4));z-index:1}.pf-nav__link[aria-current=true]{background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.3);color:var(--cream);font-weight:600}@media(max-width:900px){.pf-nav{position:sticky;top:var(--nav-h);z-index:2;flex-direction:row;gap:var(--s2);overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--s4));padding:var(--s2)var(--s4);background:var(--bg);border-bottom:1px solid rgba(var(--tint-rgb),.1)}.pf-nav::-webkit-scrollbar{display:none}.pf-nav__link{flex:none}}.pf-nav__link{display:flex;align-items:center;gap:var(--s3);min-height:44px;padding:var(--s3)var(--s4);border-radius:12px;border:1px solid transparent;color:var(--text);font-size:var(--text-base);text-decoration:none;transition:background var(--dur-base)var(--ease-out),border-color var(--dur-base)var(--ease-out)}.pf-nav__link:hover,.pf-nav__link:focus-visible{background:rgba(var(--tint-rgb),.06);border-color:rgba(var(--tint-rgb),.12);color:var(--cream)}.pf-nav__text{flex:1}.pf-nav__zahl{display:inline-flex;align-items:center;flex:none;font-size:12px;font-weight:700}.pf-nav__zahl[data-tone=warn]{color:var(--pf-gelb)}.pf-nav__zahl[data-tone=ok]{color:var(--accent)}.pf-nav__zahl[data-tone=neutral]{color:var(--ink-2);font-weight:600}.pf-spalte{display:flex;flex-direction:column;gap:var(--s6);min-width:0}.pf-cluster{display:flex;flex-direction:column;gap:var(--s4);scroll-margin-top:calc(var(--nav-h) + var(--pp-statusbar-h,62px) + var(--s4))}.pf-cluster__kopf{display:flex;flex-direction:column;gap:var(--s1)}.pf-cluster__titel{margin:0;font-size:clamp(20px,2.4vw,24px);font-weight:700;letter-spacing:-.5px;color:var(--cream)}.pf-cluster__titel:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--r)}.pf-cluster__unter{margin:0;font-size:var(--text-sm);color:var(--ink-2);max-width:62ch}.pf-seitenkopf{display:block}.pf-bildstaende{list-style:none;margin:0 0 var(--s4);padding:0;display:flex;flex-wrap:wrap;gap:var(--s2)var(--s5)}.pf-bildstand{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--text-sm);color:var(--accent)}.pf-bildstand--aus{color:var(--ink-2)}.pw{max-width:780px;margin:0 auto;padding-bottom:var(--s6)}.pw-fortschritt{list-style:none;margin:0 0 var(--s6);padding:0;display:flex;gap:var(--s2)}.pw-schritt{flex:1;min-width:0}.pw-schritt__balken{display:block;height:4px;border-radius:999px;background:rgba(var(--tint-rgb),.14)}.pw-schritt[data-stand=fertig] .pw-schritt__balken,.pw-schritt[data-stand=aktiv] .pw-schritt__balken{background:var(--accent)}.pw-schritt__name{display:block;margin-top:var(--s2);font-size:12px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw-schritt[data-stand=aktiv] .pw-schritt__name{color:var(--accent);font-weight:700}@media(max-width:560px){.pw-schritt__name{display:none}.pw-schritt[data-stand=aktiv] .pw-schritt__name{display:block}.pw-fortschritt{position:relative;margin-bottom:calc(var(--s6) + 14px)}.pw-schritt[data-stand=aktiv] .pw-schritt__name{position:absolute;left:0;top:100%;margin-top:6px}}.pw-kopf{margin-bottom:var(--s5)}.pw-zaehler{margin:0 0 var(--s2);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.pw-titel{margin:0 0 var(--s3);font-size:clamp(26px,4vw,36px);font-weight:800;letter-spacing:-1px;line-height:1.15;color:var(--cream)}.pw-titel:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--r)}.pw-lead{margin:0;font-size:var(--text-lg,17px);color:var(--ink-2);max-width:62ch;text-wrap:pretty}.pw-h2{margin:var(--s6)0 var(--s2);font-size:clamp(19px,2.4vw,24px);font-weight:700;letter-spacing:-.5px;color:var(--cream)}.pw-unter{margin:0 0 var(--s4);font-size:var(--text-sm);color:var(--ink-2);max-width:64ch}.pw-winken{font-size:.92em}.pw-willkommen{padding:var(--s5)0 var(--s6)}.pw-gruende{list-style:none;margin:var(--s6)0 var(--s5);padding:0;display:grid;gap:var(--s4)}.pw-grund{display:flex;align-items:flex-start;gap:var(--s3)}.pw-grund__haken{flex:none;display:grid;place-items:center;width:26px;height:26px;margin-top:2px;border-radius:999px;color:var(--accent);background:rgba(var(--accent-rgb),.12)}.pw-grund__haken svg{width:15px;height:15px}.pw-grund__text{display:grid;gap:3px;font-size:var(--text-sm);color:var(--ink-2)}.pw-grund__text strong{color:var(--cream)}.pw-willkommen__dauer{margin:0 0 var(--s5);font-size:var(--text-sm);color:var(--ink-2)}.pw-los{width:100%}@media(min-width:560px){.pw-los{width:auto;min-width:220px}}.pw-karte{background:var(--surface);border:1px solid rgba(var(--tint-rgb),.1);border-radius:var(--r-lg);padding:var(--s5)}.pw-karte+.pw-karte{margin-top:var(--s4)}@media(max-width:560px){.pw-karte{padding:var(--s4)}}.pw-karte--beutel{text-align:left}.pw-karte--mission{background:linear-gradient(155deg,var(--surface),var(--surface-2))}.pw-jubel{text-align:center;margin-bottom:var(--s6)}.pw-jubel__kreis{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;margin-bottom:var(--s4);border-radius:999px;border:2px solid var(--accent);background:rgba(var(--accent-rgb),.12);color:var(--accent)}.pw-jubel__kreis svg{width:34px;height:34px}.pw-jubel__kreis--wartend{border-color:var(--pf-gelb);background:rgba(224,169,46,.12);color:var(--pf-gelb)}.pw-jubel .pw-lead{margin-inline:auto}.pw-orte{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s3);margin-top:var(--s4)}.pw-ort{background:rgba(var(--tint-rgb),.05);border:1px solid rgba(var(--tint-rgb),.1);border-radius:var(--r);padding:var(--s4)}.pw-ort__titel{margin:0 0 var(--s1);font-size:var(--text-sm);font-weight:700;color:var(--cream)}.pw-ort__text{margin:0;font-size:13px;color:var(--ink-2)}.pw-sorten{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s4)}.pw-sorte{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1.2fr);gap:var(--s4);align-items:start;padding-bottom:var(--s4);border-bottom:1px solid rgba(var(--tint-rgb),.08)}.pw-sorte:last-child{border-bottom:0;padding-bottom:0}@media(max-width:640px){.pw-sorte{grid-template-columns:minmax(0,1fr)}}.pw-sorte__kopf{display:flex;align-items:center;gap:var(--s3);min-width:0}.pw-sorte__name{margin:0;font-size:var(--text-base);font-weight:600;color:var(--cream)}.pw-sorte__meta{margin:0;font-size:13px;color:var(--ink-2)}.pw-notiz{margin-top:var(--s4);padding:var(--s4)var(--s5);border-radius:var(--r);background:rgba(224,169,46,8%);border:1px solid rgba(224,169,46,.28)}.pw-notiz__titel{margin:0 0 var(--s1);font-size:var(--text-sm);font-weight:700;color:var(--cream)}.pw-notiz p:last-child{margin:0;font-size:13px;color:var(--ink-2);max-width:70ch}.pw-mission{margin:0 0 var(--s4);font-size:clamp(18px,2.4vw,21px);line-height:1.55;font-weight:500;color:var(--cream);max-width:58ch;text-wrap:pretty}.pw-tat{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4);margin:var(--s5)0 0}.pw-tat__neben{font-size:var(--text-sm);color:var(--ink-2)}.pw-fertig .pw-tat{justify-content:center}.pw-fertig .pf-kit{text-align:left}.pw-tat--ende{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid rgba(var(--tint-rgb),.1)}.pw-vorschau{background:var(--surface);border:1px solid rgba(var(--tint-rgb),.12);border-radius:var(--r-lg);padding:var(--s5);margin-bottom:var(--s4)}.pw-bilanz__titel{margin:0 0 var(--s3);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.pw-bilanz{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s2)var(--s5)}.pw-bilanz__zeile{display:flex;align-items:center;gap:var(--s2);font-size:var(--text-sm);color:var(--text)}.pw-bilanz__zeile svg{flex:none;color:var(--accent)}.pw-konfetti{position:fixed;inset:0;z-index:60;overflow:hidden;pointer-events:none}.pw-konfetti__stueck{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;opacity:0;animation-name:pw-konfetti-fall;animation-timing-function:cubic-bezier(.2,.65,.5,1);animation-fill-mode:forwards;will-change:transform,opacity}.pw-konfetti__stueck--rund{width:10px;height:10px;border-radius:50%}@keyframes pw-konfetti-fall{0%{transform:translate3d(0,-20px,0)rotate(0);opacity:0}10%{opacity:1}100%{transform:translate3d(var(--drift,0),105vh,0)rotate(var(--rot,360deg));opacity:1}}.pw-fertig{text-align:center;padding:var(--s6)0}.pw-fertig .pw-lead{margin-inline:auto}.pw-kit__bitte{margin-inline:auto}.pw-stufen{list-style:none;margin:var(--s6)auto 0;padding:0;display:flex;align-items:flex-start;justify-content:center;gap:var(--s5);max-width:520px}.pw-stufe{display:flex;flex-direction:column;align-items:center;gap:var(--s2);flex:1}.pw-stufe__punkt{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:2px solid rgba(var(--tint-rgb),.18)}.pw-stufe[data-stand=fertig] .pw-stufe__punkt{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.pw-stufe[data-stand=aktiv] .pw-stufe__punkt{border-color:var(--pf-gelb);background:rgba(224,169,46,.12)}.pw-stufe__name{font-size:13px;color:var(--ink-2)}.pw-stufe[data-stand=fertig] .pw-stufe__name{color:var(--cream);font-weight:600}.pw-stufe[data-stand=aktiv] .pw-stufe__name{color:var(--pf-gelb);font-weight:600}.pw-fuss{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid rgba(var(--tint-rgb),.1)}.pw-fuss__rechts{display:flex;align-items:center;gap:var(--s4)}.pf-eckdaten{margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid rgba(var(--tint-rgb),.1)}.pf-eckdaten__zeile{margin:0;font-size:var(--text-sm);color:var(--cream);line-height:1.7}.pf-eckdaten__punkt{margin:0 var(--s2);color:var(--ink-2)}.pf-eckdaten__fehlt{margin:var(--s2)0 0;font-size:var(--text-xs);color:var(--ink-2)}.pf-etikett{display:flex;align-items:center;gap:var(--s2)}.pf-etikett .pp-label{margin-bottom:0}.pf-feld>.pf-etikett{margin-bottom:var(--s2)}.pf-info{position:relative;display:inline-flex;vertical-align:middle;margin-left:var(--s1)}.pf-info__knopf{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border-radius:999px;border:1px solid rgba(var(--tint-rgb),.32);background:0 0;color:var(--ink-2);font-size:11px;font-weight:800;line-height:1;cursor:pointer}.pf-info__knopf::before{content:"";position:absolute;inset:50% auto auto 50%;width:44px;height:44px;transform:translate(-50%,-50%)}.pf-info__knopf:hover,.pf-info__knopf:focus-visible,.pf-info__knopf[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.pf-info__blase{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);z-index:5;width:max-content;max-width:min(320px,78vw);padding:var(--s3)var(--s4);border-radius:var(--r-sm);background:var(--bg);border:1px solid rgba(var(--tint-rgb),.22);box-shadow:var(--shadow-card);font-size:var(--text-xs);font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--text);white-space:normal}@media(hover:hover){.pf-info:hover .pf-info__blase[hidden]{display:block}}.pf-social{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:var(--s2)var(--s4);margin-top:var(--s3)}.pf-social__zeile{display:flex;align-items:center;gap:var(--s3);padding:0 var(--s3);border-radius:var(--r-sm);background:var(--bg);border:1px solid rgba(var(--tint-rgb),.14);transition:border-color var(--dur-base)var(--ease-out)}.pf-social__zeile:focus-within{border-color:var(--accent)}.pf-social__sammlung .pf-social{grid-template-columns:minmax(0,1fr)}.pf-social__zeile--offen{padding:var(--s2)var(--s3)}.pf-social__weg{flex:none;width:30px;height:30px;display:grid;place-items:center;padding:0;font-size:20px;line-height:1;color:var(--ink-2);background:0 0;border:0;border-radius:var(--r-sm);cursor:pointer}.pf-social__weg:hover{color:var(--cream);background:rgba(var(--tint-rgb),.1)}.pf-social__plus{margin-top:var(--s3)}.pf-social__menue{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--s2);margin-top:var(--s2);padding:var(--s3);border-radius:var(--r-sm);background:var(--bg);border:1px solid rgba(var(--tint-rgb),.14)}.pf-social__wahl{display:flex;align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s3);font:inherit;font-size:var(--text-sm);color:var(--cream);text-align:left;background:var(--surface);border:1px solid rgba(var(--tint-rgb),.14);border-radius:var(--r-sm);cursor:pointer}.pf-social__wahl:hover{border-color:var(--accent)}.pf-social__wahl .pf-social__icon{color:var(--ink-2)}.pf-social__zeile[data-gefuellt=true] .pf-social__icon{color:var(--accent)}.pf-social__icon{display:flex;flex:none;color:var(--ink-2)}.pf-social__eingabe{min-height:42px;padding:0;border:0;background:0 0;font-size:var(--text-sm)}.pf-social__eingabe:focus{outline:none;box-shadow:none}.pf-social__zeile{min-height:42px}.pf-social__an{flex:none;width:16px;height:16px;margin:0;accent-color:var(--accent)}.pf-social__name{flex:1;font-size:var(--text-sm);color:var(--ink-2);cursor:pointer}.pf-social__zeile[data-an=true] .pf-social__name{flex:none}.pf-social__zeile[data-an=true] .pf-social__icon{color:var(--marke,var(--cream))}.pf-social__feld{display:none;flex:1;align-items:center;gap:2px;min-width:0}.pf-social__zeile[data-an=true] .pf-social__feld{display:flex}.pf-social__praefix{flex:none;font-size:var(--text-sm);color:var(--ink-2)}.pf-social__eingabe{min-width:0;flex:1}.pf-kontakte{display:grid;gap:var(--s2);margin-top:var(--s3)}.pf-kontakte__legende{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px var(--s3);margin:var(--s2)0 0;font-size:12px}.pf-kontakte__legende div{display:contents}.pf-kontakte__legende dt{font-weight:600;color:var(--cream)}.pf-kontakte__legende dd{margin:0;color:var(--ink-2)}.pf-kontakt{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s2)var(--s3);align-items:center;padding:var(--s3);border-radius:var(--r-sm);background:var(--bg);border:1px solid rgba(var(--tint-rgb),.14)}.pf-kontakt[data-primaer=true]{border-color:rgba(var(--accent-rgb),.3)}.pf-kontakt__primaer input{margin:0;accent-color:var(--accent)}.pf-kontakt__wer{display:grid;min-width:0}.pf-kontakt__wer strong{font-size:var(--text-sm);color:var(--cream)}.pf-kontakt__wer span,.pf-kontakt__wer small{overflow:hidden;font-size:12px;color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap}.pf-kontakt__rechte{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)var(--s4)}.pf-kontakt__recht span{font-size:12px}.pf-kontakt__primaer{padding-right:var(--s4);margin-right:calc(-1 * var(--s2));border-right:1px solid rgba(var(--tint-rgb),.16)}.pf-kontakt__weg{justify-self:end}.pf-kontakt-neu{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,1.4fr)auto;gap:var(--s2);align-items:center;margin-top:var(--s3)}.pf-kontakte__wrap .pp-error{margin-top:var(--s2)}@media(max-width:560px){.pf-kontakt-neu{grid-template-columns:minmax(0,1fr)}}.pw-demo{margin:0 0 var(--s4);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5);align-items:center;padding:var(--s5);border-radius:var(--r-lg);background:var(--surface);border:1px solid rgba(var(--tint-rgb),.1)}.pw-demo__themen{justify-self:center;align-self:center;margin:0 0 var(--s3)}.pw-demo__buehne{padding:var(--s4);border-radius:var(--r);background:var(--bg);border:1px solid rgba(var(--tint-rgb),.12)}.pw-demo__karte{max-width:340px;margin:0 auto}.pw-demo__platz{position:absolute;right:0;bottom:0;width:72%;height:80%;background:repeating-linear-gradient(135deg,rgba(var(--tint-rgb),.16) 0 6px,transparent 6px 13px);-webkit-mask-image:radial-gradient(130% 130% at 100% 100%,#000 25%,transparent 72%);mask-image:radial-gradient(130% 130% at 100% 100%,#000 25%,transparent 72%)}.pw-legende{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s5)}.pw-legende__zeile{display:flex;align-items:flex-start;gap:var(--s3)}.pw-legende__probe{flex:none;width:46px;height:46px;border-radius:var(--r-sm);overflow:hidden;display:grid;place-items:center;font-size:15px;font-weight:700;letter-spacing:-.3px}.pw-legende__probe--accent{background:rgba(var(--accent-rgb),.16);color:var(--accent)}.pw-legende__probe--logo{background:var(--bg)}.pw-legende__probe img{width:100%;height:100%;object-fit:cover}.pw-legende__probe--bg{background:var(--bg);position:relative}.pw-legende__probe--bg::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(var(--tint-rgb),.34) 0 5px,transparent 5px 11px);-webkit-mask-image:radial-gradient(130% 130% at 100% 100%,#000 20%,transparent 78%);mask-image:radial-gradient(130% 130% at 100% 100%,#000 20%,transparent 78%)}.pw-legende__probe--bg img{opacity:.5;-webkit-mask-image:radial-gradient(130% 130% at 100% 100%,#000 20%,transparent 78%);mask-image:radial-gradient(130% 130% at 100% 100%,#000 20%,transparent 78%)}.pw-legende__probe--bg:has(img)::after{content:none}.pw-legende__text{display:flex;flex-direction:column;gap:2px;font-size:var(--text-xs);line-height:1.45;color:var(--ink-2)}.pw-legende__text strong{font-size:var(--text-sm);color:var(--cream)}.pw-legende--tat{gap:var(--s3)}.pw-legende--tat .pw-legende__zeile{align-items:center;gap:var(--s3);padding:var(--s3);border:1px dashed rgba(var(--tint-rgb),.16);border-radius:var(--r-sm);transition:border-color var(--dur-fast)var(--ease-std),background var(--dur-fast)var(--ease-std)}.pw-legende--tat .pw-legende__zeile[data-ueber]{border-color:var(--accent);border-style:solid;background:rgba(var(--accent-rgb),.08)}.pw-legende--tat .pw-legende__zeile{flex-wrap:wrap}.pw-legende--tat .pw-legende__text{flex:1;min-width:12ch}.pw-legende__tat{display:contents}.pw-legende__knoepfe{display:flex;flex:none;align-items:center;gap:var(--s3);white-space:nowrap}.pw-legende__tat .pp-note,.pw-legende__tat .pp-error{flex-basis:100%;margin:0;font-size:var(--text-xs)}@media(max-width:560px){.pw-legende__knoepfe{flex-basis:100%;justify-content:space-between}}.pw-demo figcaption{grid-column:1/-1;font-size:var(--text-xs);color:var(--ink-2);max-width:68ch}@media(max-width:700px){.pw-demo{gap:var(--s4)}.pw-legende{gap:var(--s4)}}@media(max-width:560px){.pw-demo{padding:0;border:0;background:0 0}.pw-demo__buehne{margin-inline:calc(-1 * (var(--s4) + 12px));padding:var(--s2);border-radius:0;border-inline:0}}.pw-karte--beutel{display:grid;grid-template-columns:190px minmax(0,1fr);gap:var(--s5);align-items:center}.pw-beutel__bereich{text-align:center}.pw-beutel{position:relative;height:190px;display:grid;place-items:center}.pw-beutel__blatt{grid-area:1/1;opacity:0;transform:scale(.94);transition:opacity var(--dur-slow)var(--ease-std),transform var(--dur-slow)var(--ease-std)}.pw-beutel__blatt[data-an=true]{opacity:1;transform:scale(1)}.pw-beutel__marke{margin:var(--s3)0 0;font-size:var(--text-xs);color:var(--ink-2)}@media(prefers-reduced-motion:reduce){.pw-beutel__blatt{transition:none;transform:none}.pw-beutel__blatt[data-an=true]{transform:none}}@media(max-width:640px){.pw-karte--beutel{grid-template-columns:minmax(0,1fr)}}.pw-inhalt .pf-region--sortiment{border-radius:var(--r-lg)}.pf-rechte{display:flex;align-items:flex-start;gap:var(--s2);margin-bottom:var(--s4);padding:var(--s3)var(--s4);border-radius:var(--r-sm);background:rgba(var(--tint-rgb),.05);border:1px solid rgba(var(--tint-rgb),.14)}.pf-rechte[data-ok=true]{border-color:rgba(var(--accent-rgb),.3);background:rgba(var(--accent-rgb),.07);align-items:center}.pf-rechte[data-ok=true]>svg{flex:none;color:var(--accent)}.pf-rechte__text{margin:0;font-size:var(--text-sm);color:var(--ink-2)}.pw-demo__rechte{display:contents}.pw-demo__rechte>.pf-rechte{margin:var(--s2)0 0}.pf-rechte__text strong{color:var(--cream)}.pf-rechte__haken{flex:1}.pf-rechte__haken.pp-check{align-items:flex-start}.pf-rechte__haken.pp-check input{margin-top:3px}.pf-rechte__haken.pp-check span{font-size:var(--text-sm);line-height:1.5;color:var(--ink-2)}.pf-upload[data-gesperrt=true]{opacity:.5;cursor:not-allowed}.pf-upload[data-gesperrt=true] .pp-btn{pointer-events:none}.pf-beta{display:inline-block;margin-left:var(--s2);padding:2px 8px;border-radius:999px;background:rgba(var(--accent-rgb),.14);border:1px solid rgba(var(--accent-rgb),.32);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);vertical-align:middle}.pw-titel .pf-beta{font-size:12px;padding:3px 11px;vertical-align:6px}.pf-qr{display:grid;grid-template-columns:168px minmax(0,1fr);gap:var(--s5);align-items:center}.pf-qr__bild{background:#fff;border-radius:var(--r-sm);padding:var(--s2);line-height:0}.pf-qr__bild svg{width:100%;height:auto;display:block}.pf-qr__ziel{margin:0 0 var(--s4);padding:var(--s2)var(--s3);border-radius:var(--r-sm);background:var(--bg);font-size:12px;color:var(--ink-2);overflow-wrap:anywhere}.pf-qr__knoepfe{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s3)}@media(max-width:640px){.pf-qr{grid-template-columns:minmax(0,1fr)}.pf-qr__bild{max-width:220px}}.pf-einwilligung{display:flex;align-items:flex-start;gap:var(--s2);margin-top:var(--s4)}.pf-einwilligung__haken.pp-check{align-items:flex-start}.pf-einwilligung__haken.pp-check input{margin-top:3px}.pf-einwilligung__haken.pp-check span{font-size:var(--text-sm);color:var(--ink-2)}.pf-einwilligung--aus{opacity:.65}.pf-einwilligung-block{margin-top:var(--s4)}.pf-einwilligung-block .pf-einwilligung{margin-top:0}.pf-einwilligung-block .pp-hint{margin:var(--s2)0 0 26px;max-width:62ch}.pf-einwilligung-block .pp-hint[data-tone=ok]{color:var(--accent)}.pf-einwilligung-block .pp-hint[data-tone=warn]{color:var(--pf-gelb)}.pf-neuigkeiten{display:grid;grid-template-columns:minmax(0,1fr)auto;gap:var(--s3)var(--s4);align-items:center;margin-top:var(--s4);padding:var(--s4);border-radius:var(--r-sm);background:rgba(var(--tint-rgb),.05);border:1px solid rgba(var(--tint-rgb),.14)}.pf-neuigkeiten__titel{margin:0 0 2px;font-size:var(--text-sm);font-weight:700;color:var(--cream)}.pf-neuigkeiten__unter{margin:0;font-size:13px;color:var(--ink-2)}.pf-neuigkeiten>.pp-hint{grid-column:1/-1;margin:0;max-width:62ch}.pf-neuigkeiten>.pp-hint[data-tone=ok]{color:var(--accent)}.pf-neuigkeiten>.pp-hint[data-tone=warn]{color:var(--pf-gelb)}@media(max-width:560px){.pf-neuigkeiten{grid-template-columns:minmax(0,1fr)}}.pw-folgen{display:grid;justify-items:center;gap:var(--s3);text-align:center;padding:var(--s6)var(--s5)}.pw-folgen__zeichen{display:grid;place-items:center;width:68px;height:68px;border-radius:999px;background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.28);color:var(--accent)}.pw-folgen__name{margin:0;font-size:clamp(20px,3vw,26px);font-weight:700;letter-spacing:-.4px;color:var(--cream)}.pw-folgen__knopf{min-height:54px;padding:0 var(--s6);font-size:var(--text-base)}.pw-folgen__neben{margin:var(--s2)0 0;font-size:var(--text-sm);color:var(--ink-2)}.pf-nav__einreichen{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:var(--s3);padding:0 var(--s4);border:0;border-radius:12px;background:var(--pf-gelb);color:var(--pf-gelb-ink);font-size:var(--text-sm);font-weight:700;font-family:inherit;cursor:pointer;text-align:center}.pf-nav__einreichen[hidden]{display:none}.pf-nav__einreichen:hover{filter:brightness(1.06)}.pf-nav__einreichen[data-stand=geprueft]{background:0 0;border:1px solid var(--pf-gelb);color:var(--pf-gelb)}@media(max-width:900px){.pf-nav__einreichen{flex:none;margin-top:0;margin-inline-end:var(--s4);border-radius:999px;white-space:nowrap}}@media(max-width:640px){.pf-kaffee__gruppen{gap:6px;margin-top:var(--s2)}.pf-kaffee__gruppen .pf-chipgruppe,.pf-kaffee__gruppen .pf-chips{display:contents}.pf-kaffee__gruppen .pf-chipgruppe__titel{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.pf-kit{display:grid;gap:var(--s6)}.pf-kit__teil{display:grid;gap:var(--s3)}.pf-kit__titel{margin:0;font-size:var(--text-lg);font-weight:700;color:var(--cream)}.pf-kit__unter{margin:0;font-size:var(--text-sm);color:var(--ink-2);line-height:1.55}.pf-kit__trenner{display:flex;align-items:center;gap:var(--s3);margin:var(--s6)0 var(--s5);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}.pf-kit__trenner::before,.pf-kit__trenner::after{content:'';flex:1;height:1px;background:rgba(var(--tint-rgb),.14)}.pf-kit__motive{display:flex;gap:var(--s4);overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--s4));padding:var(--s1)var(--s4)var(--s2)}.pf-kit__motive::-webkit-scrollbar{display:none}.pf-kit__motiv{display:grid;gap:var(--s2);justify-items:center;align-content:start;margin:0;flex:none;width:168px;scroll-snap-align:start}@media(max-width:560px){.pf-kit__motive{scroll-snap-type:x mandatory}.pf-kit__motiv{width:62%}}.pf-kit__bild{width:100%;aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:var(--surface-2);border:1px solid rgba(var(--tint-rgb),.1)}.pf-kit__bild svg{display:block;width:100%;height:100%}.pf-kit__motivname{font-size:var(--text-xs);color:var(--ink-2);font-weight:600;text-align:center}.pf-kit__laden{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.pf-kit__schalter{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--surface-2);align-self:flex-start}.pf-kit__wahl{border:0;border-radius:999px;padding:7px 14px;cursor:pointer;font-family:inherit;font-size:var(--text-xs);font-weight:600;background:0 0;color:var(--ink-2)}.pf-kit__wahl[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.pf-kit__badgeschau{display:grid;place-items:center;padding:var(--s5);border-radius:12px}.pf-kit__badgeschau[data-grund=hell]{background:#fff}.pf-kit__badgeschau[data-grund=dunkel]{background:#1d1d1f}.pf-kit__badge{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:100px;font-size:14px;font-weight:600;line-height:1}.pf-kit__badgepunkt{width:8px;height:8px;border-radius:50%}.pf-kit__codebox{display:grid;gap:var(--s3);justify-items:flex-start}.pf-kit__code{margin:0;width:100%;box-sizing:border-box;padding:var(--s3);border-radius:10px;background:var(--surface-2);color:var(--ink-2);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.65;white-space:pre-wrap;word-break:break-word;max-height:220px;overflow:auto}@keyframes pw-rein{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pw-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}@keyframes pw-balken{from{transform:scaleX(0)}to{transform:scaleX(1)}}.pw-inhalt>*{animation:pw-rein var(--dur-slow,.32s)var(--ease-out,cubic-bezier(.2,.8,.3,1))both}.pw-schritt__balken{transform-origin:left center}.pw-schritt[data-stand=aktiv] .pw-schritt__balken{animation:pw-balken var(--dur-slow,.32s)var(--ease-out,cubic-bezier(.2,.8,.3,1))both}.pw-karte--buehne{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:var(--s3);text-align:center}.pw-beutel--gross{position:static;min-height:210px;height:auto;display:grid;place-items:center}.pw-beutel--gross .pw-beutel__blatt{grid-area:auto;transform:none}.pw-beutel--gross .pw-beutel__blatt{position:static;opacity:1;animation:pw-pop var(--dur-base,.22s)var(--ease-out,cubic-bezier(.2,.8,.3,1))both}.pw-beutel__marke{margin:0;font-size:var(--text-sm);color:var(--ink-2)}.pw-beutel__marke[data-fest=true]{color:var(--accent);font-weight:600}.pw-beutel__tasten{display:flex;gap:var(--s2);flex-wrap:wrap;justify-content:center}.pw-beutel__wuerfel--pop{animation:pw-pop .2s var(--ease-out,cubic-bezier(.2,.8,.3,1))both}.pw-fuss__hinweis{margin:0 0 0 auto;font-size:var(--text-xs);color:var(--ink-2);text-align:right;max-width:26ch;line-height:1.4}.pp-btn--abschluss:disabled,.pp-btn--abschluss[aria-disabled=true]{opacity:1;cursor:not-allowed;background:var(--surface-2);color:var(--cream);border:1px solid rgba(var(--accent-rgb),.4);box-shadow:none}.pp-btn--abschluss:not(:disabled){animation:pw-pop var(--dur-base,.22s)var(--ease-out,cubic-bezier(.2,.8,.3,1))both}@media(max-width:640px){.pw-fuss{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--s3)var(--s4)}.pw-fuss__hinweis{grid-column:1/-1;order:-1;text-align:left;max-width:none}.pw-fuss__rechts{justify-content:flex-end}.pw-fuss__rechts .pp-btn{white-space:nowrap}}@media(prefers-reduced-motion:reduce){.pw-inhalt>*,.pw-schritt[data-stand=aktiv] .pw-schritt__balken,.pw-beutel--gross .pw-beutel__blatt,.pw-beutel__wuerfel--pop,.pp-btn--abschluss:not(:disabled){animation:none}}.pf-designer .kw-bag{position:relative;display:block;width:100%;aspect-ratio:100/130}.pf-designer .kw-bag__body{width:100%;height:100%;display:block;border-radius:7px 7px 10px 10px;overflow:hidden}html:has(.pf-designer[open]),body:has(.pf-designer[open]){overflow:hidden}.pf-designer{width:min(1200px,calc(100vw - 28px));max-width:none;height:min(900px,calc(100dvh - 28px));max-height:none;margin:auto;padding:0;border:0;border-radius:var(--r-lg);color:var(--text);background:var(--surface);box-shadow:0 24px 80px rgba(7,15,11,.38);overflow:hidden}.pf-designer::backdrop{background:rgba(13,22,17,.72);backdrop-filter:blur(5px)}.pf-designer__surface{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr)auto}.pf-designer__header{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px 18px 30px;border-bottom:1px solid rgba(var(--tint-rgb),.12)}.pf-designer__header h2{margin:0;color:var(--cream);font-size:clamp(26px,3vw,34px);letter-spacing:-.03em}.pf-designer__header p{margin:5px 0 0;color:var(--ink-2);font-size:14px}.pf-designer__body{min-height:0;display:grid;grid-template-columns:400px minmax(0,1fr)}.pf-designer .mobile-workflow{display:none}.pf-designer .pattern-studio{min-height:0;padding:18px 20px;border-right:1px solid rgba(var(--tint-rgb),.12);background:color-mix(in srgb,var(--bg) 42%,var(--surface));overflow-y:auto}.pf-designer .studio-preview{position:relative;min-height:234px;display:grid;place-items:center;align-content:center;gap:10px;border-radius:var(--r);background:linear-gradient(155deg,#25362e,#1c2923);overflow:hidden;padding:13px}.pf-designer .theme-preview-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:9px}.pf-designer .theme-preview{min-width:0;display:grid;justify-items:center;gap:5px}.pf-designer .theme-preview>span{color:#a8bdb5;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.pf-designer .theme-preview__stage{width:100%;min-height:178px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(255,255,255,8%)}.pf-designer .theme-preview--dark .theme-preview__stage{background:linear-gradient(155deg,#25362e,#19241f)}.pf-designer .theme-preview--light .theme-preview__stage{background:linear-gradient(155deg,#f5efe2,#ded1b9);border-color:rgba(44,60,52,.12)}.pf-designer .theme-preview__bag{width:98px}.pf-designer .studio-preview__caption{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.065em;text-transform:uppercase;color:#a8bdb5}.pf-designer .studio-preview__caption svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.pf-designer .theme-preview__bag{cursor:grab;touch-action:none;user-select:none}.pf-designer .theme-preview__bag.is-dragging{cursor:grabbing}.pf-designer .theme-preview__bag:focus-visible{border-radius:10px;outline-color:#4ecb82}.pf-designer .studio-fields{display:grid;gap:12px;margin-top:12px}.pf-designer .studio-section{min-width:0}.pf-designer .studio-section>summary{display:none}.pf-designer .studio-section__content{display:grid;gap:14px}.pf-designer .color-controls{gap:16px}.pf-designer .position-controls{gap:15px}.pf-designer .palette-field{display:grid;gap:8px}.pf-designer .palette-field__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.pf-designer .palette-field__head strong{color:var(--text);font-size:12px}.pf-designer .palette-field__head span,.pf-designer .palette-field__head output{color:var(--ink-2);font-size:9px}.pf-designer .palette-field__head--bag{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))1px minmax(0,1fr);align-items:baseline;gap:8px}.pf-designer .palette-field__head--bag strong{grid-column:1/6}.pf-designer .palette-field__head--bag .color-random-label{grid-column:7;text-align:center}.pf-designer .curated-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.pf-designer .color-presets-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))1px minmax(0,1fr);align-items:center;gap:8px}.pf-designer .color-presets{display:contents}.pf-designer .color-presets-row__divider{width:1px;height:72%;background:rgba(var(--tint-rgb),.12)}.pf-designer .color-random{width:100%;min-width:0;aspect-ratio:1;display:grid;place-items:center;padding:0;border:1px solid rgba(var(--tint-rgb),.12);border-radius:11px;background:color-mix(in srgb,var(--bg) 42%,transparent);color:var(--ink-2);cursor:pointer}.pf-designer .color-random:hover{background:color-mix(in srgb,var(--cream) 8%,transparent);color:var(--cream)}.pf-designer .color-random svg{width:29px;height:29px;overflow:visible;fill:currentColor;stroke:currentColor;stroke-width:1.25}.pf-designer .color-random svg rect{fill:none}.pf-designer .color-preset{aspect-ratio:1;min-width:0;padding:0;border:2px solid transparent;border-radius:11px;background:linear-gradient(140deg,var(--preset-dark-a),var(--preset-dark-b));cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}.pf-designer .color-preset--rainbow{background:conic-gradient(from 210deg,#9d655f,#a28a57,#6d8b67,#5f898b,#6c7896,#8f6e8e,#9d655f)}.pf-designer .color-preset:hover{transform:translateY(-1px)}.pf-designer .color-preset[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 26%,transparent),inset 0 0 0 1px rgba(255,255,255,.18)}.pf-designer .palette-option{aspect-ratio:1;min-width:0;padding:0;border:2px solid transparent;border-radius:11px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.pf-designer .palette-option--tone{background:var(--tone-dark)}.pf-designer .palette-option:hover{transform:translateY(-1px)}.pf-designer .palette-option[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 26%,transparent),inset 0 0 0 1px rgba(255,255,255,.16)}.pf-designer .tone-picker{--tone-thumb:hsl(150 32% 40%);--tone-track:linear-gradient(90deg, hsl(0 30% 40%), hsl(60 30% 40%), hsl(120 27% 38%), hsl(180 29% 39%), hsl(240 27% 43%), hsl(300 28% 42%), hsl(360 30% 40%));display:grid;gap:7px;margin-top:4px;padding:10px 11px;border-radius:12px;background:color-mix(in srgb,var(--bg) 40%,transparent)}.pf-designer .tone-picker--neutral{--tone-track:linear-gradient(90deg, #f2efe7, #8d918e, #171b19)}.pf-designer .tone-picker--coffee{--tone-track:linear-gradient(90deg, #ddc394, #9e7950, #3b291d)}.pf-designer .tone-picker__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.pf-designer .tone-picker__head strong{color:var(--text);font-size:11px}.pf-designer .tone-picker__head output{color:var(--cream);font-size:10px;font-weight:700}.pf-designer .tone-picker input{width:100%;height:18px;margin:0;appearance:none;background:0 0;cursor:pointer}.pf-designer .tone-picker input::-webkit-slider-runnable-track{height:8px;border-radius:100px;background:var(--tone-track)}.pf-designer .tone-picker input::-moz-range-track{height:8px;border-radius:100px;background:var(--tone-track)}.pf-designer .tone-picker input::-webkit-slider-thumb{width:18px;height:18px;margin-top:-5px;appearance:none;border:3px solid var(--cream);border-radius:50%;background:var(--tone-thumb);box-shadow:0 2px 7px rgba(0,0,0,.28)}.pf-designer .tone-picker input::-moz-range-thumb{width:14px;height:14px;border:3px solid var(--cream);border-radius:50%;background:var(--tone-thumb);box-shadow:0 2px 7px rgba(0,0,0,.28)}.pf-designer .tone-picker p{margin:0;color:var(--ink-2);font-size:9px;line-height:1.35}.pf-designer .range-field{display:grid;gap:8px}.pf-designer .range-field>span:first-child,.pf-designer .range-field__ends{display:flex;justify-content:space-between;align-items:center;gap:10px}.pf-designer .range-field strong{color:var(--text);font-size:13px}.pf-designer .range-field output{color:var(--cream);font-size:12px;font-weight:700}.pf-designer .range-field__ends{color:var(--ink-2);font-size:10px}.pf-designer .range-field input{width:100%;accent-color:var(--accent);cursor:pointer}.pf-designer .position-field{display:grid;gap:11px;padding-top:2px}.pf-designer .position-field__head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.pf-designer .position-field__head p{margin:3px 0 0;color:var(--ink-2);font-size:10px;line-height:1.35}.pf-designer .position-reset{min-height:32px;flex:none;padding:0 10px;border:1px solid rgba(var(--tint-rgb),.12);border-radius:100px;background:0 0;color:var(--ink-2);font-size:10px;font-weight:700;cursor:pointer}.pf-designer .position-reset:hover{color:var(--cream);background:color-mix(in srgb,var(--cream) 7%,transparent)}.pf-designer .position-axis{display:grid;grid-template-columns:58px minmax(0,1fr)34px;align-items:center;gap:8px;color:var(--ink-2);font-size:10px}.pf-designer .position-axis input{min-width:0;width:100%;accent-color:var(--accent);cursor:pointer}.pf-designer .position-axis output{color:var(--text);font-weight:700;text-align:right}.pf-designer .pattern-library{position:relative;min-width:0;min-height:0;height:100%;overflow:hidden}.pf-designer .pattern-library__content{position:absolute;inset:22px 24px 0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.pf-designer .pattern-library__toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px}.pf-designer .category-tabs{min-width:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.pf-designer .category-tabs::-webkit-scrollbar{display:none}.pf-designer .category-tab{min-height:40px;flex:none;padding:0 15px;border:0;border-radius:100px;background:0 0;color:var(--ink-2);font-size:13px;font-weight:700;cursor:pointer}.pf-designer .category-tab:hover{color:var(--cream)}.pf-designer .category-tab[aria-selected=true]{background:var(--cream);color:var(--bg)}.pf-designer .pattern-count{flex:none;color:var(--ink-2);font-size:12px}.pf-designer .pattern-grid{min-height:0;display:grid;grid-template-columns:repeat(4,minmax(112px,1fr));align-content:start;gap:12px;padding:0 4px 24px 0;overflow-y:auto;scrollbar-color:var(--ink-2)transparent}.pf-designer .pattern-tile{min-width:0;padding:0;border:2px solid transparent;border-radius:14px;background:0 0;color:var(--text);cursor:pointer;text-align:left}.pf-designer .pattern-tile:hover .pattern-tile__preview{transform:translateY(-2px);box-shadow:0 7px 18px rgba(0,0,0,.17)}.pf-designer .pattern-tile[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.pf-designer .pattern-tile__preview{display:block;aspect-ratio:1;border-radius:11px;overflow:hidden;background:var(--bg);transition:transform 160ms cubic-bezier(.2,.75,.3,1),box-shadow 160ms ease}.pf-designer .pattern-tile__label{display:block;padding:8px 8px 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600}.pf-designer .pattern-empty{grid-column:1/-1;padding:40px 16px;color:var(--ink-2);text-align:center}.pf-designer__footer{min-height:78px;display:flex;align-items:center;justify-content:flex-end;gap:20px;padding:14px 26px;border-top:1px solid rgba(var(--tint-rgb),.12);background:var(--surface)}.pf-designer .dialog-actions{display:flex;gap:10px}.pf-designer .dialog-actions--mobile{display:none}@media(max-width:1050px){.pf-designer__body{grid-template-columns:330px minmax(0,1fr)}.pf-designer .theme-preview__bag{width:78px}}@media(max-width:900px){.pf-designer__body{grid-template-columns:280px minmax(0,1fr)}.pf-designer .pattern-grid{grid-template-columns:repeat(3,minmax(90px,1fr))}.pf-designer .studio-preview{min-height:226px}.pf-designer .theme-preview__bag{width:58px}.pf-designer .theme-preview__stage{min-height:138px}}@media(max-width:720px){.pf-designer{width:100%;max-width:100%;height:100dvh;border-radius:0}.pf-designer__surface{display:block;height:100%;overflow:hidden;padding:346px 0 calc(78px + env(safe-area-inset-bottom))}.pf-designer__header{position:fixed;inset:0 0 auto;z-index:6;min-height:82px;padding:max(15px,env(safe-area-inset-top))14px 14px max(18px,env(safe-area-inset-left));background:var(--surface)}.pf-designer__header p{display:none}.pf-designer__body{height:100%;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain;background:color-mix(in srgb,var(--bg) 42%,var(--surface))}.pf-designer .pattern-studio{display:contents}.pf-designer .studio-preview{position:fixed;inset:82px 0 auto;z-index:5;width:100%;min-height:264px;padding:10px 14px 8px;border-radius:0;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 14px 30px rgba(8,18,12,.24)}.pf-designer .theme-preview-grid{width:100%;max-width:430px;gap:10px}.pf-designer .theme-preview__stage{min-height:205px;border-radius:11px}.pf-designer .theme-preview__bag{width:136px}.pf-designer .theme-preview>span{font-size:8px}.pf-designer .studio-preview__caption{font-size:9px}.pf-designer .mobile-workflow{flex:0 0 68px;display:grid;grid-template-columns:minmax(76px,1fr)minmax(20px,54px)minmax(76px,1fr)minmax(20px,54px)minmax(76px,1fr);align-items:center;padding:8px 18px;border-bottom:1px solid rgba(var(--tint-rgb),.12);background:color-mix(in srgb,var(--bg) 58%,var(--surface))}.pf-designer .mobile-workflow__step{min-width:0;min-height:50px;display:grid;grid-template-columns:24px minmax(0,auto);place-content:center;align-items:center;gap:5px;padding:0 2px;border:0;border-radius:12px;background:0 0;color:var(--ink-2);font-size:11px;font-weight:700;cursor:pointer}.pf-designer .mobile-workflow__step[aria-current=step]{background:var(--surface-2);color:var(--cream)}.pf-designer .mobile-workflow__number{width:24px;height:24px;display:grid;place-items:center;border:1px solid;border-radius:50%;font-size:10px}.pf-designer .mobile-workflow__step[aria-current=step] .mobile-workflow__number{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.pf-designer .mobile-workflow__step.is-visited:not([aria-current=step]) .mobile-workflow__number{border-color:var(--accent);color:var(--accent)}.pf-designer .mobile-workflow__line{height:1px;background:rgba(var(--tint-rgb),.12)}.pf-designer .mobile-workflow__line.is-visited{background:color-mix(in srgb,var(--accent) 62%,rgba(var(--tint-rgb),.12))}.pf-designer .studio-fields{display:contents}.pf-designer .studio-section{display:none;min-height:0;overflow:hidden;background:color-mix(in srgb,var(--bg) 42%,var(--surface))}.pf-designer .studio-section[open]{flex:auto;display:flex;flex-direction:column}.pf-designer .studio-section>summary{display:none}.pf-designer .studio-section__content{flex:auto;min-height:0;align-content:start;gap:18px;padding:16px 14px 20px;overflow-x:hidden;overflow-y:auto}.studio-section[open]>.studio-section__content,.pf-designer .pattern-library[open]>.pattern-library__content{background:color-mix(in srgb,var(--surface-2) 72%,var(--surface))}:root[data-theme=light] .pf-designer .studio-section[open]>.studio-section__content,:root[data-theme=light] .pf-designer .pattern-library[open]>.pattern-library__content{background:var(--surface)}.pf-designer .curated-palette{gap:7px}.pf-designer .palette-option{min-height:44px}.color-preset,.pf-designer .color-random{min-height:44px}.tone-picker input,.range-field input,.pf-designer .position-axis input{min-height:44px;margin:0}.pf-designer .position-field__head p{max-width:27ch}.pf-designer .position-reset{min-height:44px;padding-inline:13px}.pf-designer .pattern-library{position:relative;height:auto;padding:0}.pf-designer .pattern-library__content{position:absolute;inset:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;padding-top:10px}.pf-designer .pattern-library__toolbar{width:100%;min-width:0;align-items:flex-end;padding:0 14px 10px}.pf-designer .category-tabs{margin-right:-8px;padding-right:8px}.pf-designer .category-tab{min-height:44px;padding-inline:16px}.pf-designer .pattern-grid{width:100%;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;align-content:start;gap:9px;padding:0 14px 16px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--ink-2)transparent}.pf-designer__footer{position:fixed;left:0;right:0;bottom:0;z-index:7;min-height:78px;padding:8px 14px max(10px,env(safe-area-inset-bottom));box-shadow:0 -10px 30px color-mix(in srgb,var(--bg) 45%,transparent)}.pf-designer .dialog-actions--desktop{display:none}.pf-designer .dialog-actions--mobile{width:100%;display:flex}.pf-designer__footer .pp-btn{min-width:0;flex:1 1 50%;text-align:center;justify-content:center}}@media(max-width:470px){.pf-designer__surface{padding-top:330px}.pf-designer .studio-preview{min-height:248px;padding:9px 10px 7px}.pf-designer .theme-preview__bag{width:120px}.pf-designer .theme-preview__stage{min-height:190px}.pf-designer .pattern-count{display:none}.pf-designer .pattern-grid{gap:8px;padding-inline:12px}}@media(max-width:360px){.pf-designer .mobile-workflow__step{grid-template-columns:22px minmax(0,auto);gap:3px;padding-inline:0;font-size:10px}.pf-designer .mobile-workflow__number{width:22px;height:22px}.palette-field__head--bag,.color-presets-row,.pf-designer .curated-palette{gap:4px}}@media(max-width:720px) and (max-height:600px){.pf-designer__surface{padding-top:244px}.pf-designer__header{min-height:70px;padding-block:10px}.pf-designer__header h2{font-size:24px}.pf-designer .studio-preview{inset-block-start:70px;min-height:174px}.pf-designer .theme-preview__stage{min-height:148px}.pf-designer .theme-preview__bag{width:96px}.pf-designer .studio-preview__caption{display:none}}@media(prefers-reduced-motion:reduce){.pf-designer *::before,.pf-designer *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}