:root{
  color-scheme: light dark;
  --fsm-font: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
  --fsm-font-size: 17.5px;
  --fsm-line: 1.6;
  --fsm-bg: #ffffff; --fsm-surface: #fbfbfb; --fsm-border: #d6dae1; --fsm-text: #000000; --fsm-accent: #2563eb;
  --fsm-bg-dark: #0e141b; --fsm-surface-dark: #121a23; --fsm-border-dark: #2c3a4a; --fsm-text-dark: #e6edf5; --fsm-accent-dark: #3b82f6;
  --fsm-radius: 14px; --fsm-shadow: 0 1px 2px rgba(0,0,0,.05), 0 8px 24px rgba(0,0,0,.06);
}
.fsm-wrap{font-family:var(--fsm-font);font-size:var(--fsm-font-size);line-height:var(--fsm-line);max-width:940px;margin:28px auto;padding:0 18px;color:var(--fsm-text);}
.fsm-card{background:var(--fsm-surface);border:1px solid var(--fsm-border);border-radius:var(--fsm-radius);padding:20px;box-shadow:var(--fsm-shadow);margin-bottom:20px;}
.fsm-title{margin:0 0 10px;font-size:1.6rem;line-height:1.3;}
.fsm-disclaimer{color:#222;margin:0 0 14px;white-space:normal;overflow:visible;display:block;}
.fsm-disclaimer-inline{margin-top:8px;padding:10px 12px;border:1px dashed var(--fsm-border);border-radius:10px;background:color-mix(in srgb, var(--fsm-accent) 4%, transparent);}
@media (prefers-color-scheme: dark){
  .fsm-wrap{color:var(--fsm-text-dark);}
  .fsm-card{background:var(--fsm-surface-dark);border-color:var(--fsm-border-dark);}
  .fsm-title{color:var(--fsm-text-dark);}
  .fsm-disclaimer{color:#cbd5e1;}
  .fsm-disclaimer-inline{border-color:var(--fsm-border-dark);background:color-mix(in srgb, var(--fsm-accent-dark) 6%, transparent);}
}
.fsm-form{display:grid;gap:16px;}
.fsm-fieldset{border:1px solid var(--fsm-border);border-radius:12px;padding:12px 14px;}
.fsm-legend{font-weight:700;padding:0 6px;}
.fsm-radio{display:inline-flex;align-items:center;gap:8px;margin-right:18px;cursor:pointer;}
.fsm-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media (max-width:760px){.fsm-grid{grid-template-columns:1fr;}}
.fsm-field label{display:block;font-weight:700;margin-bottom:6px;}
.fsm-input,.fsm-textarea{width:100%;border:1px solid var(--fsm-border);background:#fff;border-radius:10px;padding:12px 14px;font-size:1.08rem;line-height:1.55;color:#000 !important;}
.fsm-textarea{resize:vertical;min-height:200px;font-size:1.12rem;}
/* Platzhalter & Eingabetext deutlich sichtbar */
.fsm-input::placeholder,.fsm-textarea::placeholder{color:#111 !important;opacity:1;}
@media (prefers-color-scheme: dark){
  .fsm-input,.fsm-textarea{background:#0f1520;border-color:var(--fsm-border-dark);color:var(--fsm-text-dark) !important;}
  .fsm-input::placeholder,.fsm-textarea::placeholder{color:#cbd5e1 !important;opacity:1;}
}
.fsm-input:focus,.fsm-textarea:focus{outline:none;border-color:var(--fsm-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--fsm-accent) 25%, transparent);}
@media (prefers-color-scheme: dark){
  .fsm-input:focus,.fsm-textarea:focus{border-color:var(--fsm-accent-dark);box-shadow:0 0 0 3px color-mix(in srgb, var(--fsm-accent-dark) 30%, transparent);}
}
.fsm-checkbox{display:flex;align-items:flex-start;gap:10px;margin-top:6px;}
.fsm-checkbox input{margin-top:3px;}
.fsm-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.fsm-btn{appearance:none;border:1px solid var(--fsm-border);background:var(--fsm-accent);color:#fff;padding:11px 16px;border-radius:10px;font-weight:700;cursor:pointer;transition:transform .02s ease,box-shadow .2s ease,opacity .2s;box-shadow:0 1px 2px rgba(0,0,0,.05);}
.fsm-btn:hover{transform:translateY(-1px);}
.fsm-btn:active{transform:translateY(0);}
.fsm-btn[disabled]{opacity:.6;cursor:not-allowed;}
.fsm-btn-secondary{background:transparent;color:inherit;}
.fsm-btn-secondary:hover{background:rgba(0,0,0,.03);}
@media (prefers-color-scheme: dark){
  .fsm-btn{background:var(--fsm-accent-dark);}
  .fsm-btn-secondary:hover{background:rgba(255,255,255,.05);}
}
.fsm-spinner{width:18px;height:18px;border-radius:999px;border:2px solid transparent;border-top-color:currentColor;display:inline-block;}
@keyframes fsm-spin{from{transform:rotate(0);}to{transform:rotate(360deg);}}
.fsm-spinner[aria-hidden="true"]{display:none;}
.fsm-btn .fsm-spinner{animation:fsm-spin 800ms linear infinite;}
.fsm-result{min-height:40px;overflow-x:auto;}
.fsm-result p{margin:0 0 10px;}
.fsm-output table{width:100%;border-collapse:collapse;margin:10px 0 6px;font-variant-numeric:tabular-nums;}
.fsm-output thead th{text-align:left;border-bottom:2px solid var(--fsm-border);padding:10px;}
.fsm-output tbody td{border-bottom:1px solid var(--fsm-border);padding:8px 10px;vertical-align:top;}
.fsm-output tr:hover{background:rgba(0,0,0,.02);}
@media (prefers-color-scheme: dark){
  .fsm-output thead th{border-color:var(--fsm-border-dark);}
  .fsm-output tbody td{border-color:var(--fsm-border-dark);}
  .fsm-output tr:hover{background:rgba(255,255,255,.03);}
}