@font-face{font-family:Lexend;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/lexend-latin-wght-normal.woff2)format("woff2")}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(../fonts/source-sans-3-latin-wght-normal.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#04080a;--bg:#070c0f;--surface:#0e161a;--elev:#16242a;--line:#ffffff17;--fg:#e8eff1;--fg-soft:#c4d2d6;--muted:#93a8ae;--teal:#2dd4bf;--teal-deep:#0d9488;--on-teal:#04201c;--amber:#f59e0b;--amber-soft:#fbbf24;--rose:#f87171;--off:#26363b;--off-fg:#7b9097;--head:"Lexend", system-ui, sans-serif;--body:"Source Sans 3", system-ui, sans-serif;--r-card:24px;--r-tile:20px;--r-btn:18px;--gutter:20px;--spalte:480px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--tabbar-h:68px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:var(--page)}body{background:var(--page);color:var(--fg);font-family:var(--body);overscroll-behavior-y:none;min-height:100dvh;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:inherit;background:0 0;border:0}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:8px}[data-fokus]:focus{outline:none}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}#app{max-width:var(--spalte);background:var(--bg);min-height:100dvh;margin:0 auto;position:relative}@media (width>=520px){#app{box-shadow:0 0 0 1px #ffffff0f,0 0 80px #0009}}.screen{min-height:100dvh;padding:calc(var(--safe-top) + 18px) calc(var(--gutter) + var(--safe-right)) calc(var(--tabbar-h) + var(--safe-bottom) + 24px) calc(var(--gutter) + var(--safe-left));flex-direction:column;animation:.26s ease-out both ein;display:flex}.screen.ohne-tabs{padding-bottom:calc(var(--safe-bottom) + 24px)}@keyframes ein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.h1{font-family:var(--head);letter-spacing:-.02em;font-size:26px;font-weight:600;line-height:1.2}.h2{font-family:var(--head);letter-spacing:-.01em;font-size:20px;font-weight:500;line-height:1.25}.sec{font-family:var(--head);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;font-size:12px;font-weight:500}.muted{color:var(--muted)}.klein{font-size:14px}.zahl{font-family:var(--head);font-variant-numeric:tabular-nums}.kopf{align-items:center;gap:12px;min-height:44px;display:flex}.kopf .titel{flex:1;min-width:0}.rund{background:var(--surface);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;transition:transform .1s,background .15s;display:grid}.rund:active{transform:scale(.94)}.karte-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:20px}.kachel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-tile);padding:14px 16px}.stapel{flex-direction:column;gap:12px;display:flex}.stapel-s{flex-direction:column;gap:8px;display:flex}.cta{background:var(--teal);width:100%;min-height:58px;color:var(--on-teal);font-family:var(--head);text-align:center;border-radius:20px;justify-content:center;align-items:center;gap:12px;font-size:19px;font-weight:600;transition:transform .1s,filter .15s;display:flex}.cta:active:not(:disabled){transform:scale(.97)}.cta small{font-family:var(--body);opacity:.75;font-size:15px;font-weight:500}.cta:disabled{background:var(--off);color:var(--off-fg)}.btn{border-radius:var(--r-btn);min-height:52px;font-family:var(--head);border:1px solid var(--line);background:var(--surface);text-align:center;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:16px;font-weight:500;transition:transform .1s,opacity .2s,background .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.35}.btn.no{color:var(--rose);border-color:#f8717166}.btn.yes{background:var(--teal);color:var(--on-teal);border-color:#0000;font-weight:600}.btn.gefahr{color:var(--rose);border-color:#f8717166}.btn.voll{width:100%}.ghost{width:100%;min-height:48px;color:var(--muted);text-align:center;border-radius:14px;font-size:15px}.ghost:active{color:var(--fg)}.feld{flex-direction:column;gap:6px;display:flex}.feld>label,.feld>.lbl{color:var(--fg-soft);font-size:14px}.eingabe,.auswahl,.textfeld{background:var(--surface);border:1px solid var(--line);width:100%;min-height:52px;color:var(--fg);border-radius:16px;padding:0 16px;font-size:17px}.textfeld{resize:vertical;min-height:96px;padding:12px 16px;line-height:1.4}.eingabe::placeholder,.textfeld::placeholder{color:#6b8188}.eingabe:focus-visible,.auswahl:focus-visible,.textfeld:focus-visible{outline-offset:1px;border-color:var(--teal)}.auswahl{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 22px) 22px,calc(100% - 16px) 22px;background-repeat:no-repeat;background-size:6px 6px;padding-right:40px}.auswahl option{background:var(--surface);color:var(--fg)}.schalter{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:18px;align-items:center;gap:14px;width:100%;min-height:60px;padding:10px 16px;display:flex}.schalter .txt{flex:1}.schalter .txt small{color:var(--muted);font-size:13px;line-height:1.3;display:block}.schalter .pille{background:#ffffff1f;border-radius:14px;flex:none;width:46px;height:28px;transition:background .2s;position:relative}.schalter .pille:after{content:"";background:#dbe6e8;border-radius:50%;width:22px;height:22px;transition:transform .2s cubic-bezier(.3,1.3,.5,1);position:absolute;top:3px;left:3px}.schalter[aria-checked=true] .pille{background:var(--teal)}.schalter[aria-checked=true] .pille:after{background:var(--on-teal);transform:translate(18px)}.wahl{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:18px;align-items:flex-start;gap:14px;width:100%;padding:12px 16px;transition:background .15s,border-color .15s,transform .1s;display:flex}.wahl:active{transform:scale(.985)}.wahl[aria-checked=true]{background:var(--elev);border-color:#2dd4bf8c}.wahl .punkt{border:1.5px solid #5d747b;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;margin-top:2px;display:grid}.wahl[aria-checked=true] .punkt{border-color:var(--teal)}.wahl[aria-checked=true] .punkt:after{content:"";background:var(--teal);border-radius:50%;width:10px;height:10px}.wahl .name{font-family:var(--head);font-size:17px;font-weight:500;line-height:1.3}.wahl .info{color:var(--muted);margin-top:1px;font-size:14px;line-height:1.3;display:block}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface);border:1px solid var(--line);min-height:40px;color:var(--fg-soft);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:15px;display:inline-flex}.chip[aria-pressed=true]{background:var(--elev);color:var(--fg);border-color:#2dd4bf8c}dialog.sheet{width:100%;max-width:var(--spalte);background:var(--surface);max-height:92dvh;color:var(--fg);border:1px solid var(--line);padding:22px var(--gutter) calc(var(--safe-bottom) + 22px);border-bottom:0;border-radius:28px 28px 0 0;margin:auto auto 0;overflow:auto}dialog.sheet::backdrop{background:#020506b8}dialog.sheet[open]{animation:.28s cubic-bezier(.2,.9,.3,1) both hoch}dialog.sheet[open]::backdrop{animation:.2s ease-out both aus-ein}@keyframes hoch{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes aus-ein{0%{opacity:0}to{opacity:1}}.sheet .griff{background:#ffffff2e;border-radius:2px;width:40px;height:4px;margin:-8px auto 16px}#toasts{left:0;right:0;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 14px);z-index:50;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 16px;display:flex;position:fixed}.toast{background:var(--elev);border:1px solid var(--line);border-radius:16px;max-width:420px;padding:12px 18px;font-size:15px;animation:.22s ease-out both ein;box-shadow:0 10px 30px #00000080}.toast.fehler{border-color:#f8717180}.tabs{width:100%;max-width:var(--spalte);z-index:20;padding:6px calc(8px + var(--safe-right)) calc(6px + var(--safe-bottom)) calc(8px + var(--safe-left));-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#070c0ff0;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{min-height:56px;color:var(--muted);font-family:var(--head);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:500;transition:color .15s,transform .1s;display:flex;position:relative}.tab:active{transform:scale(.94)}.tab[aria-current=page]{color:var(--teal)}.tab[aria-current=page]:before{content:"";background:var(--teal);border-radius:0 0 3px 3px;width:28px;height:3px;position:absolute;top:-7px}.tab svg{width:24px;height:24px}.sync{background:var(--surface);border:1px solid var(--line);min-height:36px;color:var(--muted);border-radius:999px;align-items:center;gap:8px;max-width:100%;padding:0 12px 0 10px;font-size:13px;display:inline-flex}.sync .punkt{background:var(--teal);border-radius:50%;flex:none;width:8px;height:8px}.sync.wartet .punkt{border:2px solid var(--teal);background:0 0}.sync.offline .punkt{background:#6b8188}.sync.laeuft .punkt{border:2px solid #2dd4bf4d;border-top-color:var(--teal);background:0 0;width:12px;height:12px;animation:.9s linear infinite dreh}@keyframes dreh{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.screen{animation:.18s ease-out both ein-rm!important}.sync.laeuft .punkt{border-color:var(--teal);animation:none!important}}@keyframes ein-rm{0%{opacity:0}to{opacity:1}}.laden{text-align:center;color:var(--muted);padding:40vh 24px 0}.fehlertext{color:var(--rose);min-height:0;font-size:15px}.fehlertext:empty{display:none}.hinweis{color:var(--fg-soft);font-size:15px}.zeile{flex-wrap:wrap;gap:10px;display:flex}.zeile>.btn{flex:140px}.gross-zahl{letter-spacing:-.03em;margin-top:4px;font-size:40px;font-weight:600;line-height:1.1}.cta-zeile{z-index:5;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 12px);background:linear-gradient(to bottom, transparent, var(--bg) 22px);flex-direction:column;gap:10px;margin-top:auto;padding-top:18px;display:flex;position:sticky}.screen.ohne-tabs .cta-zeile{bottom:calc(var(--safe-bottom) + 12px)}.login{justify-content:center;gap:28px}.login-kopf{flex-direction:column;gap:8px;display:flex}.login-kopf .h1{margin-top:10px;font-size:32px}.start-kopf{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.start-kopf .h1{font-size:26px}.start-kopf .sync{flex:none;margin-top:4px}.due .row{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.due .big{font-family:var(--head);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:64px;font-weight:600;line-height:1}.due .lbl{color:var(--fg-soft);font-size:17px}.due .est{color:var(--muted);margin-left:auto;font-size:14px}.dist{align-items:stretch;gap:6px;height:44px;margin-top:18px;display:flex}.dist>div{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.dist .sb{flex:1;align-items:flex-end;width:100%;min-height:0;display:flex}.dist em{background:linear-gradient(var(--teal-deep), #0a5f58);border-radius:4px 4px 2px 2px;width:100%;min-height:3px;font-style:normal;display:block}.dist small{color:var(--muted);font-size:11px}.dist .wert{font-family:var(--head);color:var(--fg-soft);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.streak{background:var(--surface);border:1px solid var(--line);border-radius:20px;align-items:center;gap:14px;padding:14px 16px;display:flex}.streak svg{color:var(--amber-soft);flex:none}.streak .t{font-family:var(--head);font-size:16px;font-weight:500;line-height:1.25}.streak .t small{font-family:var(--body);color:var(--muted);font-size:13px;font-weight:400;display:block}.streak.gross .t{font-size:20px}.mods{flex-direction:column;gap:8px;display:flex}.mod{background:var(--surface);border:1px solid var(--line);border-radius:18px;align-items:center;gap:14px;width:100%;min-height:60px;padding:10px 16px;transition:background .15s,border-color .15s,transform .1s;display:flex}.mod:active{transform:scale(.98)}.mod[aria-pressed=true]{background:var(--elev);border-color:#2dd4bf8c}.mod .code{font-family:var(--head);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;flex:none;width:82px;font-size:17px;font-weight:600;overflow:hidden}.mod .bar{background:#ffffff14;border-radius:3px;flex:1;height:5px;overflow:hidden}.mod .bar i{background:var(--teal);border-radius:3px;height:100%;display:block}.mod .n{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;min-width:56px;font-size:14px}.mod .chk{width:22px;height:22px;color:var(--on-teal);border:1.5px solid #5d747b;border-radius:50%;flex:none;place-items:center;display:grid}.mod[aria-pressed=true] .chk{background:var(--teal);border-color:var(--teal)}.mod .chk svg{opacity:0;width:12px;height:12px}.mod[aria-pressed=true] .chk svg{opacity:1}.offen{border-color:#2dd4bf59}.offen .h2{margin:2px 0 14px}.tipps{flex-direction:column;gap:8px;display:flex}.tipp{color:var(--fg-soft);border-left:2px solid var(--teal-deep);padding-left:14px;font-size:15px;line-height:1.4}.screen.lernen{padding-bottom:calc(var(--safe-bottom) + 20px);height:100dvh;min-height:0;overflow:hidden}.top{align-items:center;gap:14px;display:flex}.segs{flex:1;gap:5px;display:flex}.segs i{background:#ffffff1a;border-radius:3px;flex:1;height:5px;position:relative;overflow:hidden}.segs b{background:var(--teal);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.cnt{font-family:var(--head);color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;min-width:44px;font-size:14px;font-weight:500}.boxes{align-items:flex-end;gap:10px;margin-top:20px;display:flex}.steps{align-items:flex-end;gap:5px;display:flex}.step{transform-origin:bottom;background:#ffffff14;border-radius:4px 4px 2px 2px;width:20px}.step.past{background:#2dd4bf59}.step.cur{background:var(--teal)}.step.hot{background:var(--amber)}.boxlbl{font-family:var(--head);color:var(--fg-soft);flex-direction:column;justify-content:flex-end;min-width:0;min-height:34px;font-size:14px;font-weight:500;line-height:1.2;display:flex}.boxlbl small{font-family:var(--body);color:var(--muted);font-size:13px;font-weight:400}.boxlbl.up{color:var(--amber-soft)}.boxlbl.up small{color:var(--amber-soft);opacity:.8}.boxlbl.down{color:var(--rose)}.tagm{font-family:var(--head);letter-spacing:.06em;background:var(--surface);border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;flex:none;max-width:38%;margin-left:auto;padding:5px 12px;font-size:13px;font-weight:600;overflow:hidden}.scene{flex:1;min-height:240px;margin-top:18px;position:relative}.licht{pointer-events:none;opacity:0;background:radial-gradient(at 50% 55%,#f59e0b4d,#f59e0b00 68%);position:absolute;inset:-30px -20px}.slide{perspective:1400px;position:absolute;inset:0}.card{transform-style:preserve-3d;cursor:pointer;will-change:transform;border-radius:28px;position:absolute;inset:0}.face{backface-visibility:hidden;background:linear-gradient(#1a2b31,#131f24);border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;padding:28px 24px 22px;display:flex;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff12,0 24px 50px #00000073}.face.back{transform:rotateY(180deg)}.face .eyebrow{font-family:var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:500}.face-text{overscroll-behavior:contain;flex:1;min-height:0;margin:14px -6px 12px 0;padding-right:6px;overflow-y:auto}.face .q{font-family:var(--head);letter-spacing:-.01em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;font-size:24px;font-weight:500;line-height:1.35}.face .q.klein-q{font-size:21px}.face .q.gross{text-align:center;font-size:30px;line-height:1.2}.face .a{color:#eaf2f3;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line;font-size:21px;line-height:1.5}.face .a.gross-a{text-align:center;font-size:26px;line-height:1.35}.card.zentriert .face-text{flex-direction:column;justify-content:center;display:flex}.face .hint{color:var(--muted);flex:none;align-items:center;gap:10px;font-size:15px;display:flex}.optionen{flex-direction:column;gap:8px;margin-top:16px;list-style:none;display:flex}.optionen li{background:#ffffff0d;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-size:17px;line-height:1.3;display:flex}.optionen .buchstabe{font-family:var(--head);width:24px;height:24px;color:var(--fg-soft);background:#ffffff14;border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.optionen .otext{overflow-wrap:anywhere;flex:1}.optionen li.richtig{background:#2dd4bf1a;border-color:#2dd4bf99}.optionen li.richtig .buchstabe{background:var(--teal);color:var(--on-teal)}.optionen .haken{color:var(--teal);display:flex}.luecke{vertical-align:-.15em;border-bottom:3px solid var(--teal);background:#2dd4bf1f;border-radius:6px 6px 0 0;min-width:4.2ch;height:1.1em;margin:0 2px;display:inline-block}.fuell{color:var(--teal);font-weight:600}.acts{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.acts .btn{min-height:58px;font-size:17px}@media (prefers-reduced-motion:reduce){.card{transform:none!important}.face{transition:opacity .2s}.face.back{opacity:0;pointer-events:none;transform:none}.card.is-flipped .face.front{opacity:0}.card.is-flipped .face.back{opacity:1;pointer-events:auto}.slide{transition:opacity .18s}}.done{text-align:center;align-items:center}.done>.eyebrow{font-family:var(--head);letter-spacing:.09em;text-transform:uppercase;color:var(--amber-soft);outline-offset:6px;margin-top:12px;font-size:13px}.ring{flex:none;width:220px;height:220px;margin-top:22px;position:relative}.ring svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.ring .trk{fill:none;stroke:#ffffff14;stroke-width:12px}.ring .arc{fill:none;stroke:var(--teal);stroke-width:12px;stroke-linecap:round}.ring .num{font-family:var(--head);font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;padding-top:62px;display:flex;position:absolute;inset:0}.ring .num b{letter-spacing:-.04em;font-size:76px;font-weight:600;line-height:1}.ring .num span{color:var(--muted);margin-left:2px;font-size:26px}.ring .glow{opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-14px;box-shadow:0 0 60px #2dd4bf47}.done .sub{font-family:var(--head);margin-top:14px;font-size:19px;font-weight:500}.done .sub small{font-family:var(--body);color:var(--muted);margin-top:2px;font-size:15px;font-weight:400;display:block}.tiles{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:24px;display:grid}.tile{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:20px;flex-direction:column;gap:2px;padding:16px;display:flex}.tile.wide{flex-direction:row;grid-column:span 2;align-items:center;gap:14px}.tile .v{font-family:var(--head);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:600;line-height:1.1;display:block}.tile .v.klein-v{letter-spacing:-.01em;font-size:19px}.tile .l{color:var(--muted);font-size:14px;line-height:1.3;display:block}.ups{gap:4px;height:18px;margin-top:8px;display:flex}.ups svg{color:var(--amber-soft)}.tile .ico{background:#f59e0b24;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.aufliste{text-align:left;width:100%;margin-top:12px}.aufliste ul{flex-direction:column;gap:6px;margin-top:6px;list-style:none;display:flex}.aufliste li{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-size:15px;display:flex}.aufliste li .f{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.aufliste li .kb{font-family:var(--head);color:var(--amber-soft);font-size:12px;font-weight:600}.aufliste li.mehr{color:var(--muted);background:0 0;border:0;padding:4px 14px}.cta-zeile.unten{width:100%;margin-top:auto;padding-top:24px}.aufliste summary{cursor:pointer;background:var(--surface);border:1px solid var(--line);min-height:48px;font-family:var(--head);border-radius:16px;justify-content:space-between;align-items:center;padding:0 16px;font-size:15px;font-weight:500;list-style:none;display:flex}.aufliste summary::-webkit-details-marker{display:none}.aufliste summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:8px;height:8px;margin-top:-4px;transition:transform .2s;transform:rotate(45deg)}.aufliste details[open] summary:after{margin-top:4px;transform:rotate(-135deg)}.aufliste ul{margin-top:8px}.karten .kopf .h1{font-size:26px}.filter{margin-top:16px}.suchfeld{background-image:none}.filterzeile{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.auswahl.kompakt{background-position:calc(100% - 20px) 19px,calc(100% - 14px) 19px;flex:130px;width:auto;min-height:44px;padding-left:14px;font-size:15px}.kartenliste{flex-direction:column;gap:8px;margin-top:14px;list-style:none;display:flex}.zeile-karte{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:18px;flex-direction:column;gap:6px;width:100%;padding:14px 16px;transition:transform .1s,background .15s;display:flex}.zeile-karte:active{background:var(--elev);transform:scale(.985)}.zeile-karte .frage{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:16px;line-height:1.35;display:-webkit-box;overflow:hidden}.zeile-karte .meta{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.zeile-karte .kb{color:var(--teal);font-family:var(--head);background:#2dd4bf1f;border-radius:999px;padding:1px 8px;font-size:12px}.zeile-karte .fav{color:var(--amber-soft);display:inline-flex}.karten>.btn{margin-top:14px}.detail-frage{font-family:var(--head);white-space:pre-line;overflow-wrap:anywhere;margin-top:8px;font-size:19px;font-weight:500;line-height:1.35}.detail-antwort{white-space:pre-line;overflow-wrap:anywhere;margin-top:4px;font-size:17px}.btn[aria-pressed=true]{color:var(--amber-soft);border-color:#fbbf2480}.diagramm{gap:4px;height:176px;margin-top:6px;display:flex}.diagramm .sp{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.diagramm .wert{font-family:var(--head);color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;flex-direction:column;justify-content:flex-end;min-height:24px;font-size:10.5px;font-weight:500;line-height:1.15;display:flex}.diagramm .wert i{color:var(--rose);font-style:normal}.diagramm .bahn{flex:1;justify-content:center;align-items:flex-end;gap:2px;width:100%;min-height:0;display:flex}.diagramm .saeule{background:#0f6f67;border-radius:4px 4px 2px 2px;flex:1;max-width:22px;min-height:3px}.diagramm .sp.jetzt .saeule{background:var(--teal)}.diagramm .sp.jetzt .wert{color:var(--fg)}.diagramm .saeule.auf{background:var(--amber)}.diagramm .saeule.ab{background:var(--rose);opacity:.85}.diagramm small{color:var(--muted);font-size:11px}.dateiwahl{background:var(--surface);cursor:pointer;min-height:72px;color:var(--fg-soft);border:1.5px dashed #2dd4bf80;border-radius:18px;align-items:center;gap:14px;padding:14px 16px;transition:background .15s;display:flex}.dateiwahl:active{background:var(--elev)}.dateiwahl svg{color:var(--teal);flex:none}input[type=file]:focus-visible+.dateiwahl{outline:2px solid var(--teal);outline-offset:3px}.dateiname{overflow-wrap:anywhere;font-size:16px}.laufbalken{background:#ffffff1a;border-radius:3px;height:5px;position:relative;overflow:hidden}.laufbalken i{background:var(--teal);border-radius:3px;width:38%;animation:1.4s ease-in-out infinite lauf;position:absolute;top:0;bottom:0}@keyframes lauf{0%{left:-40%}to{left:102%}}@media (prefers-reduced-motion:reduce){.laufbalken i{opacity:.6;width:100%;animation:none;left:0}}.liste-knopf{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:18px;align-items:center;gap:16px;width:100%;min-height:64px;padding:12px 16px;transition:transform .1s,background .15s;display:flex}.liste-knopf:active{background:var(--elev);transform:scale(.985)}.liste-knopf svg{color:var(--teal);flex:none}.liste-knopf .txt{font-family:var(--head);font-size:16px;font-weight:500;line-height:1.3}.liste-knopf .txt small{font-family:var(--body);color:var(--muted);font-size:13px;font-weight:400;display:block}