:root{--ui-platte: #1a1a1d;--ui-platte-licht: rgba(230, 223, 207, .07);--ui-platte-kante: rgba(240, 240, 242, .07);--ui-flaeche: #121214;--ui-erhaben: #1c1c20;--ui-linie: rgba(255, 255, 255, .07);--ui-linie-stark: rgba(255, 255, 255, .13);--ui-ink: #ededf0;--ui-text: #c6c6ce;--ui-leise: #9c9ca6;--ui-ok: #7fd4a0;--ui-ok-strich: #3f9a68;--ui-ok-grund: rgba(127, 212, 160, .12);--ui-stoerung: #f0a39b;--ui-stoerung-grund: rgba(240, 163, 155, .14);--ui-haupt: #ededf0;--ui-haupt-text: #121214;--ui-radius: var(--radius-xl);--ui-radius-klein: 6px;--ui-schatten: 0 0 0 1px rgba(255, 255, 255, .09), 0 1.5rem 3rem -1.5rem rgba(0, 0, 0, .75)}.pf-platte{margin:0;padding:var(--pf-platte-rand);border-radius:var(--radius-xl);background:radial-gradient(120% 70% at 50% 0%,var(--ui-platte-licht),transparent 70%),var(--ui-platte);box-shadow:inset 0 0 0 1px var(--ui-platte-kante);container-type:inline-size;container-name:platte}.pf-platte--weit{--pf-platte-rand: clamp(.75rem, 4vw, 3.5rem);padding-bottom:0;overflow:hidden}.pf-platte--weit .pf-browser{border-end-start-radius:0;border-end-end-radius:0}.pf-platte--eng{--pf-platte-rand: clamp(.75rem, 2.6vw, 2.25rem)}.pf-platte__bild{margin:0}@media(max-width:37.5rem){.pf-platte{margin-inline:calc(-1 * var(--space-3) + .5rem);--pf-platte-rand: .5rem}}.pf-aus{container:aus / inline-size;overflow:hidden;border-radius:var(--ui-radius);background:var(--ui-flaeche);box-shadow:var(--ui-schatten);color:var(--ui-text);font-family:var(--font-sans);font-size:.8125rem;line-height:1.45;font-variant-numeric:tabular-nums;text-align:left}.pf-aus :where(p,ul,ol,dl,dd){margin:0;padding:0;list-style:none}.pf-aus b{font-weight:600;color:var(--ui-ink)}.pf-aus__kopf{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .5rem;min-height:2.75rem;padding:.5rem 1rem;background:var(--ui-erhaben);box-shadow:inset 0 -1px 0 var(--ui-linie);white-space:nowrap}.pf-aus__kopf img,.pf-aus__avatar{flex:none;width:1.125rem;height:1.125rem;border-radius:.3rem}.pf-aus__org{flex:0 1 auto;min-width:2.5rem;overflow:hidden;text-overflow:ellipsis;color:var(--ui-leise);font-weight:500}.pf-aus__sep{flex:none;color:var(--ui-leise)}.pf-aus__h{flex:0 0 auto;max-width:70%;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--ui-ink);font-weight:600}.pf-aus__zeit{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:right;color:var(--ui-leise);font-size:var(--text-label)}.pf-aus__h:last-child,.pf-aus__h+.pf-aus__vorschau{margin-left:auto}.pf-aus__vorschau{flex:none;padding:.05rem .4rem;border-radius:var(--ui-radius-klein);box-shadow:inset 0 0 0 1px var(--ui-linie-stark);color:var(--ui-leise);font-size:var(--text-label);font-weight:500}.pf-aus__rumpf{display:flex;flex-direction:column;gap:.85rem;padding:.9rem 1rem 1.1rem}@container aus (max-width: 26rem){.pf-aus__kopf{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"zeichen org marke" "titel titel titel" "zeit zeit zeit";row-gap:.1rem;padding:.65rem .9rem .75rem;white-space:normal}.pf-aus__kopf>:first-child{grid-area:zeichen}.pf-aus__org{grid-area:org;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-aus__vorschau{grid-area:marke}.pf-aus__sep{display:none}.pf-aus__h{grid-area:titel;max-width:none;margin-top:.55rem;font-size:1.0625rem;letter-spacing:-.01em;white-space:normal}.pf-aus__zeit{grid-area:zeit;text-align:left;white-space:normal}.pf-aus__rumpf{padding:.85rem .9rem 1rem}.pf-aus .pf-ui-aktionen{flex-direction:column-reverse;align-items:stretch}.pf-aus .pf-ui-aktionen .pf-k-knopf{padding-block:.55rem;text-align:center}}.pf-k-zeile__text{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.pf-k-zeile__was{flex:1;min-width:0;color:var(--ui-ink);font-weight:500}.pf-k-zeile__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .6rem;font-size:var(--text-label);color:var(--ui-leise)}.pf-k-symbol{flex:none;display:grid;place-items:center;width:2rem;height:2rem;border-radius:var(--ui-radius-klein);background:var(--ui-erhaben);box-shadow:inset 0 0 0 1px var(--ui-linie);color:var(--ui-text)}.pf-k-knopf{flex:none;padding:.3rem .7rem;border-radius:var(--ui-radius-klein);box-shadow:inset 0 0 0 1px var(--ui-linie-stark);color:var(--ui-ink);font-size:var(--text-label);font-weight:600;white-space:nowrap}.pf-k-knopf--haupt{background:var(--ui-haupt);box-shadow:none;color:var(--ui-haupt-text)}.pf-ui-aktionen{display:flex;justify-content:flex-end;gap:.5rem}.pf-k-punkt{flex:none;width:.5rem;height:.5rem;border-radius:var(--radius-circle);background:var(--ui-leise)}.pf-k-punkt--ok{background:var(--ui-ok)}.pf-k-punkt--offen{background:var(--pf-chip-offen, var(--ui-leise))}.pf-ui-zeilen>*+*{box-shadow:inset 0 1px 0 var(--ui-linie)}.pf-ui-felder{display:grid;gap:.45rem}.pf-ui-feld{display:grid;grid-template-columns:minmax(5.5rem,.3fr) minmax(0,1fr);align-items:center;gap:.75rem}.pf-ui-feld dt{color:var(--ui-leise)}.pf-ui-wert{display:block;min-height:2rem;padding:.35rem .6rem;border-radius:var(--ui-radius-klein);background:var(--ui-erhaben);box-shadow:inset 0 0 0 1px var(--ui-linie);color:var(--ui-ink)}.pf-ui-wert--ki,.pf-ui-muster{box-shadow:none;outline:1px dashed var(--ui-leise);outline-offset:-1px}.pf-ui-schwarz{display:inline-block;width:4.5rem;height:.75em;border-radius:2px;background:var(--ui-text);vertical-align:-.05em}@container aus (max-width: 26rem){.pf-ui-feld{grid-template-columns:minmax(0,1fr);gap:.25rem}}.pf-st{display:grid}.pf-st__zeile{display:grid;gap:.5rem;padding:.8rem 0}.pf-st__zeile:first-child{padding-top:0}.pf-st__zeile+.pf-st__zeile{box-shadow:inset 0 1px 0 var(--ui-linie)}.pf-st__kopf{display:flex;align-items:center;gap:.55rem;min-width:0}.pf-st__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ui-ink);font-weight:500}.pf-st__zuletzt{flex:none;color:var(--ui-leise);font-size:var(--text-label)}.pf-st__tage{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));align-items:end;gap:2px;height:1.5rem}.pf-st__tage i{display:block;height:70%;border-radius:1px;background:var(--ui-ok-strich)}.pf-st__tage i.pf-st__stoerung{height:100%;background:var(--ui-stoerung)}.pf-st__tage i.pf-st__vor{background:transparent;box-shadow:inset 0 0 0 1px var(--ui-linie-stark)}.pf-st__notiz{display:flex;gap:.5rem;align-items:baseline;color:var(--ui-text);font-size:var(--text-label)}.pf-st__notiz:before{content:"";flex:none;width:.45rem;height:.45rem;border-radius:1px;background:var(--ui-stoerung)}.pf-st__bericht{display:flex;align-items:center;gap:.65rem;padding-top:.8rem;box-shadow:inset 0 1px 0 var(--ui-linie)}@container aus (max-width: 26rem){.pf-st__kopf{flex-wrap:wrap;row-gap:0}.pf-st__zuletzt{flex-basis:100%;padding-left:1.05rem}}.pf-hw__zeile{display:grid;grid-template-columns:.5rem minmax(0,1fr) auto;align-items:start;column-gap:.75rem;padding:.75rem 0}.pf-hw__zeile:first-child{padding-top:0}.pf-hw__zeile:last-child{padding-bottom:0}.pf-hw__marke{width:.5rem;height:.5rem;margin-top:.35rem;border-radius:var(--radius-circle);background:var(--ui-leise)}.pf-hw__zeile--angriff .pf-hw__marke{border-radius:1px;background:var(--ui-stoerung)}.pf-hw__zeile--ok .pf-hw__marke{background:var(--ui-ok)}.pf-hw__text{display:grid;gap:.1rem;min-width:0}.pf-hw__was{color:var(--ui-ink);font-weight:500;overflow-wrap:anywhere}.pf-hw__zeile--still .pf-hw__was{color:var(--ui-text);font-weight:400}.pf-hw__tag,.pf-hw__meta{font-size:var(--text-label);color:var(--ui-leise)}.pf-hw__zeile--angriff .pf-hw__tag{color:var(--ui-stoerung);font-weight:600}.pf-hw__zeile--ok .pf-hw__tag{color:var(--ui-ok)}.pf-hw .pf-k-knopf{align-self:center}@container aus (max-width: 26rem){.pf-hw__zeile{grid-template-columns:.5rem minmax(0,1fr)}.pf-hw .pf-k-knopf{grid-column:2;justify-self:stretch;margin-top:.6rem;padding-block:.5rem;text-align:center}}.pf-vs__mail{display:flex;align-items:flex-start;gap:.7rem;color:var(--ui-ink)}.pf-vs__zitat{padding-top:.35rem}.pf-vs__fuss{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding-top:.85rem;box-shadow:inset 0 1px 0 var(--ui-linie)}.pf-vs__legende{display:flex;align-items:center;gap:.5rem;font-size:var(--text-label);color:var(--ui-leise)}.pf-ui-muster{flex:none;width:1.1rem;height:.75rem;border-radius:3px}@container aus (max-width: 26rem){.pf-vs__fuss .pf-ui-aktionen{width:100%}}.pf-handy{padding:.4rem .4rem 0;border-radius:2.25rem 2.25rem 0 0;background:#0b0b0d;box-shadow:0 0 0 1px #ffffff1f,0 1.5rem 3rem -1.5rem #000c}.pf-handy>.pf-aus{height:100%;border-radius:1.9rem 1.9rem 0 0;box-shadow:none}
