:root{--color-primary: #006f6a;--color-primary-light: #008c86;--color-accent: #d1b28a;--color-background: #f7f5f0;--color-card: #ffffff;--color-text: #1a1a1a;--color-text-muted: #6b7280;--color-border: #e5e0d8;--color-green: #4caf7d;--color-yellow: #f5a623;--color-red: #e05c5c;--color-kernwert: #006f6a;--color-antrieb: #c4702b;--color-sehnsucht: #3d7ea6;--font-headline: "Playfair Display", Georgia, serif;--font-body: "Lora", Georgia, serif;--font-ui: "Montserrat", system-ui, sans-serif;--radius-card: 16px;--radius-btn: 12px;--shadow-card: 0 2px 12px rgba(0, 0, 0, .07)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background-color:var(--color-background);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}#root{height:100%;display:flex;flex-direction:column;max-width:480px;margin:0 auto;position:relative;overflow:hidden}h1,h2,h3{font-family:var(--font-headline);line-height:1.25}h1{font-size:1.75rem;font-weight:700}h2{font-size:1.35rem;font-weight:600}h3{font-size:1.1rem;font-weight:600}p{font-family:var(--font-body);line-height:1.65}button{font-family:var(--font-ui);cursor:pointer;border:none;background:none;outline:none}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.page-content{flex:1;overflow-y:auto;padding:24px 20px 40px;-webkit-overflow-scrolling:touch}.card{background:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:20px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--color-primary);color:#fff;font-family:var(--font-ui);font-size:.95rem;font-weight:600;padding:14px 28px;border-radius:var(--radius-btn);width:100%;transition:background .2s}.btn-primary:active{background:var(--color-primary-light)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--color-primary);font-family:var(--font-ui);font-size:.9rem;font-weight:500;padding:12px 20px;border-radius:var(--radius-btn);border:1.5px solid var(--color-primary);width:100%;transition:background .15s}.btn-secondary:active{background:#006f6a0f}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--color-border);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--color-primary);cursor:pointer;box-shadow:0 2px 6px #006f6a4d;transition:box-shadow .15s}input[type=range]::-webkit-slider-thumb:active{box-shadow:0 2px 12px #006f6a80}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none;box-shadow:0 2px 6px #006f6a4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}