:root{--green-900: #16362b;--green-800: #1e4536;--green-700: #2b5945;--green-600: #3d7159;--purple: #563d7c;--purple-600: #6b4f96;--purple-300: #b7a2d9;--purple-50: #efe9f7;--ball: #d8e25c;--ball-600: #c2cd3e;--ball-50: #f4f7db;--bg: #f4f3ea;--card: #fff;--ink: #131e18;--muted: #55625a;--line: #dcdccd;--line-strong: #c6c7b4;--feldrahmen: #8a8c74;--stufe-1: #a8322c;--stufe-2: #8a6100;--stufe-3: #2f6a4c;--win: #2f6a4c;--loss: #8c3f6a;--winbg: #e2efe6;--lossbg: #f7e8ef;--auf-dunkel: #cadbcf;--auf-dunkel-menue: #b0c6b7;--auf-dunkel-leise: #9cb2a2;--auf-dunkel-still: #8fa393;--flaeche: #edece0;--flaeche-tief: #e4e3d4;--skelett: #e8e7dc;--skelett-hell: #f0efe6;--ball-800: #5f6a0d;--schrift-xs: 10px;--schrift-s: 11px;--schrift-m: 12.5px;--schrift-l: 14px;--schrift-xl: 16px;--schrift-2xl: 18px;--schrift-3xl: 21px;--schrift-4xl: 25px;--ecke-xs: 4px;--ecke-s: 8px;--ecke-m: 11px;--ecke-l: 16px;--ecke-pille: 99px;--ui: "Hanken Grotesk", system-ui, sans-serif;--mono: "Space Mono", ui-monospace, monospace;--inhalt: 940px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--ui);background:var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;font-weight:500}button{font-family:var(--ui);cursor:pointer}.muted{color:var(--muted);font-weight:500}.small{font-size:var(--schrift-l)}:focus-visible{outline:2px solid var(--purple-600);outline-offset:2px;border-radius:var(--ecke-s)}.app{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.side{background:var(--green-900);color:var(--auf-dunkel);padding:20px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;border-right:4px solid var(--purple)}.logo{display:flex;align-items:center;gap:10px;padding:4px 8px 22px}.ball{width:24px;height:24px;border-radius:50%;background:var(--ball);flex:none}.marke{height:62px;width:auto;flex:none}.logo b{color:#fff;font-size:var(--schrift-xl);display:block;font-weight:800;letter-spacing:-.3px}.logo span{font-size:var(--schrift-xs);letter-spacing:2px;text-transform:uppercase;color:var(--ball);font-weight:700}nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav-i{border:none;background:none;color:var(--auf-dunkel-menue);text-align:left;padding:11px 12px;border-radius:var(--ecke-s);font-size:var(--schrift-l);font-weight:700;letter-spacing:-.1px;transition:background .12s,color .12s}.nav-i:hover{background:#b7a2d929;color:#fff}.nav-i.on{background:var(--ball);color:var(--green-900);font-weight:800}.reset{background:none;border:1px solid rgba(183,162,217,.32);color:var(--auf-dunkel-leise);border-radius:var(--ecke-s);padding:9px;font-size:var(--schrift-m);font-weight:600}.reset:hover{border-color:var(--purple-300);color:var(--purple-50)}main{min-width:0}.top{display:flex;padding:20px 0;border-bottom:1.5px solid var(--line-strong);position:sticky;top:0;background:#f4f3eaf0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.top-inhalt{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:var(--inhalt);padding:0 28px}.top-links{display:flex;align-items:center;gap:12px;min-width:0}.top-marke,.marke-name{display:none}.top h1{font-size:var(--schrift-3xl);font-weight:800;color:var(--green-800);letter-spacing:-.5px}.view{padding:24px 28px 60px;max-width:var(--inhalt)}.card{background:var(--card);border:1.5px solid var(--line);border-radius:var(--ecke-m);padding:20px}.grid{display:grid;gap:18px}.grid>*{min-width:0}.g2{grid-template-columns:1.3fr 1fr}.ch{font-size:var(--schrift-s);letter-spacing:1.6px;text-transform:uppercase;color:var(--purple);font-weight:700;margin-bottom:14px}.hint{font-size:var(--schrift-m);color:var(--muted);margin-top:8px;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:none;border-radius:var(--ecke-s);padding:11px 16px;font-weight:800;font-size:var(--schrift-l);letter-spacing:-.1px;line-height:1.2;cursor:pointer;text-decoration:none;text-align:center;transition:filter .12s,transform .08s}.btn:active{transform:translateY(1px)}.btn.pri{background:var(--ball);color:var(--green-900)}.btn.pri:hover{background:var(--ball-600)}.btn.ghost{background:none;border:1.5px solid var(--feldrahmen);color:var(--ink)}.btn.ghost:hover{border-color:var(--purple);color:var(--purple)}.btn.sm{padding:8px 12px;font-size:var(--schrift-l)}.btn.wide{display:flex;width:100%;margin-top:6px}.btn:disabled{opacity:.45;cursor:default}.rating-big{display:flex;align-items:baseline;gap:10px}.rating-big .num{font-family:var(--mono);font-weight:700;font-size:52px;line-height:1;color:var(--green-800);letter-spacing:-2px}.rating-big .pm{font-family:var(--mono);font-size:var(--schrift-l);color:var(--muted);font-weight:700}.band{position:relative;height:46px;border-radius:var(--ecke-s);background:var(--flaeche);border:1.5px solid var(--line);overflow:hidden;margin:16px 0 5px}.band-fill{position:absolute;top:19px;bottom:0;background:#b7a2d96b;border-left:2.5px solid var(--purple);border-right:2.5px solid var(--purple);transition:left .45s,width .45s}.band-dot{position:absolute;z-index:2;top:64%;width:14px;height:14px;border-radius:50%;background:var(--ball);border:2.5px solid var(--green-900);transform:translate(-50%,-50%);transition:left .45s}.band-scale{position:relative;display:flex;justify-content:space-between;font-family:var(--mono);font-size:var(--schrift-s);color:var(--muted);font-weight:600}.band-grenze{position:absolute;top:19px;bottom:0;width:0;border-left:2px dashed var(--feldrahmen)}.band-grenze-wert{position:absolute;top:0;transform:translate(-50%)}.band-zonen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;padding-top:5px;pointer-events:none;font-size:var(--schrift-s);font-weight:700;letter-spacing:.3px;color:var(--muted)}.band-zonen span{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px}.band-zonen span:last-child{flex:1}.kurve{position:relative;height:80px;border-radius:var(--ecke-s);background:var(--flaeche);border:1.5px solid var(--line);overflow:hidden;margin:0 0 5px}.kurve svg{display:block;width:100%;height:100%}.kurve-flaeche{fill:var(--flaeche-tief)}.kurve-anteil{fill:#b7a2d980}.kurve-linie{fill:none;stroke:var(--line-strong);stroke-width:2}.kurve-strich{position:absolute;bottom:0;width:2.5px;height:10px;background:var(--purple);transform:translate(-50%);border-radius:1px}.kurve-titel{position:absolute;top:5px;left:7px;font-size:var(--schrift-s);font-weight:700;letter-spacing:.3px;color:var(--muted)}.stufen{display:flex;align-items:center;gap:9px;margin-top:10px;flex-wrap:wrap}.stufen-balken{display:flex;gap:3px}.stufen-balken i{display:block;width:26px;height:7px;border-radius:2px;background:var(--line)}.stufen.s1 .stufen-balken i.an{background:var(--stufe-1)}.stufen.s2 .stufen-balken i.an{background:var(--stufe-2)}.stufen.s3 .stufen-balken i.an{background:var(--stufe-3)}.stufen-text{font-size:var(--schrift-m);font-weight:700;color:var(--muted)}.stufen-text b{font-weight:800}.stufen.s1 .stufen-text b{color:var(--stufe-1)}.stufen.s2 .stufen-text b{color:var(--stufe-2)}.stufen.s3 .stufen-text b{color:var(--stufe-3)}.rank-line{font-size:var(--schrift-l);color:var(--muted);margin-top:12px;font-weight:600}.rank-line b{color:var(--purple);font-weight:800}.stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stats .k{font-size:var(--schrift-m);color:var(--muted);display:block;font-weight:600;letter-spacing:.2px}.stats .v{font-family:var(--mono);font-weight:700;font-size:var(--schrift-4xl);color:var(--green-800);letter-spacing:-1px}.stats .v.win{color:var(--win)}.stats .v.loss{color:var(--loss)}.mrow{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1.5px solid var(--line)}.mrow:last-child{border-bottom:none}.mrow .name{font-weight:700;font-size:var(--schrift-l);letter-spacing:-.1px}.mrow .when{font-size:var(--schrift-m);color:var(--muted);font-weight:500}.mrow .sc{font-family:var(--mono);font-weight:700;font-size:var(--schrift-l);margin-left:auto}.res{font-size:var(--schrift-s);font-weight:800;padding:3px 9px;border-radius:var(--ecke-xs);letter-spacing:.4px}.res.s{background:var(--winbg);color:var(--win)}.res.n{background:var(--lossbg);color:var(--loss)}.delta{font-family:var(--mono);font-size:var(--schrift-l);font-weight:700;min-width:46px;text-align:right}.delta.up{color:var(--win)}.delta.dn{color:var(--loss)}.vtag{font-size:var(--schrift-xs);font-weight:800;color:var(--purple);background:var(--purple-50);padding:2px 7px;border-radius:var(--ecke-xs);margin-left:7px;letter-spacing:.5px}table{width:100%;border-collapse:collapse}thead th{font-size:var(--schrift-s);letter-spacing:1.3px;text-transform:uppercase;color:var(--purple);text-align:left;padding:0 10px 12px;font-weight:700}th.r,td.r{text-align:right}tbody td{padding:12px 10px;border-top:1.5px solid var(--line);font-size:var(--schrift-l);font-weight:500}tbody tr.me td{background:var(--ball-50)}tbody tr.me td:first-child{box-shadow:inset 4px 0 0 var(--purple)}.rk{font-family:var(--mono);font-weight:700;color:var(--muted)}.nm{font-weight:700}.rt{font-family:var(--mono);font-weight:700;color:var(--green-800)}.rangliste .stufen{margin-top:4px;justify-content:flex-end}.rangliste .stufen-balken i{width:18px;height:6px}.field{margin-bottom:15px}.field label{display:block;font-size:var(--schrift-m);font-weight:700;margin-bottom:6px;letter-spacing:.1px}.field input,.field select{width:100%;border:1.5px solid var(--feldrahmen);border-radius:var(--ecke-s);padding:11px 12px;font-family:var(--ui);font-size:var(--schrift-l);font-weight:600;background:#fff;color:var(--ink)}.field input:focus,.field select:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 3px var(--purple-50)}.check{display:flex;align-items:center;gap:9px;font-size:var(--schrift-l);font-weight:600;margin-bottom:8px;cursor:pointer}.check input{width:16px;height:16px;accent-color:var(--purple)}.pending{border:1.5px solid var(--purple-300);background:var(--purple-50);border-radius:var(--ecke-m);padding:14px;margin-bottom:12px}.pend-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.pend-head strong{font-weight:800;letter-spacing:-.1px}.pend-head .sc{font-family:var(--mono);font-weight:700;font-size:var(--schrift-l)}.pend-actions{display:flex;gap:8px;margin-top:12px}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);background:var(--green-900);color:#fff;padding:13px 20px;border-radius:var(--ecke-s);font-size:var(--schrift-l);font-weight:700;box-shadow:0 8px 28px #16362b47;z-index:99;border-left:4px solid var(--ball)}.error-box{background:var(--lossbg);border:1.5px solid var(--loss);border-radius:var(--ecke-m);padding:16px;margin-bottom:18px}.error-box strong{display:block;color:var(--loss);margin-bottom:4px;font-weight:800}.error-box p{font-size:var(--schrift-l);font-weight:500}.error-box code{font-family:var(--mono);font-size:var(--schrift-m);background:#00000012;padding:1px 5px;border-radius:var(--ecke-xs)}.boot{display:grid;place-items:center;min-height:100vh;color:var(--muted);font-weight:600}.login-wrap{display:grid;place-items:center;min-height:100vh;padding:24px;background:var(--green-900)}.login-card{width:100%;max-width:380px;background:var(--card);border:1.5px solid var(--line);border-radius:var(--ecke-l);padding:26px}.login-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:22px;padding-bottom:18px;border-bottom:1.5px solid var(--line)}.login-logo{display:block;height:108px;width:auto}.login-head b{display:block;font-size:var(--schrift-xl);font-weight:800;letter-spacing:-.3px;color:var(--green-800)}.login-head span{font-size:var(--schrift-s);letter-spacing:1.4px;text-transform:uppercase;color:var(--purple);font-weight:700}.login-error{background:var(--lossbg);color:var(--loss);border-radius:var(--ecke-s);padding:10px 12px;font-size:var(--schrift-l);font-weight:700;margin-bottom:12px}.login-info{background:var(--purple-50);color:var(--purple);border-radius:var(--ecke-s);padding:10px 12px;font-size:var(--schrift-l);font-weight:600;margin-bottom:12px;line-height:1.45}.login-switch{width:100%;background:none;border:none;color:var(--muted);font-size:var(--schrift-l);font-weight:600;margin-top:16px;padding:6px;text-decoration:underline}.login-switch:hover{color:var(--purple)}.side-user{border-top:1px solid rgba(183,162,217,.22);padding-top:12px;margin-bottom:8px}.side-user>span{display:block;font-size:var(--schrift-s);color:var(--auf-dunkel-leise);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:7px}.logout{width:100%;background:none;border:1px solid rgba(183,162,217,.32);color:var(--auf-dunkel);border-radius:var(--ecke-s);padding:8px;font-size:var(--schrift-m);font-weight:700}.logout:hover{border-color:var(--purple-300);background:#b7a2d924;color:#fff}.claim-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px;background:var(--bg);border:1.5px solid var(--line-strong);border-radius:var(--ecke-s);padding:12px 14px;margin-bottom:8px;text-align:left}.claim-row:hover{border-color:var(--purple);background:var(--purple-50)}.claim-name{font-weight:800;font-size:var(--schrift-l);color:var(--ink)}.claim-meta{font-family:var(--mono);font-size:var(--schrift-m);color:var(--muted);font-weight:600}.or{text-align:center;font-size:var(--schrift-m);font-weight:600;color:var(--muted);margin:16px 0 14px;letter-spacing:1px;text-transform:uppercase}.toggle{display:flex;gap:8px}.tg{flex:1;border:1.5px solid var(--feldrahmen);background:#fff;border-radius:var(--ecke-s);padding:10px;font-size:var(--schrift-l);font-weight:700;color:var(--muted)}.tg:hover{border-color:var(--purple-300)}.tg.on{background:var(--ball);border-color:var(--ball-600);color:var(--green-900);font-weight:800}.waiting{flex:1;font-size:var(--schrift-m);font-weight:600;color:var(--purple);display:flex;align-items:center}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.chip{border:1.5px solid var(--feldrahmen);background:#fff;border-radius:var(--ecke-pille);padding:8px 15px;font-size:var(--schrift-l);font-weight:700;color:var(--muted)}.chip:hover{border-color:var(--purple-300);color:var(--purple)}.chip.on{background:var(--green-900);color:#fff;border-color:var(--green-900)}.chip-zahl{font-family:var(--mono);font-size:var(--schrift-s);opacity:.75;margin-left:3px}.nowrap{white-space:nowrap}.winner{font-weight:800;color:var(--green-800)}.h2h{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--purple-50);border:1.5px solid var(--purple-300);border-radius:var(--ecke-m);padding:12px 16px;margin-bottom:16px}.h2h-label{font-size:var(--schrift-m);font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--purple)}.h2h-score{font-family:var(--mono);font-weight:700;font-size:var(--schrift-3xl);color:var(--green-800)}.chart{width:100%;height:140px;display:block}.chart-scale{display:flex;justify-content:space-between;font-family:var(--mono);font-size:var(--schrift-s);color:var(--muted);font-weight:600;margin-top:4px}.badge{float:right;background:var(--purple);color:#fff;font-size:var(--schrift-s);font-weight:800;min-width:18px;height:18px;line-height:18px;text-align:center;border-radius:var(--ecke-pille);padding:0 5px}.nav-i.on .badge{background:var(--green-900)}.nav-short{display:none}@media (max-width: 820px){.app{grid-template-columns:1fr;min-height:100dvh}.side{position:fixed;left:0;right:0;bottom:0;top:auto;height:auto;width:100%;flex-direction:row;align-items:stretch;gap:0;padding:6px 4px calc(6px + env(safe-area-inset-bottom));border-right:none;border-top:3px solid var(--purple);z-index:40}.logo,.side-user,.reset,.nav-i.verwaltung-link{display:none}nav{flex-direction:row;flex:1;gap:2px}.nav-i{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;padding:10px 2px 9px;font-size:var(--schrift-s);font-weight:700;letter-spacing:0;min-height:48px;border-radius:var(--ecke-s);position:relative}.nav-full{display:none}.nav-short{display:block}.nav-i.on{font-weight:800}.badge{position:absolute;top:3px;right:6px;left:auto;margin:0;float:none}.top{padding:12px 0}.top-inhalt{padding:0 14px;gap:10px}.top h1{font-size:var(--schrift-2xl)}.top-links{gap:10px}.top-marke{display:block;height:34px;width:auto}.marke-name{display:block;font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--green-800);margin-bottom:1px}.view{padding:16px 14px 96px}.card{padding:16px;border-radius:var(--ecke-m)}.grid{gap:14px}.g2{grid-template-columns:1fr}.field input,.field select{font-size:var(--schrift-xl);padding:13px 12px}.btn{padding:13px 16px;min-height:46px}.btn.sm{min-height:40px}.tg{padding:13px 10px;min-height:46px;font-size:var(--schrift-l)}.check{padding:6px 0}.check input{width:20px;height:20px}.rating-big .num{font-size:44px}.toast{bottom:calc(76px + env(safe-area-inset-bottom));left:14px;right:14px;transform:none;text-align:center}.chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.chips::-webkit-scrollbar{display:none}.chip{flex:none}.login-wrap{padding:18px;min-height:100dvh}.login-card{padding:22px}.login-logo{height:88px}}@media (max-width: 640px){table,thead,tbody,tr,td{display:block;width:100%}thead{display:none}tbody tr{border:1.5px solid var(--line);border-radius:var(--ecke-m);padding:10px 13px;margin-bottom:10px;background:#fff}tbody tr:last-child{margin-bottom:0}tbody tr.me{background:var(--ball-50);border-color:var(--ball-600)}tbody tr.me td{background:none}tbody tr.me td:first-child{box-shadow:none}tbody td{border:none;padding:6px 0;font-size:var(--schrift-l);display:flex;align-items:baseline;justify-content:space-between;gap:14px;min-width:0}tbody td:before{content:attr(data-label);flex:none;font-size:var(--schrift-xs);font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--muted)}td.r{text-align:right}.pair{display:inline;text-align:right}.nm,.rk{font-weight:800}.chart{height:120px}.rangliste tbody tr,.vereinsrangliste tbody tr,.vereinsvergleich tbody tr,.spiele tbody tr{display:grid;align-items:center;column-gap:10px;row-gap:1px;padding:11px 12px}.rangliste tbody td,.vereinsrangliste tbody td,.vereinsvergleich tbody td,.spiele tbody td{display:block;padding:0;min-width:0}.rangliste tbody td:before,.vereinsrangliste tbody td:before,.vereinsvergleich tbody td:before,.spiele tbody td:before{display:none}.rangliste td.rk,.vereinsrangliste td.rk,.vereinsvergleich td.rk{grid-area:rang;align-self:center;text-align:center;font-family:var(--mono);font-size:var(--schrift-xl);font-weight:700;color:var(--muted)}.rangliste tr.me td.rk,.vereinsrangliste tr.me td.rk,.vereinsvergleich tr.me td.rk{color:var(--green-800)}.rangliste td.nm,.vereinsrangliste td.nm,.vereinsvergleich td.nm{grid-area:name}.vereinsrangliste td[data-label=Matches]:before,.vereinsvergleich td[data-label=Mitglieder]:before,.vereinsvergleich td[data-label=Bester]:before{display:inline;margin-right:5px}.rangliste tbody tr{grid-template-columns:26px minmax(0,1fr) auto;grid-template-areas:"rang name wert" "rang ort unsicher"}.rangliste td[data-label=Ort]{grid-area:ort;font-size:var(--schrift-m);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rangliste td[data-label=Ranking]{grid-area:wert;text-align:right;font-size:var(--schrift-2xl);font-weight:800}.rangliste td[data-label=Sicherheit]{grid-area:unsicher;text-align:right;font-size:var(--schrift-m)}.vereinsrangliste tbody tr{grid-template-columns:26px minmax(0,1fr) auto;grid-template-areas:"rang name wert" "rang matches wert"}.vereinsrangliste td[data-label=Ranking]{grid-area:wert;text-align:right;font-size:var(--schrift-2xl);font-weight:800}.vereinsrangliste td[data-label=Ranking] .muted{font-size:var(--schrift-m);font-weight:500}.vereinsrangliste td[data-label=Matches]{grid-area:matches;font-size:var(--schrift-m)}.vereinsvergleich tbody tr{grid-template-columns:26px minmax(0,1fr) auto;grid-template-areas:"rang name schnitt" "rang mitglieder bester"}.vereinsvergleich td[data-label=Schnitt]{grid-area:schnitt;text-align:right;font-size:var(--schrift-2xl);font-weight:800}.vereinsvergleich td[data-label=Mitglieder]{grid-area:mitglieder;font-size:var(--schrift-m)}.vereinsvergleich td[data-label=Bester]{grid-area:bester;text-align:right;font-size:var(--schrift-m)}.spiele tbody tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"begegnung ergebnis" "datum aenderung";row-gap:4px}.spiele td[data-label=Begegnung]{grid-area:begegnung;font-size:var(--schrift-l);line-height:1.4}.spiele td[data-label=Ergebnis]{grid-area:ergebnis;text-align:right;align-self:start}.spiele td[data-label=Datum]{grid-area:datum;font-size:var(--schrift-m)}.spiele td[data-label=Änderung]{grid-area:aenderung;text-align:right}.spiele td.nowrap{white-space:normal}.spiele .vtag{margin-left:5px}}.cancel-box{border:1.5px solid var(--loss);background:var(--lossbg);border-radius:var(--ecke-m);padding:14px 16px;margin-bottom:16px}.cancel-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:6px}.cancel-head strong{font-weight:800;color:var(--loss);letter-spacing:-.1px}.cancel-head .sc{font-family:var(--mono);font-size:var(--schrift-m);font-weight:700}.cancel-box p{margin-bottom:10px}.link-btn{background:none;border:none;color:var(--muted);font-size:var(--schrift-m);font-weight:700;text-decoration:underline;padding:2px 0 2px 10px}.link-btn:hover{color:var(--loss)}.link-btn:disabled{opacity:.4}.name-link{background:none;border:none;padding:0;font-family:var(--ui);font-size:var(--schrift-l);font-weight:700;color:var(--green-800);text-decoration:underline;text-underline-offset:3px;text-align:left}.name-link:hover{color:var(--purple)}.back{background:none;border:none;color:var(--muted);font-size:var(--schrift-l);font-weight:700;padding:4px 0 14px}.back:hover{color:var(--purple)}.detail-name{font-size:var(--schrift-4xl);font-weight:800;letter-spacing:-.6px;color:var(--green-800)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#131e188c;display:grid;place-items:center;padding:20px;z-index:100;animation:fade-in .15s ease}.modal{background:var(--card);border:1.5px solid var(--line);border-radius:var(--ecke-l);padding:24px;max-width:400px;width:100%;box-shadow:0 20px 50px #131e1847;animation:pop-in .18s cubic-bezier(.2,1,.4,1)}.modal-title{font-size:var(--schrift-2xl);font-weight:800;letter-spacing:-.3px;color:var(--green-800);margin-bottom:8px}.modal-title.danger{color:var(--loss)}.modal-text{font-size:var(--schrift-l);color:var(--muted);font-weight:500;line-height:1.5}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions .btn{flex:1;justify-content:center}.btn.danger{background:var(--loss);color:#fff}.btn.danger:hover{filter:brightness(1.08)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.skeleton{display:block;background:linear-gradient(90deg,var(--skelett) 25%,var(--skelett-hell) 50%,var(--skelett) 75%);background-size:200% 100%;border-radius:var(--ecke-xs);animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1.5px solid var(--line)}.skeleton-row:last-child{border-bottom:none}.empty-state{text-align:center;padding:28px 16px}.empty-icon{font-size:30px;display:block;margin-bottom:10px;opacity:.75}.empty-title{font-size:var(--schrift-xl);font-weight:800;color:var(--ink);letter-spacing:-.2px}.empty-text{font-size:var(--schrift-l);color:var(--muted);font-weight:500;margin-top:5px;max-width:42ch;margin-left:auto;margin-right:auto;line-height:1.5}.toast.error{background:var(--loss);border-left-color:#fff}.toast.info{background:var(--green-900)}@media (prefers-reduced-motion: reduce){.skeleton{animation:none;background:var(--skelett)}.modal,.modal-backdrop{animation:none}}.req,.opp{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1.5px solid var(--line)}.req:last-of-type,.opp:last-of-type{border-bottom:none}.req-main{flex:1;min-width:0}.req-main .name{font-weight:700;font-size:var(--schrift-l);letter-spacing:-.1px}.req-main .when{font-size:var(--schrift-m);color:var(--muted);font-weight:500;margin-top:1px}.req-actions{display:flex;gap:8px;flex:none}.pending-tag{font-size:var(--schrift-s);font-weight:800;color:var(--purple);background:var(--purple-50);padding:5px 10px;border-radius:var(--ecke-xs);letter-spacing:.3px;flex:none}.status-tag{font-size:var(--schrift-s);font-weight:800;padding:4px 9px;border-radius:var(--ecke-xs);flex:none}.status-tag.angenommen{background:var(--winbg);color:var(--win)}.status-tag.abgelehnt,.status-tag.abgesagt{background:var(--lossbg);color:var(--loss)}.status-tag.zurueckgezogen{background:var(--flaeche-tief);color:var(--muted)}.status-tag.offen{background:var(--purple-50);color:var(--purple)}.status-tag.vorbei{background:var(--ball-50);color:var(--ball-800)}.finder-filter{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:6px;border-bottom:1.5px solid var(--line)}.range-label{font-size:var(--schrift-m);font-weight:600;color:var(--muted);display:flex;align-items:center;gap:10px;flex:1;min-width:210px}.range-label b{color:var(--purple);font-family:var(--mono)}.range-label input[type=range]{flex:1;accent-color:var(--purple);min-width:90px}.umkreis{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.umkreis-k{font-size:var(--schrift-m);font-weight:600;color:var(--muted);margin-right:4px}.umkreis .tg{flex:none;padding:6px 10px;font-size:var(--schrift-m)}.opp-link{display:block;width:100%;text-align:left;background:none;border:none;padding:0;cursor:pointer;font:inherit;color:inherit}.opp-link .name,.opp-link .when{display:block}.opp-link:hover .name{color:var(--purple)}.opp-zahlen{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:3px;font-size:var(--schrift-m);font-weight:600;color:var(--muted)}.opp-zahlen b{color:var(--purple);font-weight:800;font-family:var(--mono)}.req-form{display:block;margin-top:6px}.req-form .field{display:block;margin-bottom:14px}.req-form label{display:block;font-size:var(--schrift-m);font-weight:700;margin-bottom:6px;color:var(--ink)}.req-form input{width:100%;border:1.5px solid var(--feldrahmen);border-radius:var(--ecke-s);padding:11px 12px;font-family:var(--ui);font-size:var(--schrift-xl);font-weight:600;background:#fff;color:var(--ink)}@media (max-width: 820px){.req,.opp{flex-wrap:wrap;gap:10px}.req .req-main,.opp .req-main{flex:1 0 100%}.req-actions{width:100%}.req-actions .btn{flex:1}.opp .btn,.opp .pending-tag{width:100%;text-align:center}.finder-filter{flex-direction:column;align-items:stretch;gap:12px}.range-label{min-width:0}.nav-i{font-size:var(--schrift-xs);padding:10px 1px 9px}.badge{top:2px;right:3px;font-size:var(--schrift-xs);min-width:15px;height:15px;line-height:15px;padding:0 4px}}.req-detail{display:flex;flex-direction:column}.detail-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.req-title{font-size:var(--schrift-2xl);font-weight:800;letter-spacing:-.4px;color:var(--green-800)}.req-open{background:none;border:none;padding:0;text-align:left;display:block;width:100%;cursor:pointer}.req-open .name{display:block;text-decoration:underline;text-underline-offset:3px}.req-open:hover .name{color:var(--purple)}.req-open .when{display:block}.req.req-open{display:flex;align-items:center;gap:12px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fact{background:var(--bg);border:1.5px solid var(--line);border-radius:var(--ecke-s);padding:11px 12px;min-width:0}.fact-k{display:block;font-size:var(--schrift-xs);font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--purple);margin-bottom:3px}.fact-v{display:block;font-size:var(--schrift-l);font-weight:700;color:var(--ink);overflow-wrap:anywhere}.edit-box{background:var(--bg);border:1.5px solid var(--line);border-radius:var(--ecke-m);padding:14px}.thread{margin:18px 0 12px;padding-top:16px;border-top:1.5px solid var(--line);display:flex;flex-direction:column;gap:9px;max-height:320px;overflow-y:auto}.msg{max-width:82%;padding:9px 12px;border-radius:var(--ecke-m)}.msg-text{display:block;font-size:var(--schrift-l);font-weight:500;line-height:1.45;overflow-wrap:anywhere}.msg-meta{display:block;font-size:var(--schrift-s);font-weight:600;opacity:.75;margin-top:3px}.msg.mine{align-self:flex-end;background:var(--ball-50);border:1.5px solid var(--ball-600)}.msg.mine-false{align-self:flex-start;background:var(--bg);border:1.5px solid var(--line)}.msg-system{align-self:center;text-align:center;font-size:var(--schrift-m);font-weight:600;color:var(--purple);background:var(--purple-50);border-radius:var(--ecke-s);padding:7px 12px;max-width:92%}.msg-system .msg-meta{display:inline;font-size:var(--schrift-s)}.msg-input{display:flex;gap:8px}.msg-input input{flex:1;min-width:0;border:1.5px solid var(--feldrahmen);border-radius:var(--ecke-s);padding:11px 12px;font-family:var(--ui);font-size:var(--schrift-xl);font-weight:600;background:#fff;color:var(--ink)}.msg-input input:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 3px var(--purple-50)}@media (max-width: 640px){.facts{grid-template-columns:1fr;gap:8px}.fact{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.fact-k{margin-bottom:0}.fact-v{text-align:right}.msg{max-width:90%}}.next-date{display:block;width:100%;text-align:left;background:var(--purple-50);border:1.5px solid var(--purple-300);border-radius:var(--ecke-m);padding:13px 16px;margin-bottom:18px;cursor:pointer}.next-date:hover{border-color:var(--purple)}.next-k{display:block;font-size:var(--schrift-s);font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--purple);margin-bottom:3px}.next-v{display:block;font-size:var(--schrift-l);font-weight:700;color:var(--ink)}.danger-text{color:var(--loss)}.danger-text:hover{border-color:var(--loss);color:var(--loss)}button.req{width:100%;background:none;border:none;border-bottom:1.5px solid var(--line);text-align:left;cursor:pointer}button.req:hover .name{color:var(--purple)}.phone-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:10px;padding:11px 13px;background:var(--winbg);border:1.5px solid var(--win);border-radius:var(--ecke-s);text-decoration:none}.phone-row:hover{filter:brightness(.98)}.phone-nr{font-family:var(--mono);font-weight:600;font-size:var(--schrift-l);color:var(--win)}.invite-new{display:flex;gap:8px;margin-bottom:14px}.invite-new input{flex:1;min-width:0;border:1.5px solid var(--feldrahmen);border-radius:var(--ecke-s);padding:11px 12px;font-family:var(--ui);font-size:var(--schrift-xl);font-weight:600;background:#fff;color:var(--ink)}.invite{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1.5px solid var(--line);flex-wrap:wrap}.invite:last-of-type{border-bottom:none}.invite.used{opacity:.65}.invite-code{display:block;font-family:var(--mono);font-weight:700;font-size:var(--schrift-2xl);letter-spacing:2px;color:var(--green-800)}.intro .steps{list-style:none;counter-reset:schritt}.intro .steps li{counter-increment:schritt;position:relative;padding:8px 0 8px 34px;font-size:var(--schrift-l);font-weight:500;color:var(--muted)}.intro .steps li b{color:var(--ink)}.intro .steps li:before{content:counter(schritt);position:absolute;left:0;top:8px;width:22px;height:22px;border-radius:50%;background:var(--ball);color:var(--green-900);font-size:var(--schrift-m);font-weight:800;display:grid;place-items:center}.login-links{display:flex;flex-direction:column;gap:2px;margin-top:12px}.login-links .login-switch{margin-top:4px}@media (max-width: 640px){.invite-new{flex-direction:column}.invite-new .btn{width:100%}.invite .btn{flex:1}}.legal h3{font-size:var(--schrift-l);font-weight:700;color:var(--green-800);margin:16px 0 5px;letter-spacing:-.2px}.legal h3:first-of-type{margin-top:0}.legal p{font-size:var(--schrift-l);font-weight:500;color:var(--muted);line-height:1.55}.legal ul{margin:6px 0 0 18px}.legal li{font-size:var(--schrift-l);font-weight:500;color:var(--muted);line-height:1.5;margin-bottom:5px}.legal li b,.legal p b{color:var(--ink)}.legal-link{background:none;border:none;color:var(--auf-dunkel-still);font-size:var(--schrift-m);font-weight:600;text-align:left;padding:8px 12px 4px;text-decoration:underline}.legal-link:hover{color:var(--auf-dunkel)}@media (max-width: 820px){.legal-link{display:none}}.group-banner{background:var(--ball-50);border:1.5px solid var(--ball-600);border-radius:var(--ecke-m);padding:18px;margin-bottom:18px}.group-banner p{font-size:var(--schrift-l);font-weight:500;color:var(--muted);line-height:1.5;margin-top:2px}.group-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.group-actions .btn{flex:1;min-width:150px;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}@media (max-width: 640px){.group-actions .btn{min-width:0;width:100%}}.scale-hint{font-size:var(--schrift-m);font-weight:600;color:var(--muted);margin-top:6px;letter-spacing:.2px}.zwei-spalten{display:grid;grid-template-columns:1fr 1fr;gap:12px}.klein{font-size:var(--schrift-m);opacity:.8}@media (max-width: 480px){.zwei-spalten{grid-template-columns:1fr;gap:0}}.avatar{display:inline-grid;place-items:center;border-radius:50%;overflow:hidden;flex:none;color:#fff;font-weight:800;letter-spacing:.3px}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.name-link.mit-bild{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.name-link.mit-bild span{text-decoration:underline;text-underline-offset:3px}.avatar-zeile{display:flex;align-items:center;gap:18px}.avatar-aktionen{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.detail-kopf{display:flex;align-items:center;gap:14px;margin-bottom:4px}.detail-wer{min-width:0}.detail-wer .detail-name{line-height:1.1}.detail-wer p{margin-top:3px}.detail-kopf+.ch{margin-top:18px}.galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;margin-bottom:4px}.galerie-bild{position:relative;margin:0;aspect-ratio:1;border-radius:var(--ecke-m);overflow:hidden;border:1.5px solid var(--line);background:var(--bg)}@supports not (aspect-ratio: 1 / 1){.galerie-bild{height:140px}}.galerie-knopf{width:100%;height:100%;padding:0;border:none;background:none;cursor:zoom-in;display:block}.galerie-knopf img{width:100%;height:100%;object-fit:cover;display:block}.galerie-loeschen{position:absolute;top:6px;right:6px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:none;background:#131e18b8;color:#fff;font-size:var(--schrift-2xl);line-height:1;cursor:pointer}.galerie-loeschen:hover{background:var(--loss)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#131e18e6;display:grid;place-items:center;padding:24px;z-index:110;cursor:zoom-out}.lightbox img{max-width:100%;max-height:100%;border-radius:var(--ecke-m)}.bild-text{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,#131e18d9);color:#fff;font-size:var(--schrift-s);font-weight:600;padding:14px 7px 5px;line-height:1.25}.dm-kopf{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:4px;border-bottom:1.5px solid var(--line);flex-wrap:wrap}.dm-thread{max-height:420px}.dm-zahl{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--ecke-pille);background:var(--purple);color:#fff;font-size:var(--schrift-s);font-weight:800;flex:none}.liste-zeile{display:flex;align-items:center;gap:12px;background:none;border:none;text-align:left;cursor:pointer;padding:12px 8px;margin:0 -8px;width:calc(100% + 16px);border-radius:var(--ecke-s);font-family:var(--ui)}.liste-zeile+.liste-zeile{box-shadow:0 -1.5px 0 var(--line)}.liste-zeile:hover{background:var(--bg)}.liste-zeile:hover .liste-name{color:var(--purple)}.liste-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.liste-oben,.liste-unten{display:flex;align-items:baseline;gap:10px}.liste-name{font-weight:700;font-size:var(--schrift-l);letter-spacing:-.1px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.liste-zeit,.liste-oben .status-tag{margin-left:auto;flex:none}.liste-zeit{font-size:var(--schrift-m);font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.liste-unten{align-items:center}.liste-vorschau{flex:1;min-width:0;font-size:var(--schrift-m);font-weight:500;color:var(--muted);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.liste-von{font-weight:700}.liste-zeile.neu .liste-name{font-weight:800}.liste-zeile.neu .liste-vorschau{color:var(--ink);font-weight:600}.liste-zeile.neu .liste-zeit{color:var(--purple);font-weight:700}.avatar-knopf{border:none;padding:0;cursor:zoom-in}.avatar-knopf:hover{filter:brightness(1.06)}.lightbox-zu{position:absolute;top:14px;right:16px;width:40px;height:40px;display:grid;place-items:center;border:none;border-radius:50%;background:#ffffff2e;color:#fff;font-size:26px;line-height:1;cursor:pointer}.lightbox-zu:hover{background:#ffffff4d}.verwaltung-link{margin-bottom:6px}.zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:12px}.zahl{background:var(--bg);border:1.5px solid var(--line);border-radius:var(--ecke-m);padding:12px 13px}.zahl.warnung{background:var(--lossbg);border-color:var(--loss)}.zahl-wert{display:block;font-family:var(--mono);font-weight:700;font-size:var(--schrift-4xl);color:var(--green-800);letter-spacing:-1px}.zahl.warnung .zahl-wert{color:var(--loss)}.zahl-titel{display:block;font-size:var(--schrift-m);font-weight:600;color:var(--muted);margin-top:2px}.zahl-zusatz{display:block;font-size:var(--schrift-s);color:var(--purple);font-weight:600;margin-top:3px}.meldung{border:1.5px solid var(--loss);background:var(--lossbg);border-radius:var(--ecke-m);padding:14px;margin-bottom:12px}.meldung-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.meldung-kopf strong{font-weight:800;color:var(--loss)}.meldung-grund{font-size:var(--schrift-l);font-weight:500;margin-top:6px;font-style:italic}tbody tr.stillgelegt{opacity:.55}.verein-aktuell{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg);border:1.5px solid var(--line-strong);border-radius:var(--ecke-s)}.treffer{margin-top:6px}.filterleiste{padding:14px 16px}.filter-zeile{display:flex;gap:8px}.filter-suche{flex:1;min-width:0;border:1.5px solid var(--feldrahmen);border-radius:var(--ecke-s);padding:10px 12px;font-family:var(--ui);font-size:var(--schrift-xl);font-weight:600;background:#fff;color:var(--ink)}.filter-suche:focus{border-color:var(--purple);outline:none;box-shadow:0 0 0 3px var(--purple-50)}.filter-felder{margin-top:14px;padding-top:14px;border-top:1.5px solid var(--line)}.filter-felder .field{margin-bottom:12px}.filter-hinweis{font-size:var(--schrift-m);font-weight:600;color:var(--purple);margin-bottom:10px}.plz-treffer{font-size:var(--schrift-l);font-weight:600;color:var(--win);margin:-6px 0 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-felder input[type=range]{width:100%;accent-color:var(--purple)}.galerie-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.moderation-hinweis{font-size:var(--schrift-m);font-weight:700;color:var(--loss);background:var(--lossbg);border-radius:var(--ecke-s);padding:8px 11px;margin-bottom:12px}.suchfeld{position:relative}.suchfeld-gewaehlt{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bg);border:1.5px solid var(--feldrahmen);border-radius:var(--ecke-s);padding:11px 12px;font-size:var(--schrift-l);font-weight:700}.suchfeld-liste{position:absolute;left:0;right:0;top:100%;z-index:30;background:#fff;border:1.5px solid var(--line-strong);border-radius:var(--ecke-s);box-shadow:0 10px 26px #131e1824;margin-top:4px;overflow:hidden;max-height:260px;overflow-y:auto}.suchfeld-treffer{display:block;width:100%;text-align:left;background:none;border:none;padding:10px 13px;border-bottom:1px solid var(--line)}.suchfeld-treffer:last-child{border-bottom:none}.suchfeld-treffer:hover{background:var(--purple-50)}.suchfeld-name{display:block;font-size:var(--schrift-l);font-weight:700;color:var(--ink)}.suchfeld-zusatz{display:block;font-size:var(--schrift-m);color:var(--muted);font-weight:500;margin-top:1px}.suchfeld-hinweis{padding:10px 13px;font-size:var(--schrift-l);color:var(--muted);font-weight:600}.suchfeld+.hint{margin-top:-7px;margin-bottom:15px}.install-hinweis{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--purple-50);border:1.5px solid var(--purple-300);border-radius:var(--ecke-m);padding:14px 16px;margin-bottom:18px}.install-text{flex:1;min-width:220px}.install-text b{font-size:var(--schrift-l);font-weight:700;color:var(--purple)}.install-text p{font-size:var(--schrift-l);color:var(--muted);font-weight:500;margin-top:3px;line-height:1.45}.install-schritte{flex:1 0 100%;margin:6px 0 0 20px}.install-schritte li{font-size:var(--schrift-l);font-weight:500;color:var(--muted);margin-bottom:5px;line-height:1.45}.nav-mehr{display:none}.klappe{margin-top:18px}.klappe-kopf{display:flex;align-items:center;gap:10px;background:var(--card);border:1.5px solid var(--line);border-radius:var(--ecke-m);padding:15px 18px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.klappe-kopf::-webkit-details-marker{display:none}.klappe-kopf:hover{border-color:var(--line-strong)}.klappe[open] .klappe-kopf{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent;padding-bottom:8px}.klappe-titel{flex:1;min-width:0;font-size:var(--schrift-s);font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--purple);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.klappe-pfeil{flex:none;width:9px;height:9px;margin-right:2px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translate(-2px,-2px);transition:transform .15s ease}.klappe[open] .klappe-pfeil{transform:rotate(-135deg) translate(-2px,-2px)}.klappe-inhalt{border:1.5px solid var(--line);border-top:none;border-radius:0 0 var(--ecke-m) var(--ecke-m);background:var(--card);padding:0 18px 18px}.klappe-inhalt>.card{border:none!important;padding:0!important;margin:0!important;background:none!important;border-radius:0!important}.klappe-inhalt .ch{display:none}.klappe-inhalt .galerie-kopf{margin-bottom:0}@media (max-width: 640px){.klappe-kopf{padding:14px}.klappe-inhalt{padding:0 14px 14px}}.blatt-hintergrund{position:fixed;top:0;right:0;bottom:0;left:0;background:#131e1880;z-index:60;display:flex;align-items:flex-end;animation:fade-in .15s ease}.blatt{width:100%;background:var(--card);border-radius:16px 16px 0 0;padding:8px 14px calc(20px + env(safe-area-inset-bottom));animation:hoch .2s cubic-bezier(.2,1,.4,1)}@keyframes hoch{0%{transform:translateY(100%)}to{transform:none}}.blatt-griff{width:40px;height:4px;border-radius:var(--ecke-pille);background:var(--line-strong);margin:6px auto 12px}.blatt-punkt{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:none;border:none;border-bottom:1.5px solid var(--line);padding:15px 4px;font-family:var(--ui);font-size:var(--schrift-xl);font-weight:700;color:var(--ink);text-align:left}.blatt-punkt:last-child{border-bottom:none}.blatt-punkt.on{color:var(--purple)}.blatt-punkt.leise{font-weight:600;color:var(--muted);font-size:var(--schrift-l)}.badge-inline{background:var(--purple);color:#fff;font-size:var(--schrift-s);font-weight:800;border-radius:var(--ecke-pille);min-width:20px;height:20px;line-height:20px;text-align:center;padding:0 6px}@media (max-width: 820px){.nav-nur-gross{display:none}.nav-mehr{display:flex}.nav-i{font-size:var(--schrift-s);padding:10px 2px 9px}.badge{top:3px;right:6px;font-size:var(--schrift-xs);min-width:16px;height:16px;line-height:16px}}