#mk-app{--mk-gold:#c5993e;--mk-gold-light:#e8c872;--mk-gold-bg:#fbf5e8;--mk-lila:#6b2d8b;--mk-lila-light:#9b5fbb;--mk-lila-soft:#f3ebf8;--mk-bg:#fafaf8;--mk-bg-card:#fff;--mk-text:#1a1a1a;--mk-text-muted:#6b6b6b;--mk-text-light:#999;--mk-border:#e8e5e0;--mk-border-focus:#c5993e;--mk-error:#c0392b;--mk-success:#27ae60;--mk-shadow:0 2px 20px #0000000f;--mk-shadow-lg:0 8px 40px #00000014;font-family:var(--font);color:var(--mk-text);box-sizing:border-box;flex-direction:column;align-items:center;padding:20px 0;display:flex}#mk-app *,#mk-app :before,#mk-app :after{box-sizing:border-box;margin:0;padding:0}#mk-app .mk-container{width:100%;max-width:440px}#mk-app .mk-header{text-align:center;margin-bottom:32px}#mk-app .mk-header .mk-symbol{background:linear-gradient(135deg, var(--mk-lila), var(--mk-lila-light));border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:inline-flex;box-shadow:0 4px 16px #6b2d8b40}#mk-app .mk-header .mk-symbol svg{fill:#fff;width:28px;height:28px}#mk-app .mk-header h2{font-family:var(--display);color:var(--mk-text);letter-spacing:-.02em;margin:0;padding:0;font-size:28px;font-weight:600;line-height:1.2}#mk-app .mk-header p{color:var(--mk-text-muted);margin-top:6px;font-size:14px;font-weight:400}#mk-app .mk-card{background:var(--mk-bg-card);box-shadow:var(--mk-shadow);border:1px solid var(--mk-border);border-radius:16px;padding:32px 28px}#mk-app .mk-field{margin-bottom:20px}#mk-app .mk-field label{color:var(--mk-text);letter-spacing:.02em;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:600;display:block}#mk-app .mk-input{width:100%;font-family:var(--font);color:var(--mk-text);background:var(--mk-bg);border:2px solid var(--mk-border);-webkit-appearance:none;appearance:none;border-radius:10px;outline:none;padding:14px 16px;font-size:16px;font-weight:500;transition:border-color .2s,box-shadow .2s}#mk-app .mk-input::placeholder{color:var(--mk-text-light);font-weight:400}#mk-app .mk-input:focus{border-color:var(--mk-border-focus);background:#fff;box-shadow:0 0 0 3px #c5993e1f}#mk-app .mk-input.error{border-color:var(--mk-error);box-shadow:0 0 0 3px #c0392b14}#mk-app .mk-dd-wrapper{position:relative}#mk-app .mk-dd-trigger{width:100%;font-family:var(--font);color:var(--mk-text);background:var(--mk-bg);border:2px solid var(--mk-border);cursor:pointer;text-align:left;border-radius:10px;outline:none;justify-content:space-between;align-items:center;padding:14px 16px;font-size:16px;font-weight:500;transition:border-color .2s,box-shadow .2s;display:flex}#mk-app .mk-dd-trigger.placeholder span{color:var(--mk-text-light);font-weight:400}#mk-app .mk-dd-trigger:focus,#mk-app .mk-dd-trigger.open{border-color:var(--mk-border-focus);background:#fff;box-shadow:0 0 0 3px #c5993e1f}#mk-app .mk-dd-trigger.error{border-color:var(--mk-error);box-shadow:0 0 0 3px #c0392b14}#mk-app .mk-dd-trigger svg{flex-shrink:0;transition:transform .2s}#mk-app .mk-dd-trigger.open svg{transform:rotate(180deg)}#mk-app .mk-dd-list{border:2px solid var(--mk-border);box-shadow:var(--mk-shadow-lg);z-index:100;background:#fff;border-radius:10px;max-height:220px;padding:4px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}#mk-app .mk-dd-list.open{display:block}#mk-app .mk-dd-item{color:var(--mk-text);cursor:pointer;border-radius:8px;padding:10px 14px;font-size:15px;transition:background .15s}#mk-app .mk-dd-item:hover{background:var(--mk-gold-bg)}#mk-app .mk-dd-item.selected{background:var(--mk-lila-soft);color:var(--mk-lila);font-weight:600}#mk-app .mk-error{color:var(--mk-error);margin-top:6px;font-size:12px;font-weight:500;display:none}#mk-app .mk-buttons{gap:10px;margin-top:28px;display:flex}#mk-app .mk-btn-berechnen{font-family:var(--font);color:#fff;background:linear-gradient(135deg, var(--mk-lila), var(--mk-lila-light));cursor:pointer;letter-spacing:.03em;border:none;border-radius:10px;flex:1;padding:16px 24px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 4px 16px #6b2d8b4d}#mk-app .mk-btn-berechnen:hover{transform:translateY(-1px);box-shadow:0 6px 24px #6b2d8b59}#mk-app .mk-btn-berechnen:active{transform:translateY(0)}#mk-app .mk-btn-reset{font-family:var(--font);color:var(--mk-text-muted);background:var(--mk-bg);border:2px solid var(--mk-border);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:16px 20px;font-size:14px;font-weight:600;transition:border-color .2s,color .2s,background .2s;display:flex}#mk-app .mk-btn-reset:hover{border-color:var(--mk-text-muted);color:var(--mk-text);background:#fff}#mk-app .mk-result{background:linear-gradient(135deg, var(--mk-gold-bg), #fff8ed);border:2px solid var(--mk-gold);text-align:center;opacity:0;border-radius:12px;margin-top:28px;padding:24px;transition:opacity .4s,transform .4s;display:none;transform:translateY(8px)}#mk-app .mk-result.visible{opacity:1;display:block;transform:translateY(0)}#mk-app .mk-result-label{color:var(--mk-gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:12px;font-weight:600}#mk-app .mk-result-zahl{font-family:var(--display);color:var(--mk-lila);letter-spacing:.04em;font-size:40px;font-weight:700;line-height:1.1}#mk-app .mk-result-subtitle{color:var(--mk-text-muted);margin-top:8px;font-size:13px}#mk-app .mk-copy-btn{font-family:var(--font);color:var(--mk-lila);border:2px solid var(--mk-lila);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;margin-top:14px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}#mk-app .mk-copy-btn:hover{background:var(--mk-lila);color:#fff}#mk-app .mk-copy-btn.copied{background:var(--mk-success);border-color:var(--mk-success);color:#fff}#mk-app .mk-footer{text-align:center;color:var(--mk-text-light);margin-top:24px;font-size:12px}#mk-app .mk-footer a{color:var(--mk-lila);font-weight:500;text-decoration:none}@media (width<=480px){#mk-app .mk-card{padding:24px 20px}#mk-app .mk-header h2{font-size:24px}#mk-app .mk-result-zahl{font-size:32px}}