:root{--mv:#ff4d14;--mv2:#ff5c29;--mv3:#ff6c3d;--mv4:#ff8b66;--mv5:#ff9a7a;--mvdark:#cc3d0d;--ink:#0a0a0a;--bg:#0a0a0a;--panel:#151413;--panel2:#201e1c;--line:#2d2a27;--text:#f7f5f3;--muted:#a8a29b;--dim:#716b65;--accent:var(--mv);--accent2:#6fa8c9;--hit:var(--mv5);--red:#ff3b30;--green:#5cb86a;--yellow:#e8c33d;--purple:#a77bd6;--rom:#e8c33d22}html[data-theme=light]{--bg:#f6f5f3;--panel:#fff;--panel2:#f0eeeb;--line:#dcd7d1;--text:#0a0a0a;--muted:#5f5953;--dim:#8a837c;--mv4:#e0602f;--hit:#ff8b66;--rom:#e8c33d38}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.4 Helvetica Neue,Helvetica,Arial,sans-serif}header{border-bottom:2px solid var(--mv);background:var(--panel);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}header h1{white-space:nowrap;letter-spacing:.01em;align-items:center;gap:10px;margin:0 6px 0 0;font-size:15px;font-weight:700;display:flex}header h1 .sep{background:var(--line);width:1px;height:22px}header .platz{flex:1}header .name{color:var(--muted);font-size:12px}.ver{color:var(--muted);font-size:11px;font-weight:400}.logolink{display:flex}.logo{display:block}.logo-hell,html[data-theme=light] .logo-dunkel{display:none}html[data-theme=light] .logo-hell{display:block}button,.knopf,select,input{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:5px 10px}button,.knopf{cursor:pointer;text-decoration:none;display:inline-block}button:hover,.knopf:hover{border-color:var(--mv)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--mv);border-color:var(--mv);color:var(--ink);font-weight:600}button.primary:hover{background:var(--mv3)}input{width:100%}html[data-theme=light] input,html[data-theme=light] select{background:#fff}label{color:var(--muted);margin:12px 0 4px;font-size:12px;display:block}a{color:var(--mv4)}.seite{max-width:560px;margin:0 auto;padding:32px 16px}.seite.breit{max-width:960px}.karte{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:24px}.karte h1,.karte h2{margin:0 0 12px;font-size:18px}.karte form button{margin-top:16px}.karte .logo{margin:0 auto 20px}.fehler{color:var(--red);margin:12px 0 0}.ok{color:var(--green);margin:12px 0 0}.muted{color:var(--muted)}.projektliste{margin:0;padding:0;list-style:none}.projektliste li{border-top:1px solid var(--line)}.projektliste a{color:var(--text);justify-content:space-between;gap:12px;padding:12px 4px;text-decoration:none;display:flex}.projektliste a:hover{color:var(--mv4)}.kennzahlen{flex-wrap:wrap;gap:24px;margin:16px 0 0;display:flex}.kennzahlen div{flex-direction:column;display:flex}.kennzahlen b{font-size:22px}.klein{font-size:12px}.unsichtbar{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.knopfreihe{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.knopfreihe select{max-width:100%}button.gefahr{border-color:var(--red);color:var(--red)}button.gefahr:hover{background:var(--red);color:var(--ink)}.verwaltung .bereich-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.verwaltung h2{margin:0;font-size:18px}.verwaltung h3{color:var(--muted);margin:0 0 4px;font-size:13px;font-weight:600}.verwaltung .karte{margin-bottom:16px}.verwaltung .karte form button,.verwaltung .neu .knopfreihe button{margin-top:0}.zweispaltig{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.zweispaltig select{width:100%}.passwortkarte{border-color:var(--mv)}.passwort-gross{letter-spacing:.02em;background:var(--panel2);border:1px solid var(--line);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;border-radius:8px;margin:12px 0;padding:14px 16px;font:600 26px/1.3 ui-monospace,Menlo,Consolas,monospace}.hinweis{background:var(--panel2);border-left:3px solid var(--yellow);border-radius:4px;margin:16px 0 0;padding:8px 12px}table.personen{border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:10px;width:100%;overflow:hidden}table.personen th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:10px 12px;font-size:12px;font-weight:600}table.personen td{border-top:1px solid var(--line);vertical-align:top;padding:10px 12px}table.personen tr.gesperrt td{color:var(--muted)}table.personen td.aktion{text-align:right;white-space:nowrap}table.personen tr.details td{background:var(--panel2);border-top:none}.marke{border:1px solid var(--green);color:var(--green);border-radius:10px;padding:1px 8px;font-size:12px;display:inline-block}.marke.rot{border-color:var(--red);color:var(--red)}.bearbeiten{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.bearbeiten section .knopfreihe{margin-top:6px}.freigaben{margin:0;padding:0;list-style:none}.freigaben li{flex-wrap:wrap;align-items:center;gap:8px;padding:4px 0;display:flex}.freigaben li b{min-width:44px}@media (max-width:700px){.seite{padding:16px 12px}table.personen,table.personen tbody,table.personen tr,table.personen td{width:100%;display:block}table.personen{background:0 0;border:none}table.personen thead{display:none}table.personen tr{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:6px 0}table.personen tr.details{background:var(--panel2);border-top:none;border-radius:0 0 10px 10px;margin-top:-14px}table.personen td{border-top:none;padding:4px 12px}table.personen td[data-titel]:not([data-titel=Name]):before{content:attr(data-titel) ": ";color:var(--muted);font-size:12px}table.personen td.aktion{text-align:left;padding-top:8px}.verwaltung button,.verwaltung select,.verwaltung input,.verwaltung .knopf{min-height:40px}.passwort-gross{font-size:21px}.zweispaltig{grid-template-columns:1fr}}.mf{flex-direction:column;height:calc(100dvh - 57px);min-height:420px;display:flex}.mf .werkzeug{background:var(--panel);border-bottom:1px solid var(--line)}.mf .suchzeile{flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.mf .suchzeile input{flex:280px;width:auto;min-width:200px;padding:6px 10px;font-size:14px}.mf .schnell{flex-wrap:wrap;gap:4px;display:flex}.mf .filters{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 12px;display:flex}.mf .filters label{color:var(--muted);align-items:center;gap:4px;margin:0;font-size:12px;display:flex}.mf .filters select{width:auto;max-width:100%;padding:2px 6px}.mf .filters label{max-width:100%}.mf .abstand{width:8px}.mf .chip{border:1px solid var(--line);cursor:pointer;color:var(--muted);background:0 0;border-radius:12px;padding:1px 9px;font-size:12px}.mf .chip:hover{color:var(--text)}.mf .chip.on{background:var(--mv);color:#fff;border-color:var(--mv)}.mf .raster{flex:1;grid-template-columns:minmax(300px,30%) 1fr;min-height:0;display:grid}.mf .pane{border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.mf .pane.rechts{border-right:none;grid-template-columns:minmax(0,1fr) minmax(320px,45%);min-width:0;display:grid}.mf .tabs{border-bottom:1px solid var(--line);background:var(--panel);display:flex}.mf .tabs button{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:8px 12px}.mf .tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.mf .count{color:var(--dim);margin-left:3px;font-size:11px}.mf .scroll{flex:1;min-height:0;overflow-y:auto}.mf .mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.mf .dayhead{border-bottom:1px solid var(--line);z-index:1;background:#202328;justify-content:space-between;gap:8px;padding:6px 10px;font-weight:600;display:flex;position:sticky;top:0}.mf .dayhead small{color:var(--muted);font-weight:400}.mf .clip{cursor:pointer;border-bottom:1px solid #23272c;grid-template-columns:92px 1fr;gap:8px;padding:6px 10px;display:grid}.mf .clip:hover,.mf .hit:hover{background:#1f2327}.mf .clip.cur{box-shadow:inset 3px 0 0 var(--accent);background:#2a2f36}.mf .bild{object-fit:cover;background:#000;border-radius:3px;width:92px;height:52px;display:block}.mf .bild.leer{color:var(--dim);border:1px dashed var(--line);justify-content:center;align-items:center;font-size:10.5px;display:flex}.mf .clip .t1{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mf .clip .nm{font-weight:600}.mf .tcdauer{color:var(--muted);font-size:11.5px}.mf .clip .ds{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12px;display:-webkit-box;overflow:hidden}.mf .badge{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:8px;padding:0 6px;font-size:10.5px}.mf .b-Interview{color:#fff;background:var(--mv);border-color:var(--mv)}.mf .b-Gemischt{color:#1a1a1a;background:var(--mv4);border-color:var(--mv4)}.mf .b-Szene{color:#d3e4f2;border-color:var(--accent2)}.mf .b-Nebengespräch{color:var(--muted)}.mf .b-rom{color:#1a1a1a;background:var(--yellow);border-color:var(--yellow)}.mf .hit{cursor:pointer;border-bottom:1px solid #23272c;padding:7px 10px}.mf .hit.cur{box-shadow:inset 3px 0 0 var(--hit);background:#2a2f36}.mf .hit .h1{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.mf .hit .h1 b{color:var(--text)}.mf .hit .qid{color:var(--mv4)}.mf .nb{color:var(--dim);font-size:12px}.mf .nb2{color:var(--muted);font-size:12px}.mf mark{background:var(--mv5);color:#0a0a0a;border-radius:2px;padding:0 1px}.mf .empty{color:var(--muted);text-align:center;padding:20px}html[data-theme=light] .mf .dayhead{background:#ebe7e2}html[data-theme=light] .mf .clip,html[data-theme=light] .mf .hit{border-bottom-color:#e6e2dd}html[data-theme=light] .mf .clip:hover,html[data-theme=light] .mf .hit:hover{background:#f4f1ee}html[data-theme=light] .mf .clip.cur,html[data-theme=light] .mf .hit.cur{background:#fde6dc}html[data-theme=light] .mf .b-Szene{color:#2c5d7c}.mf .spieler{border-right:1px solid var(--line);background:#0d0e10;flex-direction:column;min-width:0;min-height:0;display:flex}.mf .vbox{aspect-ratio:16/9;background:#000;flex:none;justify-content:center;align-items:center;width:100%;max-height:62vh;display:flex;position:relative}.mf video{background:#000;width:100%;height:100%;display:block}.mf .novideo{word-break:break-word;color:var(--muted);text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex;position:absolute;inset:0}.mf .novideo.nurton{pointer-events:none;background:#000c;font-size:15px}.mf .novideo small{color:var(--dim);font-size:11.5px}.mf .tl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;background:#1b1e22;flex:none;height:26px;position:relative;overflow:hidden}.mf .tl .seg{background:#4b525a;border-radius:2px;height:10px;position:absolute;top:8px}.mf .tl .seg.q{background:#8a4b45}.mf .tl .seg.r{background:#8f7a2e}.mf .tl .seg.h{background:var(--mv5)}.mf .tl .ph{background:var(--accent);width:2px;position:absolute;top:0;bottom:0;left:0}.mf .ctrl{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;display:flex}.mf .ctrl .bPlay{min-width:42px}.mf .tcnow{color:var(--accent);min-width:120px;font-size:18px}.mf .ctrl select{width:auto}.mf .ctrl .sp{flex:1}.mf .ctrl .dauer{color:var(--muted);font-size:12px}.mf .mix{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:5px 10px;font-size:12px;display:flex}.mf .mix .lbl{color:var(--muted)}.mf .mix button{padding:2px 8px;font-size:12px}.mf .mix button.on{background:var(--mv);border-color:var(--mv);color:#fff}.mf .mix .ch{align-items:center;gap:4px;display:flex}.mf .mix .ch.off input[type=range]{opacity:.35}.mf .mix input[type=range]{width:64px;accent-color:var(--mv);background:0 0;border:none;padding:0}.mf .mix .pct{color:var(--dim);min-width:30px}.mf .mix .note{color:var(--dim)}.mf .mix .note.warn{color:var(--yellow)}.mf .clipinfo{flex:1;min-height:0;padding:10px 12px;overflow-y:auto}.mf .clipinfo h2{word-break:break-word;margin:0 0 4px;font-size:15px}.mf .clipinfo .meta{color:var(--muted);flex-wrap:wrap;gap:10px;margin-bottom:6px;font-size:12px;display:flex}.mf .clipinfo .t1{flex-wrap:wrap;gap:6px;display:flex}.mf .clipinfo .desc{margin:6px 0}.mf .clipinfo .muted{color:var(--muted)}.mf .clipinfo .gelb{color:var(--yellow)}.mf .clipinfo .pfad{color:var(--dim);word-break:break-all;font-size:11.5px}.mf .keys{color:var(--dim);margin-top:10px;font-size:11.5px;line-height:1.7}.mf kbd{border:1px solid var(--line);color:var(--muted);background:#1a1d21;border-bottom-width:2px;border-radius:3px;padding:0 4px;font-size:11px}.mf .transkript{border-right:none;min-width:0}.mf .transkript .mitlaufen{color:var(--muted);align-items:center;gap:4px;margin:0;padding-right:10px;font-size:12px;display:flex}.mf .transkript .mitlaufen input{width:auto}.mf .tr{position:relative}.mf .seg-row{cursor:pointer;border-bottom:1px solid #23272c;grid-template-columns:86px 1fr;gap:8px;padding:7px 10px;display:grid}.mf .seg-row:hover{background:#1f2327}.mf .seg-row.now{box-shadow:inset 3px 0 0 var(--accent);background:#2a1a13}.mf .seg-row.hitrow{box-shadow:inset 3px 0 0 var(--hit)}.mf .seg-row.now.hitrow{box-shadow:inset 3px 0 0 var(--accent)}.mf .seg-row.off .tx{color:#b9bec4;font-style:italic}.mf .seg-row.romrow,.mf .seg-row.rmq{background:var(--rom)}.mf .seg-row .tc{color:var(--muted);font-size:11.5px}.mf .seg-row .qid{color:var(--mv4);letter-spacing:.02em;font-size:10.5px}.mf .seg-row .wh{color:var(--dim);font-size:11px}.mf .seg-row .q{color:var(--red);font-weight:600}.mf .seg-row .dim{color:var(--dim)}.mf .seg-row .alt{color:var(--dim);margin-top:2px;font-size:12px;font-style:italic}.mf .seg-row .de{border-left:2px solid var(--yellow);margin-top:3px;padding-left:7px;font-style:normal}.mf .seg-row.off .de{color:#b9bec4}.mf .seg-row .ok2{color:var(--green);font-size:11px}html[data-theme=light] .mf .spieler{background:#efece8}html[data-theme=light] .mf .tl{background:#e3dfda}html[data-theme=light] .mf .tl .seg{background:#b5aea6}html[data-theme=light] .mf .tl .seg.q{background:#e39a90}html[data-theme=light] .mf .tl .seg.r{background:#e2c86a}html[data-theme=light] .mf .seg-row{border-bottom-color:#e6e2dd}html[data-theme=light] .mf .seg-row:hover{background:#f4f1ee}html[data-theme=light] .mf .seg-row.now{background:#ffe3d6}html[data-theme=light] .mf .seg-row.off .tx{color:#4a4540}html[data-theme=light] .mf .seg-row.off .de{color:#6b655f}html[data-theme=light] .mf .seg-row .qid{color:#cc3d0d}html[data-theme=light] .mf .seg-row .ok2{color:#2e7d32}html[data-theme=light] .mf .clipinfo .gelb{color:#a07800}html[data-theme=light] .mf kbd{background:#f0eeeb}@media (max-width:1100px){.mf .pane.rechts{flex-direction:column;display:flex;overflow-y:auto}.mf .spieler{border-right:none;flex:none}.mf .clipinfo{flex:none;overflow:visible}.mf .transkript{border-top:1px solid var(--line);flex:1 0 50vh}}@media (max-width:900px){.mf{height:auto}.mf .raster{grid-template-columns:1fr}.mf #linkespalte{height:45dvh}.mf .pane.rechts{overflow:visible}.mf .transkript{flex:none;height:70dvh}.mf .tcnow{min-width:0;font-size:16px}.mf .pane{border-right:none}.mf .filters label{width:100%}.mf .filters select{flex:1;min-width:0}}.safari-hinweis{background:var(--yellow);color:var(--ink);z-index:50;align-items:center;gap:12px;padding:10px 16px;font-weight:600;display:flex;position:relative}.safari-hinweis p{flex:1;margin:0}.safari-hinweis button{background:var(--ink);color:#fff;border-color:var(--ink);flex:none}
