:root{--farbe-hintergrund: #0f1a0f;--farbe-karte: #1a2b1a;--farbe-akzent: #c8e86d;--farbe-akzent-dunkel: #9ab84a;--farbe-text: #f0f4e8;--farbe-text-gedimmt: #8a9e7a;--farbe-rand: #2a3d2a;--farbe-hervorhebung: #c8e86d}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--farbe-hintergrund)}body{background:linear-gradient(160deg,var(--farbe-hintergrund) 0%,var(--farbe-karte) 50%,var(--farbe-hintergrund) 100%);min-height:100dvh;color:var(--farbe-text);font-family:DM Sans,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{min-height:100dvh;max-width:430px;margin:0 auto;display:flex;flex-direction:column}h1,h2,h3{font-family:Playfair Display,Georgia,serif;font-weight:900}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.card{background:var(--farbe-karte);border:1px solid color-mix(in srgb,var(--farbe-hervorhebung) 18%,transparent);border-radius:12px;padding:16px;box-shadow:0 4px 18px #00000059}.btn-primary{background:var(--farbe-akzent);color:var(--farbe-hintergrund);border:none;border-radius:8px;padding:12px 24px;font-family:DM Sans,sans-serif;font-weight:500;font-size:14px;cursor:pointer;width:100%;transition:opacity .15s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--farbe-akzent);border:1px solid var(--farbe-akzent);border-radius:8px;padding:12px 24px;font-family:DM Sans,sans-serif;font-weight:500;font-size:14px;cursor:pointer;width:100%;transition:opacity .15s}.btn-ghost{background:var(--farbe-karte);color:var(--farbe-text);border:1px solid var(--farbe-rand);border-radius:8px;padding:12px 24px;font-family:DM Sans,sans-serif;font-weight:500;font-size:14px;cursor:pointer;width:100%}.form-label{font-family:DM Sans,sans-serif;font-weight:500;font-size:11px;color:var(--farbe-text-gedimmt);text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:6px}.form-input{background:var(--farbe-hintergrund);border:1px solid var(--farbe-rand);border-radius:8px;padding:10px 12px;font-family:DM Sans,sans-serif;font-weight:300;font-size:16px;color:var(--farbe-text);width:100%}.form-input:focus{outline:none;border-color:var(--farbe-akzent)}.gps-indicator{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.gps-indicator.success{background:color-mix(in srgb,var(--farbe-hervorhebung) 15%,transparent);border:1px solid var(--farbe-hervorhebung)}.gps-indicator.error{background:#e24b4a26;border:1px solid #e24b4a;cursor:pointer}@keyframes pointsPopIn{0%{transform:scale(.4);opacity:0}55%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}.points-badge{display:inline-block;color:var(--farbe-hervorhebung);font-size:15px;font-weight:700}.points-badge.pop{animation:pointsPopIn .6s cubic-bezier(.34,1.56,.64,1) both}.hint-box{background:color-mix(in srgb,var(--farbe-hervorhebung) 10%,transparent);border:1px solid color-mix(in srgb,var(--farbe-hervorhebung) 30%,transparent);border-radius:12px;padding:14px}.nav-link{background:var(--farbe-akzent);color:var(--farbe-hintergrund);border-radius:8px;padding:10px 14px;display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:13px;text-decoration:none}