.ip{--ip-nacht:#140816;--ip-nacht-2:#2c1031;--ip-panel:#25122b;--ip-panel-2:#2f1736;--ip-feld:#170a1a;--ip-linie:#43234a;--ip-linie-hell:#5b3262;--ip-pink:#ff4f9a;--ip-pink-tief:#e8297a;--ip-pink-hell:#ff86bb;--ip-text:#fbeff7;--ip-leise:#c9a9c6;--ip-ease-out:cubic-bezier(0.23,1,0.32,1);color:var(--ip-text);font-family:var(--ip-font-text),ui-sans-serif,system-ui,sans-serif;color-scheme:dark}.ip ::selection{background:var(--ip-pink);color:#fff}.ip :focus-visible{outline:2px solid var(--ip-pink);outline-offset:2px}.ip input:focus-visible,.ip textarea:focus-visible{outline:none}.ip input,.ip textarea{caret-color:var(--ip-pink)}.ip-hintergrund{position:relative;isolation:isolate;min-height:100dvh;background-color:var(--ip-nacht)}.ip-hintergrund:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27420%27 height=%27420%27%3E%3Cg fill=%27%23ff4f9a%27%3E%3Ccircle cx=%2737%27 cy=%2761%27 r=%271.4%27 opacity=%27.55%27/%3E%3Ccircle cx=%27211%27 cy=%2729%27 r=%271%27 opacity=%27.4%27/%3E%3Ccircle cx=%27352%27 cy=%27122%27 r=%271.8%27 opacity=%27.5%27/%3E%3Ccircle cx=%27128%27 cy=%27238%27 r=%271%27 opacity=%27.35%27/%3E%3Ccircle cx=%27301%27 cy=%27318%27 r=%271.3%27 opacity=%27.45%27/%3E%3Ccircle cx=%2766%27 cy=%27371%27 r=%27.9%27 opacity=%27.3%27/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(ellipse 90% 60% at 50% -10%,var(--ip-nacht-2),transparent 70%),linear-gradient(180deg,#1a0b1d,var(--ip-nacht))}.ip-display{font-weight:800;letter-spacing:.01em;line-height:.95}.ip-display,.ip-label{font-family:var(--ip-font-display),ui-sans-serif,system-ui,sans-serif;text-transform:uppercase}.ip-label{font-weight:700;letter-spacing:.03em}.ip-zahl{font-variant-numeric:tabular-nums}.ip-leise{color:var(--ip-leise)}.ip-scroll{scrollbar-width:thin;scrollbar-color:var(--ip-linie-hell) transparent}.ip-panel{background:linear-gradient(180deg,rgb(255 255 255/.035),rgb(255 255 255/.008)),var(--ip-panel);border:1px solid var(--ip-linie);border-radius:14px;box-shadow:0 18px 40px -26px rgb(0 0 0/.9)}.ip-feld{background:var(--ip-feld);border:1px solid var(--ip-linie);border-radius:10px;color:var(--ip-text);transition:border-color .16s ease,box-shadow .16s ease}.ip-feld::placeholder{color:#a888a5}.ip-feld:focus{outline:none;border-color:var(--ip-pink);box-shadow:0 0 0 3px rgb(255 79 154/.18)}.ip-feld[aria-invalid=true]{border-color:#fb7185}.ip-druck{transition:transform .16s var(--ip-ease-out),background-color .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease}.ip-druck:active:not(:disabled){transform:scale(.97)}.ip-knopf{font-family:var(--ip-font-display),ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:.04em;border-radius:10px}.ip-knopf-pink{background:linear-gradient(180deg,var(--ip-pink),var(--ip-pink-tief));color:#fff;box-shadow:0 12px 26px -12px rgb(255 79 154/.75),inset 0 1px 0 rgb(255 255 255/.25)}.ip-knopf-pink:disabled{background:var(--ip-panel-2);color:#9f7f9c;box-shadow:none}.ip-knopf-rand{background:rgb(255 255 255/.03);border:1px solid var(--ip-linie-hell);color:var(--ip-text)}@media (hover:hover) and (pointer:fine){.ip-knopf-pink:hover:not(:disabled){box-shadow:0 14px 30px -10px rgb(255 79 154/.85),inset 0 1px 0 rgb(255 255 255/.3)}.ip-knopf-rand:hover:not(:disabled),.ip-wahl:hover:not([aria-checked=true]):not([aria-pressed=true]){border-color:var(--ip-pink)}}.ip-wahl{background:var(--ip-feld);border:1px solid var(--ip-linie);border-radius:10px;color:var(--ip-text)}.ip-wahl[aria-checked=true],.ip-wahl[aria-pressed=true]{background:linear-gradient(180deg,var(--ip-pink),var(--ip-pink-tief));border-color:var(--ip-pink);color:#fff;box-shadow:0 8px 20px -10px rgb(255 79 154/.8)}.ip [role=switch][data-state=checked]{background:var(--ip-pink)}.ip [role=switch][data-state=unchecked]{background:var(--ip-linie-hell)}.ip-kachel{position:relative;overflow:hidden;background:linear-gradient(180deg,rgb(255 255 255/.04),rgb(255 255 255/.01)),var(--ip-panel);border:1px solid var(--ip-linie);border-radius:12px;transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease}.ip-kachel[data-dran=true]{border-color:var(--ip-farbe);box-shadow:0 0 0 1px var(--ip-farbe),0 16px 36px -18px var(--ip-farbe)}.ip-kachel[data-raus=true]>*{opacity:.45}.ip-balken{height:4px;border-radius:999px;background:rgb(255 255 255/.08);overflow:hidden}.ip-balken>span{display:block;height:100%;border-radius:inherit;background:var(--ip-farbe,var(--ip-pink));transform-origin:left center}.ip-balken__lauf{animation:ip-timer var(--ip-dauer) linear forwards}@keyframes ip-timer{0%{transform:scaleX(var(--ip-start))}to{transform:scaleX(0)}}.ip-neu{animation:ip-neu .24s var(--ip-ease-out) both}@keyframes ip-neu{0%{opacity:0;filter:blur(5px);transform:translateY(4px)}}.ip-knapp{text-shadow:0 0 18px rgb(255 77 109/.45);color:#ff6b8b}.ip-karte{position:relative;overflow:hidden;isolation:isolate;background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2718%27 height=%2718%27%3E%3Cpath d=%27M9 6.5 9.7 8.3 11.5 9 9.7 9.7 9 11.5 8.3 9.7 6.5 9 8.3 8.3Z%27 fill=%27%23ff4f9a%27 fill-opacity=%27.16%27/%3E%3C/svg%3E"),linear-gradient(180deg,rgb(255 255 255/.04),transparent),var(--ip-feld);background-size:18px 18px,100% 100%,100% 100%;border:1px solid var(--ip-linie-hell);border-radius:14px;color:var(--ip-text);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;transition:transform .16s var(--ip-ease-out),border-color .16s ease}.ip-karte[data-gedrueckt=true]{transform:scale(.985);border-color:var(--ip-pink)}.ip-karte__fuellung{position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgb(255 79 154/.28),rgb(232 41 122/.12));clip-path:inset(0 100% 0 0);transition:clip-path .15s var(--ip-ease-out)}.ip-karte[data-gedrueckt=true] .ip-karte__fuellung{clip-path:inset(0 0 0 0);transition:clip-path .35s linear}.ip-karte__geheim{animation:ip-geheim .14s var(--ip-ease-out) .3s both}@keyframes ip-geheim{0%{opacity:0;filter:blur(6px)}}@media (prefers-reduced-motion:reduce){.ip-karte__geheim,.ip-neu{animation-name:ip-nur-blende}.ip-druck,.ip-karte,.ip-karte[data-gedrueckt=true] .ip-karte__fuellung,.ip-karte__fuellung{transition:none}.ip-druck:active:not(:disabled),.ip-karte[data-gedrueckt=true]{transform:none}}@keyframes ip-nur-blende{0%{opacity:0}}html:has(.ip-stream),html:has(.ip-stream) body{background:transparent!important}.ip-logo{font-family:var(--ip-font-text),ui-sans-serif,system-ui,sans-serif;font-weight:900;letter-spacing:-.02em;text-transform:uppercase;background:linear-gradient(180deg,#ffffff 30%,#ffd3e7 70%,#ffb0d2);-webkit-background-clip:text;background-clip:text;color:transparent}.ip-logo svg{color:initial}@media (max-width:767px){.ip-abstimm-leiste{position:sticky;bottom:0;z-index:10;margin-inline:-1rem;padding:2rem 1rem max(.75rem,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgb(20 8 22/0),var(--ip-nacht) 1.75rem)}}.ip-puls{display:inline-block;transform-origin:right center;animation:ip-puls .52s var(--ip-ease-out)}@keyframes ip-puls{0%{transform:scale(1.22)}}@media (prefers-reduced-motion:reduce){.ip-puls{animation:none}}html:has(.ip-hintergrund),html:has(.ip-hintergrund) body{background-color:#140816}