:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--grund:#fbfaf8;--karte:#fff;--rand:#e2ded7;--schrift:#23201c;--leise:#6d675e;--akzent:#8a6a2f}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--grund:#16150f;--karte:#211f19;--rand:#3a3730;--schrift:#ece8e0;--leise:#a29b90;--akzent:#d2ad63}}*{box-sizing:border-box}body{background:var(--grund);color:var(--schrift);max-width:720px;margin:0 auto;padding:16px;font:16px/1.5 system-ui,sans-serif}header{align-items:baseline;gap:12px;margin-bottom:20px;display:flex}h1{margin:0;font-size:19px;font-weight:600}h2{margin:20px 0 8px;font-size:16px}header .leise{margin-left:auto}.zustand{color:var(--leise);border:1px solid var(--rand);background:0 0;border-radius:999px;padding:2px 8px;font-size:13px}.leise,.hinweis,.varianten{color:var(--leise);font-size:14px}button{font:inherit;color:inherit;background:var(--karte);border:1px solid var(--rand);cursor:pointer;border-radius:10px;padding:10px 14px}button:hover:not(:disabled){border-color:var(--leise)}button:disabled{opacity:.45;cursor:default}.paar{gap:12px;margin:12px 0;display:flex}.paar button{flex:1;align-items:center;gap:14px;padding:24px 16px;display:flex}.block{flex:1}.block.links{text-align:left}.block.rechts{text-align:right}.paar .name{font-size:26px;font-weight:600;display:block}.paar .varianten{margin-top:6px;display:block}.runde{text-align:center;color:var(--leise);margin:0 0 8px;font-size:14px}.quer{flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.pfeil{color:var(--leise);font-size:20px;line-height:1.1}button.gewaehlt{border-color:var(--akzent);box-shadow:0 0 0 2px var(--akzent)}button.gewaehlt .pfeil{color:var(--akzent)}button.vorher{border-style:dashed;border-color:var(--leise)}.block.links{transform-origin:0}.block.rechts{transform-origin:100%}.block.hoch,.block.runter{transition:transform .18s,opacity .18s}.block.hoch{transform:scale(1.22)}.block.runter{opacity:.55;transform:scale(.78)}@media (prefers-reduced-motion:reduce){.block.hoch,.block.runter{transition:none}}.nebeneinander{gap:12px;display:flex}.nebeneinander button{flex:1}.fuss{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.fuss button{padding:7px 11px;font-size:14px}label.datei{color:var(--leise);cursor:pointer;font-size:14px}label.datei input{display:none}ol{padding-left:24px}li{margin-bottom:4px}li .name{font-weight:600}li .wert{color:var(--leise)}@media (width<=480px){.paar{flex-direction:column}.paar button{padding:20px 16px}}.partner{border-top:1px solid var(--rand);margin-top:28px;padding-top:12px}.partner input{width:100%;font:inherit;color:inherit;background:var(--karte);border:1px solid var(--rand);border-radius:8px;margin-top:4px;padding:8px 10px;font-size:14px}