.input-card-preview{align-content:center;gap:7px;padding:17px;display:grid}.input-card-preview label{color:#62626c;font-size:8px;font-weight:700}.input-card-preview label b{color:#bf5e66;margin-left:4px;font-size:7px}.input-card-preview input{color:#666670;width:100%;font:inherit;background:#fff;border:1px solid #dfb4b8;border-radius:5px;outline:0;padding:7px;font-size:8px}.input-card-preview>span{color:#bd5c64;font-size:7px}.term-card .term-preview.input-card-preview{background:var(--color-white);border-color:var(--color-deco);color:var(--ink);gap:9px;padding:14px;display:grid}.input-card-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.input-card-field{border:1px solid var(--color-deco);background:var(--color-white);border-radius:7px;gap:4px;padding:8px;display:grid}.input-card-field.is-blur{border-style:dashed}.input-card-field small{color:var(--muted);font-size:8px;font-weight:700;line-height:1.25}.input-card-field b{color:var(--ink);font-size:9px;font-weight:800;line-height:1.2}.input-card-field input{border:1px solid var(--color-deco);background:var(--color-faint);width:100%;min-width:0;color:var(--ink);font:inherit;border-radius:5px;padding:4px 6px;font-size:8px}.input-card-field.is-instant input{background:#fdf6e3;border-color:#d3912f}.input-card-chip{background:var(--color-faint);color:var(--muted);border-radius:999px;justify-self:start;padding:2px 6px;font-size:7px;font-weight:700}.input-card-chip.is-error{color:#a83a44;background:#fbecef}.input-card-error{color:#7a2a31;background:#fbecef;border-left:2px solid #a83a44;border-radius:0 4px 4px 0;padding:3px 6px;font-size:7px;line-height:1.35}.input-card-help{color:var(--muted);font-size:7px;line-height:1.35}.term-preview.input-card-preview>.input-card-conclusion{color:var(--muted);margin:0;font-size:9px;line-height:1.45}.term-interactive-demo.input-lab{gap:var(--element-gap);border:1px solid var(--line);background:var(--surface-card)}.term-interactive-demo.input-lab button:hover{border-color:color-mix(in srgb, var(--ink) 25%, var(--line));color:var(--ink)}.term-interactive-demo.input-lab button[aria-pressed=true]{border-color:color-mix(in srgb, var(--ink) 45%, var(--line));background:var(--soft);color:var(--ink)}.term-interactive-demo.input-lab input[type=email]{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.input-lab input[type=email]:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 35%, transparent);outline-offset:1px;border-color:var(--ink)}.term-interactive-demo.input-lab input[type=checkbox]{cursor:pointer}.input-lab-brief{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.input-lab-timings{gap:var(--spacing-8);flex-wrap:wrap;display:flex}.input-lab-timings button{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--color-white);min-height:32px;color:var(--ink);font-size:var(--text-caption);padding:6px 12px;font-weight:700}.input-lab-field{padding:var(--spacing-16);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--color-white);gap:7px;display:grid}.input-lab-field.is-blur,.input-lab-field.is-submit{border-style:dashed}.input-lab-field.is-invalid{border-style:solid;border-color:#a83a44}.input-lab-field.is-valid{border-style:solid;border-color:#2f7a52}.input-lab-field.is-locked{background:var(--color-faint);border-color:var(--color-deco)}.input-lab-field-head{justify-content:space-between;align-items:baseline;gap:var(--spacing-8);flex-wrap:wrap;display:flex}.input-lab-field-name{color:var(--ink);font-size:var(--text-ui);font-weight:800;line-height:1.3}.input-lab-field-name b{color:#a83a44;font-size:var(--text-caption);margin-left:5px;font-weight:800}.input-lab-lock{color:var(--muted);font-size:var(--text-caption);cursor:pointer;align-items:center;gap:5px;font-weight:700;display:inline-flex}.input-lab-field input[type=email]{font-size:var(--text-body)}.input-lab-field.is-locked input[type=email]{background:var(--color-faint);color:var(--muted);cursor:not-allowed}.input-lab-field-foot{justify-content:space-between;align-items:center;gap:var(--spacing-8);flex-wrap:wrap;display:flex}.input-lab-help{color:var(--muted);font-size:var(--text-caption);line-height:var(--leading-body)}.input-lab-chip{background:var(--color-faint);color:var(--muted);font-size:var(--text-caption);white-space:nowrap;border-radius:999px;padding:3px 9px;font-weight:700}.input-lab-chip.is-error{color:#a83a44;background:#fbecef}.input-lab-chip.is-ok{color:#1f5a3a;background:#eaf5ee}.input-lab-chip.is-idle{background:var(--color-faint);color:var(--muted)}.input-lab-error{border-radius:var(--radius-inputs);color:#7a2a31;font-size:var(--text-body);line-height:var(--leading-body);background:#fbecef;border:1px solid #d3912f;border-left:3px solid #a83a44;gap:2px;padding:9px 12px;display:grid}.input-lab-error b{color:#a83a44;font-weight:800}.input-lab-ok{border:1px solid var(--line);border-radius:var(--radius-inputs);color:#1f5a3a;font-size:var(--text-body);line-height:var(--leading-body);background:#f1f7f3;border-left:3px solid #2f7a52;padding:9px 12px}.input-lab-locked{border:1px dashed var(--color-deco);border-left:3px solid var(--muted);border-radius:var(--radius-inputs);background:var(--color-faint);color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);padding:9px 12px}.input-lab-readout{gap:var(--spacing-8);border:1px solid var(--line);border-radius:var(--radius-inputs);background:var(--soft);color:var(--ink);font-size:var(--text-caption);line-height:var(--leading-body);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:0;padding:9px 12px;display:grid}.input-lab-readout span{gap:2px;display:grid}.input-lab-readout b{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:800}.input-lab-hint{border:1px dashed color-mix(in srgb, var(--ink) 30%, var(--line));border-radius:var(--radius-inputs);background:var(--color-white);color:var(--muted);font-size:var(--text-caption);line-height:var(--leading-body);margin:0;padding:9px 12px}.input-lab-actions{gap:var(--spacing-8);flex-wrap:wrap;display:flex}.input-lab-primary{border-radius:var(--radius-buttons)!important;background:var(--color-rausch-600)!important;color:var(--color-white)!important;border:0!important}.input-lab-primary:hover{background:color-mix(in srgb, var(--color-rausch-600) 88%, #000)!important;color:var(--color-white)!important}.input-lab-primary:focus-visible{outline:2px solid var(--color-rausch-600);outline-offset:2px}.input-lab-reset{border:1px solid var(--ink)!important;border-radius:var(--radius-buttons)!important;background:var(--color-white)!important;color:var(--ink)!important}.input-lab-reset:hover{background:var(--color-faint)!important;color:var(--ink)!important}.input-lab-reset:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 40%, transparent);outline-offset:2px}.input-lab-feedback{border:1px solid var(--line);border-left:3px solid color-mix(in srgb, var(--ink) 35%, var(--line));border-radius:var(--radius-inputs);background:var(--soft);min-height:44px;color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0;padding:10px 12px}.input-attention-list{margin-bottom:0}.input-attention-list li{gap:4px;display:grid}.input-attention-list strong{color:var(--ink);font-size:var(--text-body);font-weight:var(--font-weight-semibold)}.input-attention-list span{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body)}.input-when-grid{gap:var(--element-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.input-when-grid article{align-content:start;gap:var(--spacing-8);min-width:0;padding:var(--spacing-16);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--surface-card);display:grid}.input-when-grid article small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.input-when-grid article strong{color:var(--ink);font-size:var(--text-ui);font-weight:800;line-height:1.35}.input-when-grid article p{color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.input-how-steps{gap:var(--spacing-8);color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0;padding-left:18px;display:grid}.input-how-steps li{padding-left:4px}.input-how-steps li::marker{color:var(--ink);font-weight:800}.input-examples{gap:10px;display:grid}.input-examples article{padding:var(--spacing-16);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--surface-card);gap:8px;display:grid}.input-examples article.is-good{border-left:3px solid #2f7a52}.input-examples article.is-bad{border-left:3px solid #a83a44}.input-examples article small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.input-examples article b{color:var(--ink);font-size:var(--text-ui);font-weight:800;line-height:1.35}.input-examples article p{color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.input-example-cta{border-radius:var(--radius-buttons);background:var(--ink);color:var(--color-white);font-size:var(--text-caption);border:0;justify-self:start;align-items:center;padding:6px 14px;font-weight:800;display:inline-flex}.input-example-flag{border-radius:var(--radius-buttons);background:var(--color-white);color:#a83a44;font-size:var(--text-caption);border:1px solid #a83a44;justify-self:start;align-items:center;padding:6px 14px;font-weight:800;display:inline-flex}@media (max-width:540px){.input-card-compare{grid-template-columns:1fr}.input-lab-timings{flex-direction:column;align-items:stretch}.input-lab-readout,.input-when-grid{grid-template-columns:1fr}}.term-interactive-demo.input-lab[data-b1-rebuild=input]{color:#effff8;background:#153d42;border:2px solid #2f6870;box-shadow:8px 8px #86b9b4}.term-interactive-demo.input-lab[data-b1-rebuild=input] .input-lab-brief,.term-interactive-demo.input-lab[data-b1-rebuild=input] .input-lab-hint,.term-interactive-demo.input-lab[data-b1-rebuild=input] .input-lab-feedback{color:#d9f3e9}.term-interactive-demo.input-lab[data-b1-rebuild=input] .input-lab-field{color:#183b3e;background:#fffdf5;border-color:#80aba4}.term-interactive-demo.input-lab[data-b1-rebuild=input] button{color:#1d4c4e;background:#ecf7f0;border-color:#80aaa5}.term-interactive-demo.input-lab[data-b1-rebuild=input] button[aria-pressed=true],.term-interactive-demo.input-lab[data-b1-rebuild=input] .input-lab-primary{color:#273021!important;background:#e1bb59!important;border-color:#e1bb59!important}.term-interactive-demo.input-lab[data-b1-rebuild=input] button:focus-visible{outline-offset:3px;outline:3px solid #ffe390}@media (max-width:520px){.term-interactive-demo.input-lab[data-b1-rebuild=input]{padding:12px;box-shadow:4px 4px #9ab8b6}}