:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--rot:#fe2c55;--gelb:#facd00;--spalte:min(100vw, calc(100dvh * 9 / 16))}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background:#000;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.scroller{scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;height:100dvh;position:fixed;top:0;left:0;overflow-y:scroll}.scroller::-webkit-scrollbar{display:none}.scroller.gesperrt{overflow:hidden}.inhalt{position:relative}.folie{scroll-snap-align:start;scroll-snap-stop:always;height:100dvh;position:relative}.spalte{top:0;bottom:0;left:calc(50% - var(--spalte) / 2);width:var(--spalte);background:#0a0a0a;position:absolute}.poster{object-fit:cover;z-index:0;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.slot{top:-300dvh;left:calc(50% - var(--spalte) / 2);width:var(--spalte);object-fit:cover;z-index:1;pointer-events:none;background:0 0;height:100dvh;position:absolute}.ui{z-index:2;pointer-events:none;position:absolute;inset:0}.ui button{pointer-events:auto}.aktionen{flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:84px;right:6px}.aktionen button{filter:drop-shadow(0 1px 3px #0000008c);place-items:center;width:52px;height:52px;display:grid}.icon{fill:#fff;width:38px;height:38px;transition:transform .15s,fill .15s}.icon.klein{width:22px;height:22px}.aktionen button:active .icon{transform:scale(.85)}.aktionen .like .icon{fill:var(--rot)}.aktionen .merk .icon{fill:var(--gelb)}.avatar{margin-bottom:8px;position:relative}.avatar .kopf{background:radial-gradient(circle at 50% 36%,#a5a5a5 0 21%,#0000 22%),radial-gradient(60% 42% at 50% 100%,#a5a5a5 0 98%,#0000 100%),#4a4a4a;border:2px solid #fff;border-radius:50%;width:46px;height:46px}.avatar .plus{background:var(--rot);text-align:center;border-radius:50%;width:20px;height:20px;margin-left:-10px;font-size:15px;font-weight:700;line-height:20px;position:absolute;bottom:-6px;left:50%}.avatar .plus.gefolgt{color:var(--rot);background:#fff;font-size:12px}.ende-karte{text-align:center;background:#0d0d0d;place-content:center;gap:20px;padding:24px;display:grid}.gross{font-size:20px;font-weight:600}.spalte-fix{height:100dvh;top:0;left:calc(50% - var(--spalte) / 2);width:var(--spalte);pointer-events:none;z-index:5;position:fixed}.oben{justify-content:space-between;align-items:center;padding:12px;display:flex;position:absolute;top:0;left:0;right:0}.oben button{pointer-events:auto;opacity:.55;background:#0000004d;border-radius:16px;align-items:center;padding:7px 11px;font-size:13px;display:flex}.oben button:hover{opacity:.95}.pause-icon{fill:#ffffffb3;filter:drop-shadow(0 2px 8px #0006);width:86px;height:86px;margin:-43px 0 0 -43px;position:absolute;top:50%;left:50%}.leiste{background:#ffffff2e;height:3px;position:absolute;bottom:0;left:0;right:0}.leiste-voll{transform-origin:0;background:#ffffffd9;height:100%;transform:scaleX(0)}.meldung{white-space:nowrap;background:#242424eb;border-radius:8px;padding:10px 16px;font-size:14px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.kommentare{pointer-events:auto;background:#161616;border-radius:12px 12px 0 0;height:60%;padding:14px 16px;animation:.2s ease-out hoch;position:absolute;bottom:0;left:0;right:0}.kommentare .kopfzeile{justify-content:center;margin-bottom:40px;font-size:14px;font-weight:600;display:flex;position:relative}.kommentare .kopfzeile button{padding:2px 6px;font-size:18px;position:absolute;top:-4px;right:0}.kommentare p{text-align:center;color:#8a8a8a;font-size:14px}@keyframes hoch{0%{transform:translateY(100%)}to{transform:translateY(0)}}.nav{z-index:6;flex-direction:column;gap:14px;display:none;position:fixed;top:50%;right:28px;transform:translateY(-50%)}@media (hover:hover) and (pointer:fine) and (min-aspect-ratio:4/5){.nav{display:flex}}.nav button{background:#ffffff1f;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.nav button:hover:not(:disabled){background:#fff3}.nav button:disabled{opacity:.3;cursor:default}.herz{z-index:30;pointer-events:none;width:110px;height:110px;fill:var(--rot);filter:drop-shadow(0 4px 12px #00000059);margin:-55px 0 0 -55px;animation:.95s ease-out forwards herz;position:fixed}@keyframes herz{0%{transform:rotate(var(--dreh)) scale(.2);opacity:0}15%{transform:rotate(var(--dreh)) scale(1.15);opacity:1}30%{transform:rotate(var(--dreh)) scale(.95)}70%{transform:rotate(var(--dreh)) scale(1) translateY(0);opacity:1}to{transform:rotate(var(--dreh)) scale(1.3) translateY(-60px);opacity:0}}.overlay{z-index:40;background:#000;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.karte{background:#111;border:1px solid #222;border-radius:16px;width:min(440px,100%);margin:auto;padding:28px 24px}.karte h1{margin-bottom:12px;font-size:26px}.karte p{color:#bbb;margin-bottom:14px;font-size:15px;line-height:1.5}.karte p.klein{color:#777;text-align:center;margin:8px 0 0;font-size:13px}.karte ul{color:#999;margin:0 0 18px 18px;font-size:14px;line-height:1.7}.karte input{color:#fff;background:#0b0b0b;border:1px solid #333;border-radius:10px;width:100%;margin-bottom:16px;padding:12px 14px;font-size:16px}.knopf{background:var(--rot);color:#fff;text-align:center;border-radius:10px;width:100%;padding:14px;font-size:17px;font-weight:700;text-decoration:none;display:block}.knopf.zweit{background:#262626;margin-top:14px;font-weight:600}.ende-karte .knopf{min-width:220px}.leise{color:#777}.auswertung{background:#0b0b0b;padding:28px 20px 60px;font-size:14px;position:fixed;inset:0;overflow:auto}.auswertung h1{margin-bottom:4px;font-size:24px}.auswertung .unter{color:#888;margin-bottom:22px}.auswertung a{color:#8ab4ff}.kacheln{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:26px;display:grid}.kachel{background:#131313;border:1px solid #242424;border-radius:12px;padding:16px 18px}.kachel h2{margin-bottom:10px;font-size:15px}.kachel.eigen{border-color:#5a2433}.kachel dl{color:#bbb;grid-template-columns:1fr auto;gap:5px 12px;display:grid}.kachel dd{color:#fff;font-variant-numeric:tabular-nums;text-align:right}.tabelle-rahmen{border:1px solid #222;border-radius:12px;overflow-x:auto}.auswertung table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.auswertung th,.auswertung td{text-align:right;white-space:nowrap;border-bottom:1px solid #1d1d1d;padding:8px 10px}.auswertung th{color:#aaa;cursor:pointer;background:#151515;font-weight:600;position:sticky;top:0}.auswertung th.links,.auswertung td.links{text-align:left}.auswertung tr.eigen td{background:#fe2c5514}.auswertung td img{object-fit:cover;border-radius:4px;width:36px;height:64px;display:block}.auswertung .marke{background:#262626;border-radius:10px;padding:2px 7px;font-size:12px;display:inline-block}.auswertung .marke.eigen{background:var(--rot)}.auswertung .gut{color:#6fdc8c}.auswertung .schlecht{color:#ff7a8a}.sitzungsliste li{margin:8px 0 8px 18px}.kurven-seite{background:#0b0b0b;padding:22px 20px 60px;font-size:14px;position:fixed;inset:0;overflow:auto}.kurven-seite a{color:#8ab4ff}.kurven-kopf{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.kurven-kopf h1{margin-bottom:4px;font-size:24px}.kurven-seite .unter{color:#999;line-height:1.8}.person{align-items:center;gap:6px;margin-right:12px;display:inline-flex}.person i,.absprung-liste i{border-radius:50%;width:11px;height:11px;display:inline-block}.vorschau-leiste{gap:10px;padding:4px 2px 10px;display:flex;overflow-x:auto}.vorschau{text-align:left;background:#141414;border:2px solid #0000;border-radius:10px;flex:none;width:96px;padding:4px;font-size:11px;line-height:1.3;position:relative}.vorschau.aktiv{border-color:var(--rot)}.vorschau img{aspect-ratio:9/16;object-fit:cover;border-radius:6px;width:100%;margin-bottom:4px;display:block}.vorschau .konto{text-overflow:ellipsis;white-space:nowrap;color:#ccc;display:block;overflow:hidden}.vorschau .wert{color:#fff;font-weight:600;display:block}.vorschau .marke,.video-info .marke{background:var(--rot);border-radius:8px;padding:1px 6px;font-size:10px;display:inline-block}.vorschau .marke{position:absolute;top:8px;left:8px}.kurven-haupt{grid-template-columns:minmax(240px,360px) 1fr;align-items:start;gap:24px;margin-top:16px;display:grid}@media (max-width:860px){.kurven-haupt{grid-template-columns:1fr}}.kurven-video video{aspect-ratio:9/16;background:#000;border-radius:12px;width:100%;max-width:380px;max-height:72dvh;margin:0 auto;display:block}.video-info{margin-top:10px;line-height:1.6}.video-info .marke{margin-left:8px}.kurve{cursor:crosshair;-webkit-user-select:none;user-select:none;background:#121212;border:1px solid #232323;border-radius:12px;width:100%;height:auto;display:block}.kurve .gitter{stroke:#2a2a2a;stroke-width:1px}.kurve .achse{fill:#8a8a8a;font-size:15px}.kurve .achse.legende{fill:#ddd}.kurve .drei{fill:#fe2c5512}.kurve .drei-text{fill:#a05566;font-size:13px}.kurve .linie-test{fill:none;stroke:#fe2c55;stroke-width:3.5px}.kurve .flaeche-test{fill:#fe2c5521}.kurve .linie-tiktok{fill:none;stroke:#25f4ee;stroke-width:3px}.kurve .punkt{stroke:#121212;stroke-width:3px}.kurve .punkt-technisch{fill:none;stroke:#666;stroke-width:2px;stroke-dasharray:3 3}.kurve .kopf line{stroke:#fff;stroke-width:2px}.kurve .kopf circle{fill:#fff}.kurve .zeiger{stroke:#fff;stroke-dasharray:4 5;opacity:.45}.kurve .wertkasten rect{fill:#000000bf;stroke:#333}.kurve .wertkasten text{fill:#fff;font-size:15px}.kurve .wertkasten .t-test,.kurven-zahlen .t-test{fill:#ff7a93;color:#ff7a93}.kurve .wertkasten .t-tiktok,.kurven-zahlen .t-tiktok{fill:#25f4ee;color:#25f4ee}.kurven-zahlen{grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 8px;display:grid}.kurven-zahlen div{background:#121212;border:1px solid #222;border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.kurven-zahlen span{color:#888;font-size:12px}.kurven-zahlen strong{font-variant-numeric:tabular-nums;font-size:18px}.legende-zeilen{color:#aaa;flex-wrap:wrap;gap:6px 18px;margin:10px 0;display:flex}.strich{vertical-align:middle;width:18px;height:3px;margin-right:6px;display:inline-block}.strich.test{background:#fe2c55}.strich.tiktok{background:#25f4ee}.absprung-liste{border-top:1px solid #1e1e1e;list-style:none}.absprung-liste li{border-bottom:1px solid #1e1e1e;align-items:center;gap:8px;padding:8px 2px;display:flex}.absprung-liste .springen{background:#222;border-radius:12px;margin-left:auto;padding:3px 10px;font-size:12px}.vergleich{max-width:900px;margin-top:34px}.vergleich h2{margin-bottom:10px;font-size:17px}.ausschnitt{border:1px solid #2a2a2a;border-radius:18px;margin-bottom:10px;display:inline-flex;overflow:hidden}.ausschnitt button{color:#aaa;padding:6px 14px;font-size:13px}.ausschnitt button.an{color:#fff;background:#2a2a2a}.karte .feld{margin-bottom:14px;display:block}.karte .feld span{color:#999;margin-bottom:6px;font-size:13px;display:block}.karte .feld input{margin-bottom:4px}.karte .pin{letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums;font-size:22px}.karte .pin.falsch{border-color:var(--rot)}.karte .fehler{color:#ff7a8a;font-size:13px}.knopf:disabled{opacity:.4;cursor:default}.karte.mitte{text-align:center}.karte.mitte p{margin-bottom:0}.spuren{background:#121212;border:1px solid #232323;border-radius:12px;margin-top:8px;padding:6px 0 2px}.spur svg{cursor:crosshair;width:100%;height:auto;display:block}.spur svg .drei{fill:#fe2c5512}.spur svg .gitter{stroke:#2a2a2a}.spur svg .zeiger{stroke:#fff;stroke-dasharray:4 5;opacity:.45}.spur-titel{color:#bbb;justify-content:space-between;gap:12px;padding:2px 14px 0;font-size:12px;display:flex}.spur-titel .leise{text-overflow:ellipsis;white-space:nowrap;max-width:70%;overflow:hidden}.tonkasten{background:#121212;border:1px solid #232323;border-radius:12px;margin-top:14px;padding:14px 16px}.tonkasten h3{margin-bottom:8px;font-size:14px}.tonkasten dl{color:#aaa;grid-template-columns:1fr auto;gap:4px 12px;font-size:13px;display:grid}.tonkasten dd{color:#fff;text-align:right;font-variant-numeric:tabular-nums}.transkript{border-top:1px solid #222;margin-top:10px;font-size:13px;list-style:none}.transkript li{cursor:pointer;color:#ddd;border-bottom:1px solid #1c1c1c;padding:6px 0}.transkript li span{color:#c77dff;font-variant-numeric:tabular-nums;margin-right:6px}.einzelbilder{margin-top:30px}.einzelbilder h2,.auswertung h2.abschnitt{margin:26px 0 10px;font-size:17px}.bilderreihe{gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.bilderreihe button{color:#bbb;background:#141414;border:2px solid #0000;border-radius:8px;flex:none;width:108px;padding:3px;font-size:12px}.bilderreihe button.an{border-color:#fff}.bilderreihe img{aspect-ratio:9/16;object-fit:cover;border-radius:5px;width:100%;margin-bottom:3px;display:block}.auswertung tr.klickbar{cursor:pointer}.auswertung tr.klickbar:hover td{background:#ffffff0a}.video-zelle{align-items:center;gap:10px;display:flex}.video-zelle img{width:30px!important;height:53px!important}.matrix td{text-align:center;min-width:74px}.matrix th a{color:#fff}.karte .pin::placeholder{letter-spacing:normal;font-size:16px}.karte .pin.passt{color:#9be3b0;border-color:#2f7d4a}.karte .gut{color:#6fdc8c;font-size:13px}.karte{position:relative}.sprachwahl{border:1px solid #2a2a2a;border-radius:14px;display:inline-flex;position:absolute;top:18px;right:18px;overflow:hidden}.sprachwahl button{color:#999;padding:4px 10px;font-size:12px}.sprachwahl button.an{color:#fff;background:#2a2a2a}.kurven-kopf{flex-wrap:wrap}.nur-schmal{display:none}.karten{flex-direction:column;gap:8px;display:flex}.videokarte{background:#131313;border:1px solid #222;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;line-height:1.5;text-decoration:none;display:flex;color:#fff!important}.videokarte.eigen{border-color:#5a2433}.videokarte img{object-fit:cover;border-radius:6px;flex:none;width:40px;height:71px}.videokarte .rang{color:#888;text-align:right;flex:none;width:22px}.videokarte .werte{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:2px 10px;display:flex}.videokarte .marke{background:var(--rot);border-radius:8px;padding:1px 6px;font-size:10px;display:inline-block}.sortierwahl{color:#aaa;margin-bottom:10px;display:block}.sortierwahl select{color:#fff;background:#111;border:1px solid #333;border-radius:8px;margin-left:6px;padding:6px 8px;font-size:14px}.matrix th:first-child,.matrix td:first-child{z-index:1;background:#151515;position:sticky;left:0}@media (max-width:760px){.nur-schmal{display:block}.karten.nur-schmal{display:flex}.nur-breit{display:none}.auswertung,.kurven-seite{padding:16px 12px 48px}.matrix td{min-width:58px;padding:6px;font-size:12px}.matrix td:first-child,.matrix th:first-child{text-overflow:ellipsis;max-width:120px;font-size:12px;overflow:hidden}.kurven-zahlen{grid-template-columns:repeat(2,1fr)}}.kurven-anzeige{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 16px;margin-bottom:8px;font-size:14px;display:flex}.kurven-anzeige .t-test{color:#ff7a93}.kurven-anzeige .t-tiktok{color:#25f4ee}@media (max-width:760px){.kurve .achse{font-size:25px}.kurve .drei-text{font-size:22px}}.positionen{max-width:720px}.positionszeile{font-variant-numeric:tabular-nums;grid-template-columns:140px 1fr 110px;align-items:center;gap:12px;padding:5px 0;display:grid}.positionszeile .balken{background:#1d1d1d;border-radius:5px;height:10px;overflow:hidden}.positionszeile .balken div{background:#4cc9f0;height:100%}.ton-hinweis{pointer-events:auto;white-space:nowrap;background:#000000a6;border-radius:20px;padding:9px 16px;font-size:14px;position:absolute;top:56px;left:50%;transform:translate(-50%)}.abspielen-knopf{pointer-events:auto;background:#00000059;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:15px;display:flex;position:absolute;inset:0}.abspielen-knopf svg{fill:#ffffffe6;width:84px;height:84px}.karte h1{padding-right:84px}.karte.mitte h1{padding-right:0}@media (max-width:360px){.overlay{padding:12px 10px}.karte{padding:22px 16px}.karte h1{font-size:22px}.karte p,.karte ul{font-size:14px}}@media (max-height:560px){.aktionen{gap:6px;bottom:40px}.aktionen button{width:42px;height:42px}.icon{width:30px;height:30px}.avatar .kopf{width:36px;height:36px}.avatar{margin-bottom:4px}}.drehen{display:none}@media (orientation:landscape) and (max-height:500px) and (pointer:coarse){.drehen{z-index:60;text-align:center;background:#000000eb;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;font-size:17px;display:flex;position:fixed;inset:0}.drehen span{font-size:44px}}.lader{border:4px solid #ffffff40;border-top-color:#ffffffe6;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;animation:.8s linear infinite drehen;position:absolute;top:50%;left:50%}@keyframes drehen{to{transform:rotate(360deg)}}