.easing-card-preview{gap:6px;padding:12px 13px;display:grid}.easing-card-preview .easing-card-title{color:var(--muted);letter-spacing:.01em;margin:0;font-weight:700;font-size:10px!important}.easing-card-preview .easing-curve-compare{gap:5px;margin:0;padding:0;list-style:none;display:grid}.easing-card-preview .easing-curve-compare li{grid-template-columns:64px 1fr auto;align-items:center;gap:8px;display:grid}.easing-card-preview .easing-curve-compare b{color:var(--ink);font-weight:800;font-size:10px!important}.easing-card-preview .easing-curve-svg{width:100%;height:18px;display:block}.easing-card-preview .easing-curve-svg path{fill:none;stroke:var(--ink);stroke-width:2.4px;stroke-linecap:round}.easing-card-preview .easing-curve-compare li:first-child .easing-curve-svg path{stroke:var(--color-rausch)}.easing-card-preview .easing-curve-compare span{color:var(--muted);font-weight:700;font-size:9px!important}.easing-card-preview .easing-card-verdict{border-left:3px solid var(--color-rausch);color:#4a4a52;background:#fff;border-radius:0 6px 6px 0;margin:2px 0 0;padding:7px 8px;line-height:1.5;font-size:10px!important}.easing-card-preview .easing-card-verdict strong{color:var(--ink);font-weight:800}.term-interactive-demo.easing-interaction-demo{border-color:var(--line);background:var(--surface-card)}.term-interactive-demo.easing-interaction-demo button:hover{border-color:var(--ink);color:var(--ink)}.term-interactive-demo.easing-interaction-demo button[aria-pressed=true],.term-interactive-demo.easing-interaction-demo button[aria-pressed=true]:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.easing-demo-task{background:var(--soft);color:#4d4d56;border-radius:8px;margin:0;padding:9px 11px;font-size:13px;line-height:1.55}.easing-demo-task strong{color:var(--ink)}.easing-demo-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.easing-demo-durations{flex-wrap:wrap;gap:6px;display:flex}.easing-demo-durations,.easing-demo-play{margin:0}.easing-demo-reduced{color:var(--ink);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.term-interactive-demo.easing-interaction-demo .easing-demo-reduced input[type=checkbox]{width:auto;min-height:0;accent-color:var(--color-rausch-600);margin:0}.easing-demo-play{border-color:var(--color-rausch-600);background:var(--color-rausch-600);color:#fff}.easing-demo-play:hover{color:#fff;background:#b8082e;border-color:#b8082e}.easing-demo-play:focus-visible{outline:2px solid var(--color-rausch);outline-offset:2px}.easing-lanes{gap:9px;margin:0;padding:0;list-style:none;display:grid}.easing-lane{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px;display:grid}.easing-lane-meta{gap:2px;display:grid}.easing-lane-meta b{color:var(--ink);font-size:13px;font-weight:800;font-family:var(--font-geist-mono), ui-monospace, monospace}.easing-lane-meta i{color:var(--muted);font-size:11px;font-style:normal;font-weight:600;line-height:1.3}.easing-lane.is-recommended .easing-lane-meta b{color:var(--color-rausch-600)}.easing-track{--easing-toast-w:128px;border:1px solid var(--line);background:repeating-linear-gradient(90deg,#f1f1f1 0 6px,#0000 6px 12px);border-radius:8px;height:46px;position:relative;overflow:hidden}.easing-track-rail{right:var(--easing-toast-w);border-right:2px dashed color-mix(in srgb, var(--ink) 35%, transparent);width:0;position:absolute;top:8px;bottom:8px}.easing-toast{width:var(--easing-toast-w);border:1px solid var(--line);will-change:left;background:#fff;border-radius:7px;grid-template-columns:4px 1fr;align-items:center;gap:8px;height:36px;padding:0 9px 0 0;display:grid;position:absolute;top:5px;left:0;box-shadow:0 1px 2px #0000000f}.easing-toast-stripe{background:var(--ink);border-radius:7px 0 0 7px;width:4px;height:100%}.easing-toast.is-recommended{border-color:var(--color-rausch)}.easing-toast.is-recommended .easing-toast-stripe{background:var(--color-rausch)}.easing-toast-flag{background:var(--color-rausch-600);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;line-height:1;display:grid;position:absolute;top:-7px;right:-7px;box-shadow:0 0 0 2px #fff}.easing-toast-body{gap:2px;min-width:0;display:grid}.easing-toast-title{color:var(--ink);font-size:11px;font-weight:800;line-height:1.2}.easing-toast-verdict{color:var(--color-rausch-600);font-size:11px;font-weight:800;line-height:1.2}.easing-toast-skeleton{background:#e6e6eb;border-radius:99px;width:70%;height:6px}.easing-demo-status{border:1px solid var(--line);color:#4d4d56;background:#fff;border-radius:8px;margin:0;padding:9px 11px;font-size:13px;line-height:1.55}.easing-demo-hint{color:var(--muted);margin:0;font-size:12.5px;line-height:1.6}.easing-demo-hint strong{color:var(--ink)}.easing-points,.easing-howto{margin:0;padding-left:18px}.easing-points li,.easing-howto li{color:#4f4f57;margin:6px 0;font-size:14px;line-height:1.6}.easing-points li b,.easing-howto li b{color:var(--ink);font-weight:800}.easing-howto code,.easing-points code{background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:5px;padding:1px 5px;font-size:12.5px}.easing-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.easing-example{border:1px solid var(--line);background:#fff;border-radius:9px;gap:6px;padding:13px 14px;display:grid}.easing-example header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.easing-example header span{letter-spacing:.02em;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:800}.easing-example header b{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:13px}.easing-example p{color:#565660;margin:0;font-size:13px;line-height:1.6}.easing-example.is-good{background:#f6fcf8;border-left:4px solid #3f805d}.easing-example.is-good header span{color:#2f634c;background:#e3f4ea}.easing-example.is-bad{border-left:4px solid var(--color-rausch);background:color-mix(in srgb, var(--color-rausch) 5%, #fff)}.easing-example.is-bad header span{background:color-mix(in srgb, var(--color-rausch) 12%, #fff);color:#a8082e}@media (max-width:540px){.easing-lane{grid-template-columns:84px minmax(0,1fr);gap:8px}.easing-track{--easing-toast-w:108px}.easing-examples{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.easing-toast{transition:none!important}}
.spring-card-preview{text-align:left;justify-items:stretch;gap:6px;padding:11px 12px}.spring-card-preview .spring-card-eyebrow{color:var(--muted);font-weight:800;font-size:10px!important}.spring-card-preview .spring-card-stage{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:4px;padding:8px 10px 10px;display:grid}.spring-card-preview .spring-card-start{color:var(--muted);font-weight:700;font-size:9px!important}.spring-card-preview .spring-card-dialog{border:1px solid var(--ink);background:var(--color-faint);box-shadow:0 3px 0 color-mix(in srgb, var(--ink) 22%, transparent);border-radius:6px;gap:4px;padding:6px 8px;display:grid}.spring-card-preview .spring-card-dialog b{color:var(--ink);font-size:10px!important}.spring-card-preview .spring-card-dialog i{background:color-mix(in srgb, var(--ink) 16%, transparent);border-radius:99px;height:5px}.spring-card-preview .spring-card-target{color:var(--muted);border-top:1px dashed var(--color-deco);padding-top:4px;font-weight:700;font-size:9px!important}.spring-card-preview .spring-card-rows{gap:4px;display:grid}.spring-card-preview .spring-card-row{border:1px solid var(--color-deco);background:var(--color-white);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;display:flex}.spring-card-preview .spring-card-row span{color:var(--muted);font-weight:700;font-size:10px!important}.spring-card-preview .spring-card-row b{font-weight:800;font-size:10px!important}.spring-card-preview .spring-card-row.is-ok{border-color:var(--ink);background:var(--color-faint)}.spring-card-preview .spring-card-row.is-ok span,.spring-card-preview .spring-card-row.is-ok b{color:var(--ink)}.spring-card-preview .spring-card-row.is-bad b{color:#a34d55}.spring-card-preview .spring-card-row.is-cut{border-style:dashed}.spring-card-preview .spring-card-row.is-cut b{color:var(--ink)}.spring-card-preview .spring-card-note{color:var(--muted);margin:0;font-size:10px!important}.term-interactive-demo.spring-demo{border-color:var(--line);background:var(--color-white)}.term-interactive-demo.spring-demo button:hover:not(:disabled){border-color:var(--ink);background:var(--color-faint);color:var(--ink)}.term-interactive-demo.spring-demo button:disabled{cursor:not-allowed;opacity:.5}.term-interactive-demo.spring-demo .spring-demo-primary{border-color:var(--ink);background:var(--ink);color:var(--color-white)}.term-interactive-demo.spring-demo .spring-demo-primary:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 85%, #000);border-color:var(--ink);color:var(--color-white)}.term-interactive-demo.spring-demo .spring-demo-primary:disabled{background:var(--soft);border-color:var(--line);color:var(--muted)}.term-interactive-demo.spring-demo input[type=range]{accent-color:var(--ink);padding:0}.term-interactive-demo.spring-demo input[type=checkbox]{accent-color:var(--ink)}.spring-demo-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.spring-demo-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.spring-demo-presets button{border:1px solid var(--color-deco);background:var(--color-white);min-height:48px;color:var(--ink);font:inherit;text-align:left;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:750;line-height:1.35}.spring-demo-presets button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--color-faint);color:var(--ink)}.spring-demo-presets button:focus-visible,.spring-demo-actions button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.spring-demo-stage{border:1px solid var(--line);background:var(--color-faint);border-radius:9px;align-content:start;gap:10px;min-height:232px;padding:12px 14px 30px;display:grid;position:relative;overflow:hidden}.spring-stage-bg{gap:5px;display:grid}.spring-stage-bg-label{color:var(--muted);letter-spacing:.02em;font-size:10px;font-weight:800}.spring-stage-bg-lines{gap:5px;display:grid}.spring-stage-bg-lines i{background:color-mix(in srgb, var(--ink) 10%, transparent);border-radius:99px;height:7px;display:block}.spring-stage-bg-lines i:nth-child(2){width:82%}.spring-stage-bg-lines i:nth-child(3){width:64%}.spring-panel{border:1px solid var(--ink);background:var(--color-white);box-shadow:0 6px 0 color-mix(in srgb, var(--ink) 16%, transparent);will-change:transform;border-radius:9px;gap:8px;padding:12px 14px;display:grid}.spring-panel header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.spring-panel h3{color:var(--ink);margin:0;font-size:14px;font-weight:800}.spring-panel>p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.spring-panel-verdict{border:1px solid var(--color-deco);background:var(--color-white);text-align:left;border-radius:999px;gap:1px;padding:4px 8px;transition:background-color .14s,border-color .14s,color .14s;display:inline-grid}.spring-panel-verdict-text{color:var(--ink);font-size:11px;font-weight:800}.spring-panel-verdict-detail{color:var(--muted);font-size:10px;font-weight:700}.spring-panel-verdict.is-idle{border-style:dashed}.spring-panel-verdict.is-idle .spring-panel-verdict-text{color:var(--muted)}.spring-panel-verdict.is-running{background:#fff6e0;border-color:#caa64a}.spring-panel-verdict.is-running .spring-panel-verdict-text{color:#7a5a14}.spring-panel-verdict.is-running .spring-panel-verdict-detail{color:#8a6b22}.spring-panel-verdict.is-ok{border-color:var(--ink);background:var(--color-faint)}.spring-panel-verdict.is-ok .spring-panel-verdict-text{color:var(--ink)}.spring-panel-verdict.is-bad{background:#fde8ea;border-color:#a34d55}.spring-panel-verdict.is-bad .spring-panel-verdict-text{color:#8a3a44}.spring-panel-verdict.is-bad .spring-panel-verdict-detail{color:#9a4a52}.spring-panel-verdict.is-cut{border-style:dashed;border-color:var(--ink)}.spring-panel-verdict.is-cut .spring-panel-verdict-text{color:var(--ink)}.spring-panel-verdict.is-interrupted{border-color:var(--ink);background:var(--color-faint)}.spring-panel-verdict.is-interrupted .spring-panel-verdict-text{color:var(--ink)}.spring-panel-overshoot{border:1px dashed var(--color-deco);background:var(--color-faint);border-radius:7px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;padding:6px 10px;display:flex}.spring-panel-overshoot>span{color:var(--muted);font-size:11px;font-weight:700}.spring-panel-overshoot b{color:var(--ink);font-size:14px;font-weight:800}.spring-panel-overshoot-limit{color:var(--muted);font-size:10px!important}.spring-panel-actions{justify-content:flex-end;gap:7px;display:flex}.spring-panel-btn-ghost{border:1px solid var(--color-deco);background:var(--color-white);color:var(--muted);border-radius:6px;padding:5px 10px;font-size:11px;font-weight:700}.spring-panel-btn-primary{border:1px solid var(--ink);background:var(--ink);color:var(--color-white);border-radius:6px;padding:5px 10px;font-size:11px;font-weight:800}.spring-demo-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spring-demo-reduced{color:var(--ink);align-items:center;gap:6px;margin-left:auto;font-size:12px;font-weight:700;display:inline-flex}.spring-demo-status{border:1px solid var(--line);border-left-width:4px;border-left-color:var(--color-deco);background:var(--color-white);color:var(--ink);border-radius:8px;margin:0;padding:9px 12px;font-size:12px;line-height:1.5}.spring-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.spring-examples article{border:1px solid var(--line);background:var(--color-white);border-radius:9px;gap:6px;padding:14px;display:grid}.spring-examples article header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.spring-examples article strong{color:var(--ink);font-size:14px}.spring-examples article small{color:var(--muted);font-size:11px;font-weight:800}.spring-examples article p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.spring-examples article>span{color:var(--muted);font-size:11px}.spring-examples article.is-good{border-left:4px solid var(--ink)}.spring-examples article.is-good header strong:before{content:"✓ ";color:var(--ink);font-weight:800}.spring-examples article.is-bad{border-left:4px dashed var(--color-deco);background:var(--color-faint)}.spring-examples article.is-bad header strong:before{content:"✗ ";color:var(--muted);font-weight:700}@media (max-width:780px){.spring-demo-presets{grid-template-columns:1fr}.spring-demo-actions{width:100%}.spring-demo-reduced{margin-left:0}.spring-examples{grid-template-columns:1fr}}
.fade-card-preview{text-align:left;justify-items:stretch;gap:7px}.fade-card-preview .fade-card-eyebrow{color:var(--muted);font-weight:800;font-size:10px!important}.fade-card-preview .fade-card-rows{gap:4px;display:grid}.fade-card-preview .fade-card-row{border:1px solid var(--color-deco);background:var(--color-white);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;display:flex}.fade-card-preview .fade-card-row.is-ok{border-color:var(--ink);background:var(--color-faint)}.fade-card-preview .fade-card-row span{color:var(--ink);font-weight:700;font-size:10px!important}.fade-card-preview .fade-card-row b{font-weight:800;font-size:9px!important}.fade-card-preview .fade-card-row b.is-off{color:var(--muted)}.fade-card-preview .fade-card-row b.is-ok{color:var(--ink)}.fade-card-preview .fade-card-note{color:var(--muted);margin:0;font-size:10px!important}.term-interactive-demo.fade-demo{border-color:var(--line);background:var(--color-white)}.fade-demo-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.fade-demo-duration{flex-wrap:wrap;gap:6px;display:flex}.fade-demo button:hover:not(:disabled){border-color:var(--ink);background:var(--color-faint);color:var(--ink)}.fade-demo button[aria-pressed=true]{border-color:var(--ink);background:var(--color-faint);color:var(--ink);font-weight:800}.fade-demo button:disabled{cursor:not-allowed;opacity:.5}.fade-demo-stage{border:1px solid var(--line);background:var(--color-faint);border-radius:9px;align-content:center;justify-items:stretch;min-height:124px;padding:26px 14px 14px;display:grid;position:relative}.fade-demo-stage:before{content:"Tab 内容预览";color:var(--muted);letter-spacing:.04em;font-size:10px;font-weight:800;position:absolute;top:8px;left:12px}.fade-demo-content{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:8px;padding:12px 14px}.fade-demo-content header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.fade-demo-content h3{color:var(--ink);margin:0;font-size:14px;font-weight:800}.fade-demo-content p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.55}.fade-demo-content.is-ok{border-color:var(--ink)}.fade-demo-content.is-off{border-style:dashed;border-color:var(--color-deco)}.fade-demo-verdict{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.fade-demo-verdict.is-ok{color:var(--ink);background:var(--color-faint);border:1px solid var(--ink)}.fade-demo-verdict.is-off{color:var(--muted);background:var(--color-white);border:1px dashed var(--color-deco)}.fade-demo-verdict.is-progress{color:var(--muted);background:var(--color-white);border:1px solid var(--color-deco);font-weight:700}.fade-demo-empty{border:1px dashed var(--color-deco);background:var(--color-white);color:var(--muted);text-align:center;border-radius:8px;margin:0;padding:18px 14px;font-size:12px}.fade-demo-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fade-demo-reduced{color:var(--ink);align-items:center;gap:6px;margin-left:auto;font-size:12px;font-weight:700;display:inline-flex}.fade-demo-status{border:1px solid var(--line);border-left-width:4px;border-left-color:var(--color-deco);background:var(--color-white);color:var(--ink);border-radius:8px;margin:0;padding:9px 12px;font-size:12px;line-height:1.5}.fade-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.fade-examples article{border:1px solid var(--line);background:var(--color-white);border-radius:9px;gap:6px;padding:14px;display:grid}.fade-examples article header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.fade-examples article strong{color:var(--ink);font-size:14px}.fade-examples article small{color:var(--muted);font-size:11px;font-weight:800}.fade-examples article p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.fade-examples article span{color:var(--muted);font-size:11px}.fade-examples article.is-good{border-left:4px solid var(--ink)}.fade-examples article.is-good header strong:before{content:"✓ ";color:var(--ink);font-weight:800}.fade-examples article.is-bad{border-left:4px dashed var(--color-deco);background:var(--color-faint)}.fade-examples article.is-bad header strong:before{content:"✗ ";color:var(--muted);font-weight:700}@media (max-width:780px){.fade-demo-duration,.fade-demo-actions{width:100%}.fade-demo-reduced{margin-left:0}.fade-examples{grid-template-columns:1fr}}
.hover-card-preview{color:#183d43;background:#e8f1ed;border:2px solid #355d64;gap:7px;padding:11px;display:grid;box-shadow:5px 5px #9ab8b1}.hover-card-toolbar{color:#254951;background:#f9f5e9;border:1px solid #7fa29a;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;font-size:10px;font-weight:800;display:flex}.hover-card-toolbar b{color:#2c2417;letter-spacing:.04em;background:#d8a14c;padding:2px 5px;font-size:9px}.hover-card-target{background:#fffdf4;border:2px solid #355d64;gap:4px;padding:9px 10px;display:grid;box-shadow:3px 3px #b8d0c8}.hover-card-target strong{color:#183d43;align-items:center;gap:5px;display:flex;font-size:13px!important}.hover-card-target strong span{color:#fffdf4;background:#2e6c68;border-radius:50%;place-items:center;width:15px;height:15px;font-size:10px;display:inline-grid}.hover-card-target p{color:#3d6061;margin:0;line-height:1.4;font-size:10px!important}.hover-card-paths{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0;padding:0;list-style:none;display:grid}.hover-card-paths li{background:#f7fbf7;border:1px solid #8aac9f;gap:3px;min-width:0;padding:6px 7px;display:grid}.hover-card-paths b{color:#244951;font-size:10px!important}.hover-card-paths span{color:#42666b;line-height:1.35;font-size:9px!important}.hover-card-verdict{color:#183d43;line-height:1.45;font-size:11px!important}.term-interactive-demo.hover-demo{color:#f8f4e8;background:#183f45;border:2px solid #244f54;gap:13px;padding:16px;display:grid;box-shadow:8px 8px #9bbab1}.hover-demo .hover-demo-intro{gap:4px;display:grid}.hover-demo .hover-demo-eyebrow{color:#f1c979;letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:850}.hover-demo .hover-demo-intro p{color:#e4f1e9;margin:0;font-size:13px;line-height:1.55}.hover-demo .hover-demo-mode{color:#e4f1e9;gap:5px;max-width:34rem;font-size:12px;font-weight:800;display:grid}.hover-demo .hover-demo-mode select{color:#1b4248;width:100%;min-height:39px;font:inherit;background:#fffaf0;border:2px solid #88aca4;border-radius:0;padding:7px 9px;font-size:13px;font-weight:750}.hover-demo .hover-demo-mode select:focus-visible{outline-offset:3px;outline:3px solid #f1c979}.hover-demo .hover-demo-mode small{color:#c6ddd4;font-size:11px;font-weight:650}.hover-demo .hover-demo-stage{color:#163d43;background:#e6efe8;border:1px solid #6f9b91;gap:9px;padding:14px;display:grid}.hover-demo .hover-demo-button-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:relative}.term-interactive-demo.hover-demo .hover-demo-target{color:#fffdf4;min-height:40px;font:inherit;background:#2f7470;border:2px solid #245f5d;border-radius:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:850;display:inline-flex;box-shadow:3px 3px #173d42}.term-interactive-demo.hover-demo .hover-demo-target span{color:#fffdf4;border:1px solid #d7eee3;border-radius:50%;place-items:center;width:16px;height:16px;font-size:11px;font-weight:900;display:inline-grid}.term-interactive-demo.hover-demo .hover-demo-target:hover{color:#fffdf4;background:#1f5756;border-color:#183d42;transform:translateY(-1px)}.term-interactive-demo.hover-demo .hover-demo-target:active{transform:translate(2px,2px);box-shadow:1px 1px #173d42}.term-interactive-demo.hover-demo .hover-demo-target:focus-visible{outline-offset:3px;outline:3px solid #d18a3f}.hover-demo .hover-demo-tooltip{color:#193f45;background:#fffaf0;border:2px solid #315f61;max-width:28ch;padding:8px 11px;font-size:12px;line-height:1.5;display:block;box-shadow:3px 3px #9bbab1}.term-interactive-demo.hover-demo .hover-demo-close{color:#214d50;min-height:32px;font:inherit;background:#f8f2e5;border:1px solid #557f79;border-radius:0;padding:5px 10px;font-size:12px;font-weight:750}.term-interactive-demo.hover-demo .hover-demo-close:hover{color:#183d42;background:#e7d39c;border-color:#214d50}.term-interactive-demo.hover-demo .hover-demo-close:focus-visible{outline-offset:3px;outline:3px solid #d18a3f}.hover-demo .hover-demo-trigger{color:#416466;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.hover-demo .hover-demo-trigger b{color:#1a464b;font-size:12px;font-weight:850}.hover-demo .hover-demo-trigger span{border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800}.hover-demo .hover-demo-trigger .is-on{color:#185b45;background:#ccebdd}.hover-demo .hover-demo-trigger .is-off{color:#3e5b59;background:#d8e4dc}.hover-demo .hover-demo-paths{gap:6px;margin:0;padding:0;list-style:none;display:grid}.hover-demo .hover-demo-paths li{color:#1d454a;background:#f7f2e7;border:1px solid #7fa39a;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 11px;display:flex}.hover-demo .hover-demo-paths li b{color:#173f45;flex:none;min-width:5.5em;font-size:13px;font-weight:850}.hover-demo .hover-demo-paths li span{color:#254f51;font-size:12px;line-height:1.45}.hover-demo .hover-demo-paths li.is-found{background:#dff2e6;border-color:#73a98e}.hover-demo .hover-demo-paths li.is-found span{color:#185b45}.hover-demo .hover-demo-paths li.is-bad{background:#f9e5dc;border-color:#d59a87}.hover-demo .hover-demo-paths li.is-bad span{color:#913f35}.hover-demo .hover-demo-paths li.is-pending span{color:#496567}.hover-demo .hover-demo-status{color:#eef7ef;background:#103238;border-left:4px solid #e0b653;margin:0;padding:10px 11px;font-size:13px;line-height:1.55}.term-interactive-demo.hover-demo .hover-demo-reset{color:#f7f3e7;min-height:34px;font:inherit;background:#244f54;border:1px solid #b9d5ca;border-radius:0;justify-self:start;padding:6px 11px;font-size:12px;font-weight:800}.term-interactive-demo.hover-demo .hover-demo-reset:hover{color:#fffdf4;background:#315f61;border-color:#f1c979}.term-interactive-demo.hover-demo .hover-demo-reset:focus-visible{outline-offset:3px;outline:3px solid #f1c979}.hover-recap{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hover-recap li{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.6}.hover-recap li b{color:var(--ink)}.hover-recap code{background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:1px 5px;font-size:12px}.hover-how-steps{color:var(--ink);gap:8px;margin:0;padding-left:18px;font-size:13px;line-height:1.6;display:grid}.hover-how-steps li{padding-left:4px}.hover-how-steps code{background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:1px 5px;font-size:12px}.hover-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hover-example{border:1px solid var(--line);background:var(--color-white);border-radius:8px;align-content:start;gap:5px;padding:13px 14px;display:grid}.hover-example.is-good{background:#f2fbf4;border-color:#bfe6cd}.hover-example.is-bad{background:#fdf3f4;border-color:#ecc9ce}.hover-example small{letter-spacing:.03em;border-radius:999px;justify-self:start;padding:1px 8px;font-size:11px;font-weight:800;display:inline-flex}.hover-example.is-good small{color:#2f7a4a;background:#d9f0e1}.hover-example.is-bad small{color:#a83a44;background:#f7dfe2}.hover-example b{color:var(--ink);font-size:14px}.hover-example p{color:var(--ink);margin:0;font-size:13px;line-height:1.6}@media (max-width:780px){.hover-card-paths{gap:3px}.hover-card-paths li{padding:5px}}
.active-card-preview{color:#4c2d23;background:#f5e5d3;border:2px solid #7a4532;padding:11px;box-shadow:5px 5px #d6a67d}.active-card-preview .active-card-heading small{color:#5b3427}.active-card-preview .active-card-lock{color:#255a43;background:#dfead6;border-radius:0}.active-card-preview .active-card-states li{color:#4b2c23!important;background:#fffaf0!important;border-color:#c58e6d!important}.active-card-preview .active-card-states li.is-default i{color:#fffaf0;background:#a95535;border-color:#a95535}.active-card-preview .active-card-states li.is-pressed i{color:#fffaf0;background:#773720;border-color:#773720}.active-card-preview .active-card-states li.is-busy i{color:#684938;background:#f1e2d1;border-color:#9d765e}.active-card-preview .active-card-states li.is-done i{color:#fffaf0;background:#287054;border-color:#287054}.active-card-verdict{color:#512f24;background:#fff4e6;border-color:#d2a27f #d2a27f #d2a27f #a95535}.term-interactive-demo.active-demo{color:#fff6e8;background:#442a27;border:2px solid #6a382a;box-shadow:8px 8px #d49363}.active-demo .active-demo-eyebrow{color:#f2c269}.active-demo .active-demo-intro p{color:#f8ecdc}.active-demo .active-demo-stage{color:#4d2c23;background:#f4e2cf;border-color:#bd8d6f;border-radius:0}.active-demo .active-demo-order{background:#fffaf0;border-color:#c68e6e;border-radius:0}.active-demo .active-demo-order-id small,.active-demo .active-demo-order-id strong,.active-demo .active-demo-order-meta,.active-demo .active-demo-order-meta b,.active-demo .active-demo-agree,.active-demo .active-demo-agree span,.active-demo .active-demo-phase,.active-demo .active-demo-phase b{color:#4c2c23}.active-demo .active-demo-order-status.is-idle{color:#704734;background:#ead4c1}.active-demo .active-demo-order-status.is-submitting{color:#653d28;background:#f8e5b9;border-color:#a37055}.active-demo .active-demo-order-status.is-blocked{color:#694636;background:#f0ddd1;border-color:#a97860}.active-demo .active-demo-agree input[type=checkbox]{accent-color:#a95535}.term-interactive-demo.active-demo .active-demo-submit{color:#fffaf0;background:#a95535;border-color:#a95535;border-radius:0;box-shadow:3px 3px #6a382a}.term-interactive-demo.active-demo .active-demo-submit:hover:not(:disabled){color:#fffaf0;background:#74341f;border-color:#74341f}.term-interactive-demo.active-demo .active-demo-submit:focus-visible{outline-offset:3px;outline:3px solid #f2c269}.term-interactive-demo.active-demo .active-demo-submit.is-pressed{background:#74341f;border-color:#74341f}.term-interactive-demo.active-demo .active-demo-submit.is-submitting{color:#654633;background:#e8d4be;border-color:#a8795f}.term-interactive-demo.active-demo .active-demo-submit.is-business-disabled{color:#735948;background:#e7d8cb;border-color:#b79984}.active-demo .active-demo-blocked-chip{color:#5e3d2f;background:#fff5e7;border-color:#9f755e}.active-demo .active-demo-status{color:#fff3e4;background:#2e1d1b;border-left:4px solid #f2c269;padding:10px 11px}.term-interactive-demo.active-demo .active-demo-reset{color:#fff7e8;background:#5e352c;border-color:#d7ad82;border-radius:0}.term-interactive-demo.active-demo .active-demo-reset:hover{color:#fffaf0;background:#784434;border-color:#f2c269}.term-interactive-demo.active-demo .active-demo-reset:focus-visible{outline-offset:3px;outline:3px solid #f2c269}.active-card-preview{grid-template-rows:auto auto 1fr}.active-card-heading,.active-card-button,.active-card-states{align-items:center;gap:7px;display:flex}.active-card-heading{justify-content:space-between}.active-card-heading small{color:#70707a;font-weight:700}.active-card-lock{color:#3d7f59;background:#edfaef;border-radius:999px;padding:3px 6px;font-weight:750;font-size:10px!important}.active-card-button{color:var(--accent);background:#eef1ff;border:1px solid #cbd4ff;border-radius:7px;justify-content:space-between;padding:8px 10px}.active-card-button span{color:#8d8d97;font-size:10px!important}.active-card-states{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0;padding:0;list-style:none;display:grid}.active-card-states li{background:#fff;border:1px solid #e2e2e8;border-radius:6px;gap:2px;min-width:0;padding:6px;display:grid}.active-card-states li b{font-size:11px!important}.active-card-states li small{color:#7c7c86;font-size:9px!important}.active-card-states li.is-pressed{color:#684db8;background:#faf7ff;border-color:#d7c8fb}.active-card-states li.is-busy{color:var(--accent);background:#f3f5ff;border-color:#cbd4ff}.active-card-states li.is-done{color:#3c8056;background:#f2fbf4;border-color:#c9e5d2}.active-card-preview{grid-template-rows:auto auto auto;align-content:start}.active-card-preview .active-card-states{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.active-card-preview .active-card-states li{gap:4px;padding:7px 8px;border-color:var(--line)!important;background:var(--color-white)!important;color:var(--ink)!important}.active-card-preview .active-card-states li b{color:var(--ink)}.active-card-preview .active-card-states li i{border-radius:5px;justify-self:start;align-items:center;gap:3px;padding:3px 8px;font-style:normal;font-weight:750;line-height:1.3;display:inline-flex;font-size:10px!important}.active-card-preview .active-card-states li small{color:var(--muted)}.active-card-preview .active-card-states li.is-default i{border:1px solid var(--color-rausch);background:var(--color-rausch);color:var(--color-white)}.active-card-preview .active-card-states li.is-pressed i{border:1px solid var(--color-rausch-600);background:var(--color-rausch-600);color:var(--color-white);transform:translateY(1px)}.active-card-preview .active-card-states li.is-busy i{border:1px dashed var(--line);background:var(--soft);color:var(--muted)}.active-card-preview .active-card-states li.is-done i{color:var(--color-white);background:#2f7a4a;border:1px solid #2f7a4a}.active-card-verdict{border:1px solid var(--line);border-left:3px solid var(--ink);background:var(--soft);color:var(--ink);border-radius:6px;margin:0;padding:8px 9px;line-height:1.5;font-size:11px!important}.term-interactive-demo.active-demo{border-color:var(--line);background:var(--color-white);gap:14px}.active-demo .active-demo-intro{gap:4px;display:grid}.active-demo .active-demo-eyebrow{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:800}.active-demo .active-demo-intro p{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.active-demo .active-demo-stage{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:12px;padding:14px;display:grid}.active-demo .active-demo-order{border:1px solid var(--line);background:var(--color-white);border-radius:7px;gap:4px;padding:10px 12px;display:grid}.active-demo .active-demo-order-id{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.active-demo .active-demo-order-id small{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:800}.active-demo .active-demo-order-id strong{color:var(--ink);font-size:15px;font-weight:800}.active-demo .active-demo-order-status{border-radius:999px;align-items:center;padding:2px 9px;font-size:11px;font-weight:750;display:inline-flex}.active-demo .active-demo-order-status.is-idle{background:var(--soft);color:var(--muted)}.active-demo .active-demo-order-status.is-submitting{background:var(--soft);color:var(--ink);border:1px solid var(--line)}.active-demo .active-demo-order-status.is-done{color:#2f7a4a;background:#e6f7ec}.active-demo .active-demo-order-status.is-blocked{background:var(--soft);color:var(--muted);border:1px dashed var(--line)}.active-demo .active-demo-order-meta{color:var(--ink);margin:0;font-size:12px;line-height:1.5}.active-demo .active-demo-order-meta b{color:var(--ink);font-weight:800}.active-demo .active-demo-agree{color:var(--ink);align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.active-demo .active-demo-agree span{color:var(--ink)}.active-demo .active-demo-button-wrap{width:max-content;max-width:100%;display:inline-flex;position:relative}.term-interactive-demo.active-demo .active-demo-submit{border:1px solid var(--color-rausch);background:var(--color-rausch);min-height:40px;color:var(--color-white);font:inherit;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:750;transition:transform 80ms ease-out,background-color .15s ease-out,border-color .15s ease-out;display:inline-flex}.term-interactive-demo.active-demo .active-demo-submit:hover:not(:disabled){border-color:var(--color-rausch-600);background:var(--color-rausch-600);color:var(--color-white)}.term-interactive-demo.active-demo .active-demo-submit:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.active-demo .active-demo-submit.is-pressed{background:var(--color-rausch-600);border-color:var(--color-rausch-600);transform:translateY(1px)}.term-interactive-demo.active-demo .active-demo-submit.is-submitting{border-style:dashed;border-color:var(--line);background:var(--soft);color:var(--muted)}.term-interactive-demo.active-demo .active-demo-submit.is-done{color:var(--color-white);background:#2f7a4a;border-color:#2f7a4a}.term-interactive-demo.active-demo .active-demo-submit.is-business-disabled{border-color:var(--line);background:var(--soft);color:var(--muted)}.term-interactive-demo.active-demo .active-demo-submit:disabled{cursor:not-allowed}.active-demo .active-demo-submit-label{font-size:14px}.active-demo .active-demo-blocked-chip{background:var(--color-white);color:var(--ink);border:1px solid var(--line);border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:750;display:inline-flex}.active-demo .active-demo-overlay{cursor:not-allowed;background:0 0;border-radius:8px;position:absolute;inset:0}.active-demo .active-demo-phase{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.active-demo .active-demo-phase b{color:var(--ink);font-size:12px;font-weight:750}.active-demo .active-demo-status{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.term-interactive-demo.active-demo .active-demo-reset{border:1px solid var(--line);background:var(--color-white);min-height:32px;color:var(--ink);font:inherit;border-radius:7px;justify-self:start;padding:6px 11px;font-size:12px;font-weight:650}.term-interactive-demo.active-demo .active-demo-reset:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.active-demo .active-demo-reset:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.active-demo input[type=checkbox]{accent-color:var(--ink)}.active-recap{gap:8px;margin:0;padding:0;list-style:none;display:grid}.active-recap li{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.6}.active-recap li b{color:var(--ink)}.active-recap code{background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:1px 5px;font-size:12px}.active-how-steps{color:var(--ink);gap:8px;margin:0;padding-left:18px;font-size:13px;line-height:1.6;display:grid}.active-how-steps li{padding-left:4px}.active-how-steps code{background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:1px 5px;font-size:12px}.active-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.active-example{border:1px solid var(--line);background:var(--color-white);border-radius:8px;align-content:start;gap:5px;padding:13px 14px;display:grid}.active-example.is-good{background:#f2fbf4;border-color:#bfe6cd}.active-example.is-bad{background:#fdf3f4;border-color:#ecc9ce}.active-example small{letter-spacing:.03em;border-radius:999px;justify-self:start;padding:1px 8px;font-size:11px;font-weight:800;display:inline-flex}.active-example.is-good small{color:#2f7a4a;background:#d9f0e1}.active-example.is-bad small{color:#a83a44;background:#f7dfe2}.active-example b{color:var(--ink);font-size:14px}.active-example p{color:var(--ink);margin:0;font-size:13px;line-height:1.6}@media (prefers-reduced-motion:reduce){.term-interactive-demo.active-demo .active-demo-submit{transition:none}.term-interactive-demo.active-demo .active-demo-submit.is-pressed,.active-card-preview .active-card-states li.is-pressed i{transform:none}}@media (max-width:780px){.active-card-states{gap:3px}.active-card-states li{padding:5px}}.term-interactive-demo.active-demo.active-demo{color:#fff6e8;background:#442a27;border:2px solid #6a382a;box-shadow:8px 8px #d49363}.term-interactive-demo.active-demo.active-demo .active-demo-eyebrow{color:#f2c269}.term-interactive-demo.active-demo.active-demo .active-demo-intro p{color:#f8ecdc}.term-interactive-demo.active-demo.active-demo .active-demo-stage{background:#f4e2cf;border-color:#bd8d6f;border-radius:0}.term-interactive-demo.active-demo.active-demo .active-demo-order{background:#fffaf0;border-color:#c68e6e;border-radius:0}.term-interactive-demo.active-demo.active-demo .active-demo-order-id small,.term-interactive-demo.active-demo.active-demo .active-demo-order-id strong,.term-interactive-demo.active-demo.active-demo .active-demo-order-meta,.term-interactive-demo.active-demo.active-demo .active-demo-order-meta b,.term-interactive-demo.active-demo.active-demo .active-demo-agree,.term-interactive-demo.active-demo.active-demo .active-demo-agree span,.term-interactive-demo.active-demo.active-demo .active-demo-phase,.term-interactive-demo.active-demo.active-demo .active-demo-phase b{color:#4c2c23}.term-interactive-demo.active-demo.active-demo .active-demo-submit{color:#fffaf0;background:#a95535;border-color:#a95535;border-radius:0}.term-interactive-demo.active-demo.active-demo .active-demo-submit:hover:not(:disabled),.term-interactive-demo.active-demo.active-demo .active-demo-submit.is-pressed{color:#fffaf0;background:#74341f;border-color:#74341f}.term-interactive-demo.active-demo.active-demo .active-demo-submit.is-submitting{color:#654633;background:#e8d4be;border-color:#a8795f}.term-interactive-demo.active-demo.active-demo .active-demo-submit.is-done{color:#fffaf0;background:#2b7458;border-color:#2b7458}.term-interactive-demo.active-demo.active-demo .active-demo-submit.is-business-disabled{color:#735948;background:#e7d8cb;border-color:#b79984}.term-interactive-demo.active-demo.active-demo .active-demo-status{color:#fff3e4;background:#2e1d1b;border-left:4px solid #f2c269;padding:10px 11px}.term-interactive-demo.active-demo.active-demo .active-demo-reset{color:#fff7e8;background:#5e352c;border-color:#d7ad82;border-radius:0}
.focus-card-preview{color:#302b51;background:#edeaf5;border:2px solid #3f3b62;gap:7px;padding:11px;display:grid;box-shadow:5px 5px #b8b0d2}.focus-card-head{color:#faf8f0;background:#38335d;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;font-size:10px;font-weight:800;display:flex}.focus-card-head b{color:#352c1d;background:#dfb45a;padding:2px 5px;font-size:9px}.focus-card-bar{background:#fffdf7;border:1px solid #aaa2c9;flex-wrap:wrap;align-items:center;gap:7px;padding:9px;display:flex}.focus-card-chip{color:#332d56;background:#f8f5ff;border:1px solid #8178aa;align-items:center;gap:4px;padding:6px 8px;font-size:10px;font-weight:750;display:inline-flex}.focus-card-chip.is-focused{outline-offset:3px;border-color:#413a70;outline:3px solid #d28b39}.focus-card-chip em{color:#fffdf7;background:#413a70;padding:1px 4px;font-size:7px;font-style:normal;font-weight:850}.focus-card-tab{color:#5a537e;font-size:9px;font-style:normal;font-weight:850;font-family:var(--font-geist-mono), ui-monospace, monospace}.focus-card-hint{color:#574f77;margin:0;font-size:9px;line-height:1.5}.focus-card-hint-hover{color:#9a463f;font-weight:850}.focus-card-hint-focus{color:#3d3570;font-weight:850}.focus-card-verdict{color:#342e55;background:#e0dcef;border-left:3px solid #d28b39;padding:7px 9px;font-size:10px;font-weight:750;line-height:1.5}.term-interactive-demo.focus-demo{border-color:var(--line);background:var(--color-white)}.focus-demo .focus-demo-intro{gap:4px;display:grid}.focus-demo .focus-demo-eyebrow{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:800}.focus-demo .focus-demo-intro p{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.focus-demo .focus-demo-mode{flex-wrap:wrap;gap:6px;display:flex}.focus-demo .focus-demo-mode button{border:1px solid var(--line);background:var(--color-white);min-height:34px;color:var(--ink);font:inherit;border-radius:7px;align-items:center;gap:6px;padding:7px 11px;font-size:13px;font-weight:650;display:inline-flex}.focus-demo .focus-demo-mode button small{background:var(--soft);color:var(--muted);border-radius:999px;padding:1px 6px;font-weight:700;font-size:10px!important}.focus-demo .focus-demo-mode button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.focus-demo .focus-demo-mode button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.focus-demo .focus-demo-mode button[aria-pressed=true],.term-interactive-demo.focus-demo .focus-demo-mode button[aria-pressed=true]:hover{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.term-interactive-demo.focus-demo .focus-demo-mode button[aria-pressed=true] small{background:var(--ink);color:var(--color-white)}.focus-demo .focus-demo-stage{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:10px;padding:14px;display:grid}.focus-demo .focus-demo-stage-head{gap:6px;display:grid}.focus-demo .focus-demo-stage-head>small{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:800}.focus-demo .focus-demo-pos-banner{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:7px;align-self:start;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:700;line-height:1.4;display:inline-flex}.focus-demo .focus-demo-pos-banner.is-on{color:#2f7a4a;background:#f2fbf4;border-color:#bfe6cd}.focus-demo .focus-demo-pos-banner.is-lost{color:#a83a44;background:#fdf3f4;border-color:#ecc9ce}.focus-demo .focus-demo-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.term-interactive-demo.focus-demo .focus-demo-btn{border:1px solid var(--line);background:var(--color-white);min-height:34px;color:var(--ink);font:inherit;text-align:center;border-radius:10px;justify-items:center;gap:6px;padding:12px 10px;display:grid}.term-interactive-demo.focus-demo .focus-demo-btn:focus-visible{outline-offset:0;outline:2px solid #0000}.term-interactive-demo.focus-demo .focus-demo-btn:hover{border-color:var(--color-rausch);color:var(--color-rausch-600);background:#fff1f3}.term-interactive-demo.focus-demo .focus-demo-btn.is-focused{border-color:var(--ink);outline:3px solid var(--ink);outline-offset:3px;font-weight:800}.term-interactive-demo.focus-demo .focus-demo-btn.is-hovered{border-color:var(--color-rausch);color:var(--color-rausch-600);background:#fff1f3}.term-interactive-demo.focus-demo .focus-demo-btn.is-activated{color:#2f7a4a;background:#f2fbf4;border-color:#bfe6cd}.focus-demo .focus-demo-btn-label{font-size:14px;font-weight:750}.focus-demo .focus-demo-btn-verdict{background:var(--soft);color:var(--muted);text-align:center;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-style:normal;font-weight:700;display:inline-flex}.term-interactive-demo.focus-demo .focus-demo-btn.is-focused .focus-demo-btn-verdict{background:var(--ink);color:var(--color-white)}.term-interactive-demo.focus-demo .focus-demo-btn.is-hovered .focus-demo-btn-verdict{background:var(--color-rausch);color:var(--color-white)}.term-interactive-demo.focus-demo .focus-demo-btn.is-activated .focus-demo-btn-verdict{color:var(--color-white);background:#2f7a4a}.focus-demo .focus-demo-stage-note{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.focus-demo .focus-demo-actions{flex-wrap:wrap;gap:7px;display:flex}.term-interactive-demo.focus-demo .focus-demo-actions button{border:1px solid var(--line);background:var(--color-white);min-height:34px;color:var(--ink);font:inherit;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:7px 11px;font-size:13px;font-weight:650;display:inline-flex}.term-interactive-demo.focus-demo .focus-demo-actions button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.focus-demo .focus-demo-actions button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.focus-demo .focus-demo-actions button[aria-pressed=true]{border-color:var(--color-rausch);color:var(--color-rausch-600);background:#fff1f3}.term-interactive-demo.focus-demo .focus-demo-reset{margin-left:auto}.focus-demo .focus-demo-status{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.term-interactive-demo.focus-demo{color:#faf8ef;background:#302957;border:2px solid #3d3563;gap:13px;padding:16px;display:grid;box-shadow:8px 8px #b7afd0}.focus-demo .focus-demo-eyebrow{color:#f0c66f}.focus-demo .focus-demo-intro p{color:#eeeafa}.focus-demo .focus-demo-mode{color:#eeeafa;gap:5px;max-width:34rem;font-size:12px;font-weight:800;display:grid}.focus-demo .focus-demo-mode select{color:#332c58;width:100%;min-height:39px;font:inherit;background:#fffdf7;border:2px solid #a79dc9;border-radius:0;padding:7px 9px;font-weight:750}.focus-demo .focus-demo-mode select:focus-visible{outline-offset:3px;outline:3px solid #f0c66f}.focus-demo .focus-demo-mode small{color:#d8d0ee}.focus-demo .focus-demo-stage{color:#352e59;background:#f7f3ff;border:1px solid #a69cc8;border-radius:0;gap:11px}.focus-demo .focus-demo-stage-head{border-bottom:1px solid #c5bedc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}.focus-demo .focus-demo-stage-head>small{color:#504776}.focus-demo .focus-demo-stage-head b{color:#372f1d;background:#dfb65c;padding:3px 7px;font-size:10px}.focus-demo .focus-demo-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.term-interactive-demo.focus-demo .focus-demo-controls button{color:#342d59;min-height:76px;font:inherit;text-align:left;background:#fffdf7;border:2px solid #8177aa;border-radius:0;justify-items:start;gap:5px;padding:12px;display:grid}.term-interactive-demo.focus-demo .focus-demo-controls button:hover{color:#682f31;background:#fff0ec;border-color:#9a463f}.term-interactive-demo.focus-demo .focus-demo-controls button:focus-visible,.term-interactive-demo.focus-demo .focus-demo-controls button.is-focused{outline-offset:3px;border-color:#443a72;outline:3px solid #d18a3f;box-shadow:0 0 0 2px #fffdf7}.term-interactive-demo.focus-demo .focus-demo-stage.is-broken .focus-demo-controls button:focus-visible{box-shadow:none;outline:none}.term-interactive-demo.focus-demo .focus-demo-controls button span{font-weight:850}.term-interactive-demo.focus-demo .focus-demo-controls button small{color:#60577f;font-size:11px}.term-interactive-demo.focus-demo .focus-demo-controls button.is-paid{color:#195541;background:#ddf1e3;border-color:#438064}.term-interactive-demo.focus-demo .focus-demo-controls button.is-paid small{color:#27634d}.focus-demo .focus-demo-stage-note{color:#51486f}.focus-demo .focus-demo-status{color:#f5f2e9;background:#201b3c;border-left:4px solid #f0c66f;margin:0;padding:10px 11px}@media (max-width:560px){.focus-demo .focus-demo-controls{grid-template-columns:1fr}.term-interactive-demo.focus-demo{padding:12px;box-shadow:4px 4px #b7afd0}}.focus-recap{gap:8px;margin:0;padding:0;list-style:none;display:grid}.focus-recap li{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.6}.focus-recap li b{color:var(--ink)}.focus-recap code{background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:1px 5px;font-size:12px}.focus-how-steps{color:var(--ink);gap:8px;margin:0;padding-left:18px;font-size:13px;line-height:1.6;display:grid}.focus-how-steps li{padding-left:4px}.focus-how-steps code{background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:1px 5px;font-size:12px}.focus-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.focus-example{border:1px solid var(--line);background:var(--color-white);border-radius:8px;align-content:start;gap:5px;padding:13px 14px;display:grid}.focus-example.is-good{background:#f2fbf4;border-color:#bfe6cd}.focus-example.is-bad{background:#fdf3f4;border-color:#ecc9ce}.focus-example small{letter-spacing:.03em;border-radius:999px;justify-self:start;padding:1px 8px;font-size:11px;font-weight:800;display:inline-flex}.focus-example.is-good small{color:#2f7a4a;background:#d9f0e1}.focus-example.is-bad small{color:#a83a44;background:#f7dfe2}.focus-example b{color:var(--ink);font-size:14px}.focus-example p{color:var(--ink);margin:0;font-size:13px;line-height:1.6}@media (max-width:560px){.focus-demo .focus-demo-controls{grid-template-columns:1fr}.term-interactive-demo.focus-demo .focus-demo-reset{margin-left:0}.focus-examples{grid-template-columns:1fr}}
.drag-card-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.drag-card-head small{color:var(--muted);font-weight:800}.drag-card-kbd{border:1px solid var(--line);background:var(--color-white);color:var(--ink);letter-spacing:.02em;border-radius:999px;padding:2px 7px;font-weight:800;font-size:9px!important}.drag-card-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.drag-card-list li{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:6px;grid-template-columns:16px 1fr auto;align-items:center;gap:6px;padding:4px 7px;display:grid}.drag-card-list li b{background:var(--soft);width:16px;height:16px;color:var(--ink);border-radius:4px;place-items:center;display:grid;font-size:9px!important}.drag-card-list li>span{color:var(--ink);font-weight:700;font-size:10px!important}.drag-card-list li i{color:var(--color-rausch-600);font-style:normal;font-weight:800;font-size:9px!important}.drag-card-list li.is-grabbed{border-color:var(--color-rausch);background:#fff5f6}.drag-card-list li.is-grabbed b{background:var(--color-rausch);color:var(--color-white)}.drag-card-list li.is-target{border-style:dashed;border-color:var(--color-rausch);background:0 0;grid-template-columns:1fr;padding:3px 7px}.drag-card-result{flex-wrap:wrap;gap:5px;display:flex}.drag-card-result span{border-radius:999px;padding:2px 7px;font-weight:800;font-size:9px!important}.drag-card-result .is-ok{color:#2f7a4a;background:#e6f7ec}.drag-card-result .is-fail{color:#a83a44;background:#fdf3f4}.drag-card-verdict{color:var(--ink);line-height:1.4;font-size:10px!important}.term-interactive-demo.drag-demo{border-color:var(--line);background:var(--color-white);gap:14px}.drag-demo .drag-demo-intro{gap:4px;display:grid}.drag-demo .drag-demo-eyebrow{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:800}.drag-demo .drag-demo-intro p{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.drag-demo .drag-demo-intro code{background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:1px 5px;font-size:12px}.drag-demo .drag-demo-failToggle{color:var(--ink);align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.drag-demo .drag-demo-failToggle span{color:var(--ink)}.term-interactive-demo.drag-demo input[type=checkbox]{accent-color:var(--ink)}.drag-demo .drag-demo-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.drag-demo .drag-row{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.drag-demo .drag-row.is-grabbed{border-color:var(--color-rausch);background:#fff5f6}.drag-demo .drag-row.is-saved{background:#f2fbf4;border-color:#bfe6cd}.drag-demo .drag-row.is-failed{background:#fdf3f4;border-color:#ecc9ce}.drag-demo .drag-row-pos{background:var(--soft);min-width:26px;height:26px;color:var(--ink);border-radius:6px;place-items:center;padding:0 6px;font-size:13px;font-weight:800;display:grid}.drag-demo .drag-row.is-grabbed .drag-row-pos{background:var(--color-rausch);color:var(--color-white)}.drag-demo .drag-row-title{color:var(--ink);font-size:14px;font-weight:700}.drag-demo .drag-row-badge{text-align:right;border-radius:999px;justify-self:end;padding:3px 9px;font-size:12px;font-weight:750}.drag-demo .drag-row-badge.is-empty{display:none}.drag-demo .drag-row-badge.is-grabbed{color:var(--color-rausch-600);border:1px solid var(--color-rausch);background:#fff5f6}.drag-demo .drag-row-badge.is-ok{color:#2f7a4a;background:#e6f7ec}.drag-demo .drag-row-badge.is-fail{color:#a83a44;background:#fdf3f4}.drag-demo .drag-row-actions{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.term-interactive-demo.drag-demo .drag-grab{border:1px solid var(--ink);background:var(--color-white);min-height:32px;color:var(--ink);font:inherit;border-radius:7px;align-items:center;padding:6px 12px;font-size:13px;font-weight:750;display:inline-flex}.term-interactive-demo.drag-demo .drag-grab:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.drag-demo .drag-grab:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.drag-demo .drag-grab[aria-pressed=true]{border-color:var(--color-rausch);background:var(--color-rausch);color:var(--color-white)}.term-interactive-demo.drag-demo .drag-grab[aria-pressed=true]:hover{background:var(--color-rausch-600);border-color:var(--color-rausch-600);color:var(--color-white)}.term-interactive-demo.drag-demo .drag-step{border:1px solid var(--line);background:var(--color-white);min-height:32px;color:var(--ink);font:inherit;border-radius:7px;align-items:center;padding:6px 10px;font-size:13px;font-weight:650;display:inline-flex}.term-interactive-demo.drag-demo .drag-step:hover:not(:disabled){border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.drag-demo .drag-step:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.drag-demo .drag-step:disabled{border-color:var(--line);background:var(--soft);color:var(--muted);cursor:not-allowed}.drag-demo .drag-demo-status{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.term-interactive-demo.drag-demo .drag-demo-reset{border:1px solid var(--line);background:var(--color-white);min-height:32px;color:var(--ink);font:inherit;border-radius:7px;justify-self:start;padding:6px 11px;font-size:12px;font-weight:650}.term-interactive-demo.drag-demo .drag-demo-reset:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.drag-demo .drag-demo-reset:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.drag-recap li{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.6}.drag-recap li b{color:var(--ink)}.drag-recap code{background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:1px 5px;font-size:12px}.drag-how-steps{color:var(--ink);gap:8px;margin:0;padding-left:18px;font-size:13px;line-height:1.6;display:grid}.drag-how-steps li{padding-left:4px}.drag-how-steps code{background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:1px 5px;font-size:12px}.drag-example{border:1px solid var(--line);background:var(--color-white);border-radius:8px;align-content:start;gap:5px;padding:13px 14px;display:grid}.drag-example small{letter-spacing:.03em;border-radius:999px;justify-self:start;padding:1px 8px;font-size:11px;font-weight:800;display:inline-flex}.drag-example.is-good small{color:#2f7a4a;background:#d9f0e1}.drag-example.is-bad small{color:#a83a44;background:#f7dfe2}.drag-example b{color:var(--ink);font-size:14px}.drag-example p{color:var(--ink);margin:0;font-size:13px;line-height:1.6}@media (max-width:780px){.drag-demo .drag-row{grid-template-columns:auto 1fr}.drag-demo .drag-row-badge{grid-column:1/-1;justify-self:start}.drag-examples{grid-template-columns:1fr}}.drag-card-preview{color:#172c32;background:#dbe8e2;border:2px solid #27414a;gap:10px;padding:12px;display:grid;box-shadow:6px 6px #9ebbb2}.drag-card-topline{justify-content:space-between;align-items:baseline;gap:8px;font-size:10px;display:flex}.drag-card-topline span{color:#315962;letter-spacing:.07em;font-weight:850}.drag-card-topline b{color:#173b43;font-size:11px}.drag-card-board{grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;display:grid}.drag-card-board section{background:#f7f4e9;border:1px solid #719a91;gap:5px;min-width:0;padding:7px;display:grid}.drag-card-board small{color:#315962;font-size:9px;font-weight:850}.drag-card-arrow{color:#245a5c;font-size:20px;font-weight:900}.drag-card-ticket{background:#fffdf6;border:1px solid #6c9089;gap:2px;padding:6px;display:grid}.drag-card-ticket b{color:#173238;font-size:11px}.drag-card-ticket span{font-size:9px;font-weight:750;line-height:1.35}.drag-card-ticket.is-returned{background:#fae7df;border-color:#aa4a3d}.drag-card-ticket.is-returned span{color:#7b3028}.drag-card-ticket.is-ready{background:#dff0dc;border-color:#2f7562}.drag-card-ticket.is-ready span{color:#1e5a49}.drag-card-preview>strong{color:#173238;font-size:10px;line-height:1.45}.term-interactive-demo.drag-demo{color:#eff8f1;background:#183640;border:2px solid #1f3d46;gap:14px;padding:16px;display:grid;box-shadow:8px 8px #9bbab2}.term-interactive-demo.drag-demo .drag-demo-brief{gap:4px;display:grid}.term-interactive-demo.drag-demo .drag-demo-eyebrow{color:#b9e5c8;font:850 10px var(--font-geist-mono),monospace;letter-spacing:.08em;text-transform:uppercase}.term-interactive-demo.drag-demo .drag-demo-brief p{color:#eff8f1;margin:0;line-height:1.6}.term-interactive-demo.drag-demo kbd{color:#fff8e7;font:800 .88em var(--font-geist-mono),monospace;background:#10262e;border:1px solid #89b6a8;border-radius:3px;padding:1px 5px}.drag-demo-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.drag-demo-column{color:#172e35;background:#e8f0e8;border:1px solid #6b938b;align-content:start;gap:8px;min-height:250px;padding:10px;transition:border-color .16s,box-shadow .16s;display:grid}.drag-demo-column.is-keyboard-target{background:#fff4ca;border:3px solid #f2c95c;box-shadow:inset 0 0 0 2px #755a16}.drag-demo-column header{border-bottom:1px solid #9ab7ad;gap:2px;padding-bottom:7px;display:grid}.drag-demo-column header b{color:#173b43;font-size:13px}.drag-demo-column header small{color:#41665f;font-size:10px;line-height:1.35}.drag-demo-column-cards{gap:8px;display:grid}.drag-demo-empty{color:#426a62;text-align:center;border:1px dashed #82a69d;margin:0;padding:9px;font-size:12px}.drag-demo-ticket{background:#fffdf6;border:1px solid #77978f;gap:6px;padding:7px;display:grid;box-shadow:2px 2px #bfd1c5}.drag-demo-ticket.is-picked{background:#fff2bd;border:3px solid #e4b44b;box-shadow:3px 3px #7b5c1b}.drag-demo-ticket.is-rejected{background:#fae3db;border-color:#a74438;box-shadow:2px 2px #d69686}.drag-demo-ticket.is-saved,.drag-demo-ticket.is-passed{background:#dbefdf;border-color:#28745d;box-shadow:2px 2px #8dbba2}.term-interactive-demo.drag-demo .drag-demo-ticket-handle{color:#193238;text-align:left;cursor:grab;width:100%;min-height:56px;font:inherit;background:0 0;border:0;grid-template-columns:auto 1fr;align-items:start;gap:7px;padding:7px;display:grid}.term-interactive-demo.drag-demo .drag-demo-ticket-handle:hover{color:#122a30;background:#e4f0e8}.term-interactive-demo.drag-demo .drag-demo-ticket-handle:active{cursor:grabbing}.term-interactive-demo.drag-demo .drag-demo-ticket-handle[aria-pressed=true]{color:#25321a;background:#f6d878}.term-interactive-demo.drag-demo .drag-demo-ticket-handle:focus-visible,.term-interactive-demo.drag-demo .drag-demo-repair:focus-visible,.term-interactive-demo.drag-demo .drag-demo-reset:focus-visible{outline-offset:3px;outline:3px solid #f8d873}.drag-demo-grip{color:#3f6e68;letter-spacing:-2px;font-weight:900;line-height:1.1}.drag-demo-ticket-handle b{color:#173238;font-size:14px;display:block}.drag-demo-ticket-handle small{color:#42635e;margin-top:2px;font-size:11px;line-height:1.4;display:block}.drag-demo-ticket-result{color:#702d27;background:#fff3ed;border-left:3px solid #a74438;margin:0;padding:6px 7px;font-size:11px;font-weight:750;line-height:1.45}.drag-demo-ticket-result.is-pass{color:#205a49;background:#edf8eb;border-color:#28745d}.term-interactive-demo.drag-demo .drag-demo-repair{color:#fffdf5;min-height:35px;font:750 12px var(--font-geist),sans-serif;background:#2a735e;border:1px solid #2a735e;padding:6px 8px}.term-interactive-demo.drag-demo .drag-demo-repair:hover{color:#fffdf5;background:#184b40;border-color:#184b40}.term-interactive-demo.drag-demo .drag-demo-status{color:#eff8f1;background:#102831;border-left:4px solid #f2c95c;margin:0;padding:10px 11px;line-height:1.6}.term-interactive-demo.drag-demo .drag-demo-reset{color:#173238;min-height:38px;font:800 12px var(--font-geist),sans-serif;background:#e8f0e8;border:1px solid #99bfb3;justify-self:start;padding:7px 11px}.term-interactive-demo.drag-demo .drag-demo-reset:hover{color:#30260e;background:#fff2bd;border-color:#f2c95c}.drag-recap{gap:8px;margin:0;padding:0;list-style:none;display:grid}.drag-recap li{color:#1b353a;background:#edf4ef;border-left:3px solid #3c786d;padding:10px 12px;line-height:1.6}.drag-recap code,.drag-how-steps code{color:#173b43;background:#d4e5dc;padding:1px 4px}.drag-how-steps{color:#28434a;gap:8px;margin:0;padding-left:20px;line-height:1.6;display:grid}.drag-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.drag-example{color:#1b363c;background:#f7f4e9;border:1px solid #86a89e;gap:5px;padding:12px;display:grid}.drag-example.is-good{background:#e2f0e3;border-color:#3b8068}.drag-example.is-bad{background:#f9e7de;border-color:#b65b4d}.drag-example small{letter-spacing:.05em;font-weight:900}.drag-example.is-good small{color:#216451}.drag-example.is-bad small{color:#8c372f}.drag-example b{color:#18373e}.drag-example p{margin:0;line-height:1.55}.drag-demo-section .drag-demo+*{margin-top:0}@media (max-width:650px){.drag-demo-board{grid-template-columns:1fr}.drag-demo-column{min-height:0}.drag-card-board{grid-template-columns:1fr}.drag-card-arrow{justify-self:center;transform:rotate(90deg)}.drag-examples{grid-template-columns:1fr}.term-interactive-demo.drag-demo{padding:12px;box-shadow:4px 4px #9bbab2}}
.disabled-card-preview{gap:7px}.disabled-card-preview>small{color:#74747e;font-weight:750}.disabled-preview-pair{grid-template-columns:1fr 1fr;gap:5px;display:grid}.disabled-preview-btn{color:#8a8a92;background:#f1f1f3;border:1px solid #e0e1e7;border-radius:7px;gap:2px;padding:7px 8px;display:grid}.disabled-preview-btn b{color:#6d6d77;font-size:11px!important}.disabled-preview-btn span{color:#6a6a72;font-size:9px!important}.disabled-preview-btn em{color:#3f8055;font-style:normal;font-size:8px!important}.disabled-preview-btn.is-fake{background:#ededf0;border-color:#e6e6ea}.disabled-preview-btn.is-fake b{color:#9a9aa2}.disabled-preview-btn.is-fake span{color:#b6b6bc;font-size:11px!important}.disabled-preview-btn.is-fake i{color:#a9a9af;font-style:normal;font-size:8px!important}.disabled-card-preview p{color:#4a4a55;margin:0;font-size:9px;line-height:1.5}.disabled-interaction-demo{background:#fff;border-color:#e2e3eb}.disabled-interaction-demo form{gap:11px;display:grid}.disabled-demo-row{gap:4px;display:grid}.disabled-demo-row>label{color:#51535c;font-size:12px;font-weight:750}.disabled-demo-check{color:#51535c;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.disabled-demo-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.disabled-demo-reset{color:#51535c;background:#fff;border:1px solid #d6d7df;border-radius:7px;min-height:32px;padding:5px 10px;font-size:12px;font-weight:700}.disabled-interaction-demo .disabled-demo-reset:hover{color:#4f5058;background:#f4f4f6;border-color:#c9cad2}.disabled-demo-fake-toggle{color:#6a6b73;align-items:center;gap:6px;font-size:12px;font-weight:650;display:inline-flex}.disabled-demo-submit{color:#6a6b73;min-height:0;font:inherit;cursor:not-allowed;background:#efeef1;border:1px solid #d6d7df;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;font-size:14px;font-weight:750;transition:background .12s,border-color .12s,color .12s;display:flex}.disabled-demo-submit .disabled-demo-submit-label{font-size:14px;font-weight:800}.disabled-demo-submit .disabled-demo-submit-reason{color:#54565c;font-size:11px;font-weight:650;line-height:1.35}.disabled-interaction-demo .disabled-demo-submit:hover{color:#6a6b73;background:#efeef1;border-color:#d6d7df}.disabled-interaction-demo .disabled-demo-submit:hover .disabled-demo-submit-reason{color:#54565c}.disabled-demo-submit:focus-visible{outline-offset:2px;outline:2px solid #6a6b73}.disabled-demo-submit.is-ready{border-color:var(--color-rausch-600,#c66628);background:var(--color-rausch-600,#c66628);color:#fff;cursor:pointer}.disabled-demo-submit.is-ready .disabled-demo-submit-reason{color:#ffffffeb}.disabled-demo-submit.is-ready:focus-visible{outline-offset:1px;box-shadow:0 0 0 3px var(--color-rausch-600,#c66628);outline-color:#fff}.disabled-interaction-demo .disabled-demo-submit.is-ready:not([disabled]):hover{border-color:var(--color-rausch-600,#c66628);background:color-mix(in srgb, var(--color-rausch-600,#c66628) 88%, #000);color:#fff}.disabled-interaction-demo .disabled-demo-submit.is-ready:not([disabled]):hover .disabled-demo-submit-reason{color:#fffffff5}.disabled-demo-submit.is-submitting{color:#935623;cursor:progress;background:#fbf1ea;border-color:#e0b894}.disabled-demo-submit.is-submitting .disabled-demo-submit-reason{color:#935623}.disabled-interaction-demo .disabled-demo-submit.is-submitting:hover{color:#935623;background:#fbf1ea;border-color:#e0b894}.disabled-interaction-demo .disabled-demo-submit.is-submitting:hover .disabled-demo-submit-reason{color:#935623}.disabled-demo-submit.is-done{color:#2f6a45;cursor:default;background:#f1f9f3;border-color:#b9d8c2}.disabled-demo-submit.is-done .disabled-demo-submit-reason{color:#2f6a45}.disabled-interaction-demo .disabled-demo-submit.is-done:hover{color:#2f6a45;background:#f1f9f3;border-color:#b9d8c2}.disabled-interaction-demo .disabled-demo-submit.is-done:hover .disabled-demo-submit-reason{color:#2f6a45}.disabled-demo-submit[data-fake=true]{opacity:.58}.disabled-demo-note{color:#4d4e56;background:#f6f6f8;border-left:3px solid #c6c7cf;border-radius:5px;margin:0;padding:9px 11px;font-size:13px;line-height:1.55}.disabled-demo-note.is-good{border-left-color:var(--color-rausch-600,#c66628);color:#6e3f1c;background:#fdf6f1}.disabled-demo-note.is-fake{color:#7e3f2f;background:#fdf3ef;border-left-color:#c46a4e}.disabled-demo-hint{color:#767881;margin:0;font-size:12px;line-height:1.55}.disabled-demo-hint code{color:#4a4c54;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#eceef2;border-radius:3px;padding:1px 5px;font-size:11px}
.cursor-card-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.cursor-card-btn{background:#fff;border:1px solid #e2e3eb;border-radius:8px;gap:4px;padding:9px 10px;display:grid}.cursor-card-btn b{color:#3c4252;font-size:11px!important}.cursor-card-cursor{color:#6b7280;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px!important}.cursor-card-tag{color:#6b7280;font-weight:650;font-size:10px!important}.cursor-card-btn em,.cursor-card-btn i{font-style:normal;font-weight:700;font-size:10px!important}.cursor-card-btn.is-honest{background:#eef0f3;border-color:#d4d8df}.cursor-card-btn.is-honest em{color:#5a5f6b}.cursor-card-btn.is-lie{background:#fdf3ef;border-color:#e8c7ca}.cursor-card-btn.is-lie i,.cursor-card-btn.is-lie .cursor-card-tag{color:#7e3f2f}.cursor-card-preview p{color:#4d4e56;margin:0;line-height:1.5;font-size:11px!important}.cursor-card-preview p b{color:#3c4252}.term-interactive-demo.cursor-demo{background:#fff;border-color:#e2e3eb;gap:12px}.term-interactive-demo.cursor-demo button:hover{color:inherit;border-color:#c9cad2}.cursor-demo{color:#3c4252}.cursor-demo-bench{gap:12px;display:grid}.cursor-demo-task{color:#4d4e56;margin:0;font-size:13px;line-height:1.6}.cursor-demo-scenarios{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.cursor-demo-scenarios button{color:#4b5263;text-align:left;background:#fff;border:1px solid #d9dde6;border-radius:7px;gap:2px;min-height:0;padding:8px 10px;display:grid}.cursor-demo-scenarios button b{color:#3c4252;font-size:12.5px;font-weight:700}.cursor-demo-scenarios button span{color:#7a8190;font-size:11px;font-weight:500}.term-interactive-demo.cursor-demo .cursor-demo-scenarios button[aria-pressed=true]{border-color:var(--color-rausch-600,#c66628);background:#fbf1ea}.term-interactive-demo.cursor-demo .cursor-demo-scenarios button[aria-pressed=true] b{color:#7a4a1c}.term-interactive-demo.cursor-demo .cursor-demo-scenarios button[aria-pressed=true] span{color:#935623}.cursor-demo-stage{background:#fff;border:1px dashed #d9dde6;border-radius:9px;gap:10px;padding:14px;display:grid}.cursor-demo-stage-cursor{color:#6b7280;font-size:12px;font-weight:600}.cursor-demo-stage-cursor b{color:#3c4252;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.cursor-demo-delete{color:#3c4252;min-height:0;font:inherit;background:#fff;border:1px solid #d9dde6;border-radius:8px;justify-self:start;gap:3px;padding:10px 16px;font-size:14px;font-weight:700;display:grid}.cursor-demo-delete:focus-visible{outline:3px solid var(--color-rausch-600,#c66628);outline-offset:2px}.cursor-demo-delete.is-honest-disabled{color:#6a6b73;background:#efeef1;border-color:#d4d8df}.cursor-demo-delete.is-lying-disabled,.cursor-demo-delete.is-pointer{color:#3c4252;background:#fff;border-color:#d9dde6}.cursor-demo-delete-label{font-size:14px;font-weight:800}.cursor-demo-delete-reason{color:#54565c;font-size:11px;font-weight:650}.cursor-demo-text{color:#4b5263;background:#fafafa;border:1px solid #e4e7ee;border-radius:7px;margin:0;padding:10px 12px;font-size:13px;line-height:1.6}.cursor-demo-text:focus-visible{outline:3px solid var(--color-rausch-600,#c66628);outline-offset:2px}.cursor-demo-badges{flex-wrap:wrap;gap:6px;display:flex}.cursor-demo-badge{color:#4b5263;background:#eef0f4;border-radius:99px;padding:4px 9px;font-size:11px;font-weight:650}.cursor-demo-log{background:#fafafa;border:1px solid #e4e7ee;border-radius:8px;gap:5px;padding:10px 12px;display:grid}.cursor-demo-log small{color:#7a8190;font-size:11px;font-weight:700}.cursor-demo-log ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.cursor-demo-log li{color:#4b5263;font-size:12.5px;line-height:1.5}.cursor-demo-log li.is-lie{color:#7e3f2f}.cursor-demo-log li.is-honest{color:#2f6a45}.cursor-demo-log li.is-info{color:#6b7280}.cursor-demo-log-empty{color:#8a8f9c;margin:0;font-size:12px}.cursor-demo-verdict{border-left:4px solid var(--color-rausch-600,#c66628);color:#4d4e56;background:#fdf6f1;border-radius:5px;margin:0;padding:11px 13px;font-size:13px;line-height:1.6}.cursor-demo-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cursor-demo-reset{color:#51535c;background:#fff;border:1px solid #d6d7df;border-radius:7px;min-height:32px;padding:5px 12px;font-size:12px;font-weight:700}.term-interactive-demo.cursor-demo .cursor-demo-reset:hover{color:#4f5058;background:#f4f4f6;border-color:#c9cad2}.cursor-demo-hint{color:#7a8190;flex:1;min-width:200px;font-size:12px;line-height:1.55}@media (max-width:520px){.cursor-demo-scenarios{grid-template-columns:1fr}}@media (max-width:780px){.cursor-card-pair{gap:3px}}
.selection-decision-flow{align-items:center;gap:10px;display:flex}.selection-decision-flow span,.selection-decision-flow b{color:#5b5b65;text-align:center;background:#fafafa;border:1px solid #e6e6eb;border-radius:8px;flex:1;min-width:0;padding:13px;font-size:13px;display:grid}.selection-decision-flow b{border-color:color-mix(in srgb, var(--accent) 30%, #fff);background:color-mix(in srgb, var(--accent) 7%, #fff);color:var(--accent)}.selection-decision-flow>svg{color:#a5a5ae;flex:none}@media (max-width:780px){.selection-decision-flow{flex-direction:column;align-items:stretch}.selection-decision-flow>svg{align-self:center;transform:rotate(90deg)}}.selection-card-preview{align-content:center;gap:7px;padding:13px;display:grid}.selection-card-preview .selection-card-eyebrow{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:9px;font-weight:800}.selection-card-doc{background:#fffdf5;border:1px solid #ece4d0;border-radius:7px;gap:5px;padding:9px 10px;display:grid;box-shadow:inset 3px 0 #ffe89a}.selection-card-sentence{color:#2b2a26;margin:0;font-size:11px;line-height:1.5}.selection-card-highlight{color:#2b2a26;background:#ffe89a;border-radius:2px}.selection-card-badge{color:#fffdf5;background:#2b2a26;border-radius:999px;justify-self:start;padding:2px 7px;font-size:9px;font-weight:800}.selection-card-result-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.selection-card-pill{color:#2f6a45;background:#e8f6ec;border:1px solid #bfe6cd;border-radius:999px;align-items:center;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.selection-card-note{color:var(--muted);font-size:9px}.selection-card-fallback{background:#fff8d8;border:1px dashed #d8cea3;border-radius:7px;gap:4px;padding:8px 10px;display:grid}.selection-card-fallback small{color:#6b5d1c;text-transform:uppercase;letter-spacing:.03em;font-size:9px;font-weight:800}.selection-card-fallback-box{color:#4a3f12;font-size:10px;font-weight:700;line-height:1.45}.selection-card-verdict{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-left:3px solid #2b2a26;border-radius:6px;padding:7px 9px;font-size:10px;font-weight:700;line-height:1.5}.term-interactive-demo.selection-demo{background:var(--color-white);border-color:#e6dfca}.selection-demo .selection-demo-intro{gap:4px;display:grid}.selection-demo .selection-demo-eyebrow{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:800}.selection-demo .selection-demo-intro p{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.selection-demo .selection-demo-mode{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.selection-demo .selection-demo-mode>small{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;margin-right:2px;font-size:11px;font-weight:800}.selection-demo .selection-demo-mode button{border:1px solid var(--line);background:var(--color-white);min-height:34px;color:var(--ink);font:inherit;border-radius:7px;align-items:center;padding:7px 11px;font-size:13px;font-weight:650;display:inline-flex}.selection-demo .selection-demo-mode button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.selection-demo .selection-demo-mode button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.selection-demo .selection-demo-mode button[aria-pressed=true],.term-interactive-demo.selection-demo .selection-demo-mode button[aria-pressed=true]:hover{color:#2b2a26;background:#fff8d8;border-color:#2b2a26;font-weight:800}.selection-demo .selection-demo-doc{background:#fffdf5;border:1px solid #ece4d0;border-radius:8px;gap:8px;padding:14px;transition:border-color .12s,box-shadow .12s;display:grid}.selection-demo .selection-demo-doc.is-ready{border-color:#2b2a26;box-shadow:inset 4px 0 #ffe89a}.selection-demo .selection-demo-text{color:#2b2a26;-webkit-user-select:text;user-select:text;cursor:text;margin:0;font-size:15px;line-height:1.65}.selection-demo .selection-demo-text:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid #2b2a26}.selection-demo .selection-demo-text::selection,.selection-demo .selection-demo-text ::selection{color:#2b2a26;background:#ffe89a}.selection-demo .selection-demo-doc-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.selection-demo .selection-demo-badge{color:#fffdf5;background:#2b2a26;border-radius:999px;align-items:center;padding:3px 9px;font-size:12px;font-weight:800;display:inline-flex}.selection-demo .selection-demo-badge.is-empty{color:var(--muted);border:1px dashed var(--line);background:0 0;font-weight:700}.selection-demo .selection-demo-doc-meta>small{color:var(--muted);font-size:11px}.selection-demo .selection-demo-actions{flex-wrap:wrap;gap:7px;display:flex}.term-interactive-demo.selection-demo .selection-demo-actions button{border:1px solid var(--line);background:var(--color-white);min-height:36px;color:var(--ink);font:inherit;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:8px 13px;font-size:13px;font-weight:700;display:inline-flex}.term-interactive-demo.selection-demo .selection-demo-actions button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.selection-demo .selection-demo-actions button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.selection-demo .selection-demo-copy.is-copied,.term-interactive-demo.selection-demo .selection-demo-copy.is-copied:hover{color:#2f6a45;background:#e8f6ec;border-color:#bfe6cd}.term-interactive-demo.selection-demo .selection-demo-copy.is-denied,.term-interactive-demo.selection-demo .selection-demo-copy.is-denied:hover{color:#a83a44;background:#fdecef;border-color:#ecc9ce}.selection-demo .selection-demo-fallback{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:5px;padding:10px 12px;transition:border-color .12s,background .12s,box-shadow .12s;display:grid}.selection-demo .selection-demo-fallback.is-active{background:#fff8d8;border-color:#e0b400;box-shadow:0 0 0 3px #e0b4002e}.selection-demo .selection-demo-fallback label{color:var(--muted);font-size:12px;font-weight:750}.selection-demo .selection-demo-fallback.is-active label{color:#4a3f12;font-weight:800}.selection-demo .selection-demo-fallback textarea{box-sizing:border-box;border:1px solid var(--line);background:var(--color-white);width:100%;color:var(--ink);font:inherit;resize:vertical;border-radius:6px;padding:8px 10px;font-size:13px;line-height:1.5}.selection-demo .selection-demo-fallback textarea:focus-visible{outline-offset:2px;outline:2px solid #2b2a26}.selection-demo .selection-demo-status{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.selection-recap{gap:8px;margin:0;padding:0;list-style:none;display:grid}.selection-recap li{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-left:3px solid #2b2a26;border-radius:6px;padding:9px 11px;font-size:13px;line-height:1.55}.selection-recap li b{color:var(--ink)}.selection-how-steps{color:var(--ink);gap:8px;margin:0;padding-left:18px;font-size:13px;line-height:1.6;display:grid}.selection-how-steps code{color:#2b2a26;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#ece4d0;border-radius:3px;padding:1px 5px;font-size:12px}.selection-examples{grid-template-columns:1fr 1fr;gap:10px;display:grid}.selection-example{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:4px;padding:12px;display:grid}.selection-example.is-good{background:#f2fbf4;border-color:#bfe6cd}.selection-example.is-bad{background:#fdf3f4;border-color:#ecc9ce}.selection-example small{border-radius:999px;justify-self:start;padding:2px 8px;font-size:11px;font-weight:800}.selection-example.is-good small{color:#fff;background:#2f7a4a}.selection-example.is-bad small{color:#fff;background:#a83a44}.selection-example b{color:var(--ink);font-size:14px}.selection-example p{color:#3a3a44;margin:0;font-size:13px;line-height:1.6}@media (max-width:560px){.selection-examples{grid-template-columns:1fr}}.selection-preview-text{background:#fff;border:1px solid #dfe1eb;border-radius:7px;align-items:center;gap:6px;padding:9px;display:flex}.selection-preview-text b{color:#3659c4;background:#dce5ff;border-radius:3px;padding:2px 4px;font-size:11px!important}.selection-preview-text span{color:#777782}
.term-card .design-system-card-preview{background:var(--color-white);border-color:var(--color-deco);color:var(--ink);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:7px}.design-system-card-source{border:1px solid var(--color-deco);background:var(--soft);border-radius:6px;align-content:start;gap:3px;padding:7px 8px;display:grid}.design-system-card-source small{color:var(--muted);letter-spacing:.04em;font-size:8px;font-weight:700}.design-system-card-source b{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:12px;font-weight:800}.design-system-card-source strong{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:10px;font-weight:700}.design-system-card-refs{gap:4px;margin:0;padding:0;list-style:none;display:grid}.design-system-card-refs li{align-items:center;gap:6px;display:flex}.design-system-card-chip{border:1px solid var(--color-deco);background:var(--soft);min-width:42px;color:var(--ink);border-radius:5px;justify-content:center;align-items:center;padding:4px 6px;font-size:9px;font-weight:800;display:inline-flex}.design-system-card-chip.is-button{background:var(--ink);color:var(--color-white);border-color:var(--ink)}.design-system-card-refs i{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:8px;font-style:normal}.design-system-card-conclusion{color:var(--ink);grid-column:1/-1;margin:0;font-size:9px;font-weight:650;line-height:1.5}.design-system-card-conclusion strong{color:var(--ink);font-weight:800}.design-system-card-conclusion em{color:var(--ink);font-style:normal;font-weight:800}.design-system-card-conclusion code{background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:3px;padding:1px 4px;font-size:8.5px}.term-interactive-demo.design-system-demo{border-color:var(--line);background:var(--color-white);gap:14px}.term-interactive-demo.design-system-demo button{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.design-system-demo button:hover:not(:disabled){border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.design-system-demo button[aria-pressed=true]{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.term-interactive-demo.design-system-demo button:disabled{opacity:.45;cursor:not-allowed}.design-system-demo-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.design-system-demo-brief strong{color:var(--ink);font-weight:700}.design-system-demo-brief code{background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:1px 5px;font-size:11.5px}.design-system-stage{border:1px solid var(--line);background:var(--soft);border-radius:10px;gap:10px;padding:14px;display:grid}.design-system-stage-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.design-system-stage-head small{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:700}.design-system-consistency{border:1px solid #0000;border-radius:99px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:800;display:inline-flex}.design-system-consistency>i{font-style:normal;font-weight:800}.design-system-consistency.is-consistent{color:#1f6a3a;background:#e8f3ec;border-color:#bfe6cd}.design-system-consistency.is-broken{color:#a83a44;background:#fbeaee;border-color:#ecc9ce}.design-system-objects{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.design-system-objects li{border:1px solid var(--line);background:var(--color-white);border-radius:8px;align-content:start;gap:6px;padding:12px;display:grid}.design-system-obj{justify-content:center;align-items:center;min-height:30px;font-size:13px;font-weight:700;display:inline-flex}.design-system-obj-button{border:1px solid var(--color-rausch);background:var(--color-rausch);color:var(--color-white);border-radius:6px;place-self:start;padding:8px 14px;font-weight:800}.design-system-obj-card{border:1px solid var(--color-deco);background:var(--color-white);color:var(--ink);border-radius:6px;place-self:start stretch;gap:3px;padding:10px 12px;display:grid}.design-system-obj-input{border:1px solid var(--color-deco);background:var(--color-white);color:var(--muted);border-radius:6px;justify-content:flex-start;place-self:start stretch;padding:6px 10px;font-weight:500}.design-system-obj-badge{border:1px solid var(--color-deco);background:var(--soft);color:var(--ink);border-radius:99px;place-self:start;padding:4px 10px;font-size:12px}.design-system-ref{background:var(--soft);color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;justify-self:start;padding:2px 6px;font-size:10.5px;font-weight:700}.design-system-stage-ribbon{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:7px;margin:0;padding:9px 11px;font-size:12.5px;line-height:1.55}.design-system-stage--hardcoded .design-system-stage-ribbon{color:#7a2a30;background:#fbeaee;border-color:#ecc9ce}.design-system-controls{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.design-system-control-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.design-system-stepper{border:1px solid var(--line);background:var(--color-white);border-radius:8px;align-items:center;gap:6px;padding:4px;display:flex}.design-system-stepper button{min-width:32px;min-height:30px;padding:0 8px;font-size:16px;font-weight:800}.design-system-stepper output{text-align:center;min-width:84px;padding:0 8px;display:grid}.design-system-stepper output b{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:10px;font-weight:700}.design-system-stepper output strong{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:15px;font-weight:800}.design-system-reset{border:1px solid var(--line);background:var(--color-white);min-height:34px;color:var(--ink);font:inherit;border-radius:7px;padding:7px 12px;font-size:12px;font-weight:700}.design-system-status{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-left-width:4px;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.design-system-status strong{color:var(--ink);font-weight:800}.design-system-howto{gap:6px;margin:0;padding-left:18px;display:grid}.design-system-howto li{color:var(--muted);font-size:13px;line-height:1.6}.design-system-howto li b{color:var(--ink);font-weight:800}.design-system-howto li code{background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:1px 5px;font-size:11px}.design-system-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.design-system-examples article{border:1px solid var(--line);border-left:4px solid var(--ink);background:var(--color-white);border-radius:8px;gap:5px;padding:13px 14px;display:grid}.design-system-examples article.is-bad{border-left-style:dashed;border-left-color:var(--color-deco);background:var(--soft)}.design-system-examples header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.design-system-examples header strong{color:var(--ink);font-size:14px}.design-system-examples article.is-good header strong:before{content:"✓ ";color:#1f6a3a;font-weight:800}.design-system-examples article.is-bad header strong:before{content:"✗ ";color:#a83a44;font-weight:800}.design-system-examples header small{color:var(--muted);font-size:11px;font-weight:700}.design-system-examples p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.58}.design-system-examples code{background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:1px 5px;font-size:11px}.design-system-examples span{color:var(--ink);font-size:11px;font-weight:650}@media (max-width:780px){.design-system-objects,.design-system-examples{grid-template-columns:1fr}.design-system-controls{flex-direction:column;align-items:stretch}.design-system-stepper{justify-content:space-between;align-self:stretch}.term-card .design-system-card-preview{grid-template-columns:1fr}.design-system-card-preview>p{grid-column:auto}}.term-card .term-preview.design-system-card-preview{background:var(--color-white);border-color:var(--color-deco);color:var(--ink);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.term-card .component-variant-card-preview{background:var(--color-white);border-color:var(--color-deco);color:var(--ink)}.component-variant-card-preview>p{color:var(--muted)}.component-variant-card-preview>p strong{color:var(--ink)}.component-variant-card-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.component-variant-card-side{gap:4px;margin:0;padding:0;display:grid}.component-variant-card-side figcaption{color:var(--muted);font-size:8px;font-weight:800}.component-variant-card-stage{border:1px solid var(--color-deco);background:var(--color-faint);border-radius:6px;align-content:start;gap:4px;min-height:64px;padding:8px;display:grid}.component-variant-card-axis{background:var(--color-white);border:1px solid var(--color-deco);height:14px;color:var(--ink);border-radius:3px;justify-content:center;align-items:center;padding:0 5px;font-size:7px;font-style:normal;font-weight:800;display:flex}.component-variant-card-axis.is-off{color:#a83a44;background:#fbecee;border-color:#e6c4c7}.component-variant-card-mini{color:#fff;background:var(--ink);border-radius:4px;justify-content:center;align-items:center;min-height:18px;padding:3px 5px;font-size:8px;font-weight:800;line-height:1;display:flex}.component-variant-card-mini.is-primary{background:var(--color-rausch)}.component-variant-card-mini.is-secondary{border:1px solid var(--color-deco);background:var(--color-white);color:var(--ink)}.component-variant-card-mini.is-danger{background:#a83a44}.component-variant-card-mini.is-blue1{background:#6f86d6}.component-variant-card-mini.is-blue2{background:#8aa0e4}.component-variant-card-mini.is-blue3{background:#566bb8}.component-variant-card-side strong{font-size:9px;font-weight:800}.component-variant-card-side.is-good strong{color:#2f7a4a}.component-variant-card-side.is-good strong:before{content:"✓ "}.component-variant-card-side.is-bad strong{color:#a83a44}.component-variant-card-side.is-bad strong:before{content:"✗ "}.term-interactive-demo.component-variant-demo{border-color:var(--color-deco);background:var(--color-white);gap:14px}.component-variant-demo-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.component-variant-axes{border:1px dashed var(--color-deco);background:var(--color-faint);border-radius:8px;flex-wrap:wrap;gap:6px 12px;padding:8px 10px;display:flex}.component-variant-axes span{color:var(--muted);font-size:12px;line-height:1.4}.component-variant-axes b{color:var(--ink);margin-right:4px;font-weight:800}.component-variant-stage{border:1px solid var(--color-deco);background:var(--color-faint);border-radius:10px;justify-items:center;gap:10px;padding:20px 16px 16px;display:grid;position:relative}.component-variant-stage-label{color:var(--muted);font-size:11px;font-weight:700;position:absolute;top:8px;left:12px}.component-variant-object{justify-content:center;align-items:center;gap:10px;min-height:44px;display:flex}.component-variant-button{background:var(--ink);color:var(--color-white);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.component-variant-button.is-md{padding:9px 18px;font-size:14px}.component-variant-button.is-sm{padding:6px 12px;font-size:12px}.component-variant-button.is-primary{background:var(--color-rausch);color:var(--color-white)}.component-variant-button.is-primary:hover,.component-variant-button.is-primary.is-hovered{background:var(--color-rausch-600)}.component-variant-button.is-secondary{background:var(--color-white);border-color:var(--color-deco);color:var(--ink)}.component-variant-button.is-secondary:hover,.component-variant-button.is-secondary.is-hovered{background:var(--color-faint);border-color:var(--ink)}.component-variant-button.is-danger{color:var(--color-white);background:#a83a44}.component-variant-button.is-danger:hover,.component-variant-button.is-danger.is-hovered{background:#8a2f38}.component-variant-button.is-disabled,.component-variant-button:disabled{background:var(--color-deco);color:var(--muted);cursor:not-allowed;opacity:.85}.component-variant-button.is-loading{background:var(--ink);color:var(--color-white);cursor:progress}.component-variant-button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.component-variant-spinner{border:2px solid color-mix(in srgb, var(--color-white) 35%, transparent);border-top-color:var(--color-white);border-radius:50%;width:11px;height:11px;animation:.8s linear infinite component-variant-spin}@keyframes component-variant-spin{to{transform:rotate(360deg)}}.component-variant-adhoc-candidate{color:#a83a44;background:repeating-linear-gradient(45deg,#fbecee 0 6px,#fff 6px 12px);border:1px dashed #c9a8ab;border-radius:8px;justify-content:center;align-items:center;padding:9px 14px;font-size:13px;font-weight:700;display:inline-flex}.component-variant-props-tag{border:1px solid var(--color-deco);background:var(--color-white);color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:999px;margin:0;padding:4px 9px;font-size:12px}.component-variant-props-tag b{color:var(--ink);font-weight:800}.component-variant-stamp{border-radius:999px;justify-content:center;align-items:center;padding:5px 12px;font-size:12px;font-weight:800;display:inline-flex}.component-variant-stamp.is-pass{color:#2f7a4a;background:#e3f3e9;border:1px solid #b9dcc4}.component-variant-stamp.is-fail{color:#a83a44;background:#fbecee;border:1px solid #e6c4c7}.component-variant-controls{flex-direction:column;gap:8px;display:flex}.component-variant-control-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.component-variant-control-legend{color:var(--muted);min-width:32px;font-size:12px;font-weight:800}.component-variant-demo button{color:var(--ink);background:var(--color-white);border-color:var(--color-deco)}.component-variant-demo button:hover{border-color:var(--ink);background:var(--color-faint);color:var(--ink)}.component-variant-demo button[aria-pressed=true]{border-color:var(--ink);background:var(--color-faint);color:var(--ink);font-weight:800}.component-variant-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.component-variant-actions{flex-wrap:wrap;gap:7px;display:flex}.component-variant-verify{font-weight:700;background:var(--ink)!important;border-color:var(--ink)!important;color:var(--color-white)!important}.component-variant-verify:hover{color:var(--color-white)!important;background:#2a2a32!important;border-color:#2a2a32!important}.component-variant-adhoc-trigger{color:#8a2f38!important;background:var(--color-white)!important;border-style:dashed!important;border-color:#cdbfc1!important}.component-variant-adhoc-trigger:hover,.component-variant-adhoc-trigger[aria-pressed=true]{color:#a83a44!important;background:#fbecee!important;border-color:#a83a44!important}.component-variant-reset{color:var(--muted)!important}.component-variant-verdict{border:1px solid var(--color-deco);background:var(--color-faint);border-radius:8px;gap:3px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55;display:grid}.component-variant-verdict strong{color:var(--ink);font-weight:800}.component-variant-verdict.is-pass{background:#eaf6ee;border-color:#b9dcc4}.component-variant-verdict.is-pass strong{color:#2f7a4a}.component-variant-verdict.is-fail{background:#fbecee;border-color:#e6c4c7}.component-variant-verdict.is-fail strong{color:#a83a44}.component-variant-verdict span{color:var(--muted)}.component-variant-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.component-variant-examples article{border:1px solid var(--color-deco);background:var(--color-faint);border-radius:9px;align-content:start;gap:5px;padding:14px;display:grid}.component-variant-examples article header{justify-content:space-between;align-items:center;gap:6px;display:flex}.component-variant-examples article strong{color:var(--ink);font-size:13px;font-weight:800}.component-variant-examples article.is-good strong:before{content:"✓ ";color:#2f7a4a}.component-variant-examples article.is-bad strong:before{content:"✗ ";color:#a83a44}.component-variant-examples article small{color:var(--muted);font-size:11px;font-weight:800}.component-variant-examples article p{color:var(--ink);margin:0;font-size:13px;line-height:1.6}.component-variant-examples article span{color:var(--muted);font-size:12px;font-weight:650}.component-variant-howto{color:var(--ink);gap:8px;margin:8px 0 0;padding:0 0 0 18px;font-size:13px;line-height:1.6;display:grid}.component-variant-howto li{color:var(--muted)}.component-variant-howto li b{color:var(--ink);font-weight:800}@media (max-width:780px){.component-variant-examples{grid-template-columns:1fr}.component-variant-axes{gap:5px 8px}.component-variant-actions{flex-direction:column;align-items:stretch}.component-variant-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.component-variant-spinner{animation:none}.component-variant-button{transition:none}}@media (max-width:780px){.component-variant-card-compare{gap:4px}.component-variant-card-mini{min-height:16px;padding:2px 4px;font-size:7px}.component-variant-card-axis{height:12px;font-size:6px}}.term-card .term-preview.component-variant-card-preview{background:var(--color-white);border-color:var(--color-deco);color:var(--ink)}
.term-card .design-handoff-card-preview{background:var(--color-white);border-color:var(--color-deco);color:var(--ink)}.design-handoff-card-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.design-handoff-card-side{border:1px solid var(--color-deco);background:var(--soft);border-radius:6px;gap:4px;margin:0;padding:6px 7px;display:grid}.design-handoff-card-side figcaption{color:var(--muted);font-size:8.5px;font-weight:750}.design-handoff-card-items{gap:3px;margin:0;padding:0;list-style:none;display:grid}.design-handoff-card-items li{background:var(--color-white);color:var(--ink);border-radius:4px;justify-content:space-between;align-items:center;gap:5px;padding:3px 5px;font-size:8.5px;display:flex}.design-handoff-card-items i{font-style:normal;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:8px;font-weight:750}.design-handoff-card-side.is-bad{background:#fbeaee;border-color:#ecc9ce}.design-handoff-card-side.is-bad .design-handoff-card-items i{color:#a83a44}.design-handoff-card-side.is-bad strong{color:#a83a44;background:#fdf3f4}.design-handoff-card-side.is-good{background:#e8f3ec;border-color:#bfe6cd}.design-handoff-card-side.is-good .design-handoff-card-items i{color:#1f6a3a}.design-handoff-card-side.is-good strong{color:#1f6a3a;background:#e6f7ec}.design-handoff-card-side strong{border-radius:4px;justify-content:center;align-items:center;padding:4px 5px;font-size:8.5px;font-weight:800;display:flex}.design-handoff-card-conclusion{color:var(--ink);margin:0;font-size:9px;font-weight:650;line-height:1.5}.design-handoff-card-conclusion strong{color:var(--ink);font-weight:800}.design-handoff-card-conclusion em{color:var(--ink);font-style:normal;font-weight:800}.term-interactive-demo.design-handoff-demo{border-color:var(--line);background:var(--color-white);gap:14px}.term-interactive-demo.design-handoff-demo button{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.design-handoff-demo button:hover:not(:disabled){border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.design-handoff-demo button[aria-pressed=true]{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.design-handoff-demo-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.design-handoff-demo-brief strong{color:var(--ink);font-weight:700}.design-handoff-package{border:1px solid var(--line);background:var(--soft);border-radius:10px;margin:0;padding:12px 14px}.design-handoff-package legend{color:var(--muted);letter-spacing:.02em;padding:0 4px;font-size:11px;font-weight:700}.design-handoff-package-list{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.design-handoff-package-item{border:1px solid var(--color-deco);background:var(--color-white);cursor:pointer;border-radius:8px;align-items:flex-start;gap:9px;padding:8px 10px;display:flex}.design-handoff-package-item.is-on{border-color:var(--ink)}.design-handoff-package-item input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:var(--ink);cursor:pointer;flex:none;margin-top:1px}.design-handoff-package-label{gap:2px;min-width:0;display:grid}.design-handoff-package-label b{color:var(--ink);font-size:13px;font-weight:700}.design-handoff-package-label small{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px}.design-handoff-package-presets{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.design-handoff-reset{margin-left:auto}.design-handoff-impl{border:1px solid var(--line);background:var(--soft);border-radius:10px;gap:10px;padding:14px;display:grid}.design-handoff-impl.is-bounced{background:#fff7f8;border-color:#ecc9ce}.design-handoff-impl-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.design-handoff-impl-head small{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:700}.design-handoff-stamp{border:1px solid #0000;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:800}.design-handoff-stamp.is-pass{color:#1f6a3a;background:#e8f3ec;border-color:#bfe6cd}.design-handoff-stamp.is-fail{color:#a83a44;background:#fbeaee;border-color:#ecc9ce}.design-handoff-impl-states{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none;display:grid}.design-handoff-impl-states li{border:1px solid var(--color-deco);background:var(--color-white);border-radius:8px;gap:5px;padding:10px;display:grid}.design-handoff-impl-states code{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px}.design-handoff-state-chip{border:1px solid var(--color-deco);background:var(--soft);min-height:30px;color:var(--ink);border-radius:6px;justify-content:center;place-self:start;align-items:center;gap:6px;max-width:100%;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.design-handoff-state-chip.is-default{border-color:var(--color-rausch);background:var(--color-rausch);color:var(--color-white);font-weight:800}.design-handoff-state-chip.is-default.is-guess{border-color:var(--color-deco);background:var(--soft);color:var(--muted);font-weight:650}.design-handoff-state-chip.is-loading{color:var(--ink)}.design-handoff-state-chip.is-error{color:#a83a44;background:#fbeaee;border-color:#ecc9ce}.design-handoff-state-chip.is-error u{color:#a83a44}.design-handoff-state-chip.is-disabled{border-color:var(--color-deco);background:var(--soft);color:var(--muted);opacity:.7;cursor:not-allowed}.design-handoff-state-chip.is-missing{color:#a83a44;background:#fff7f8;border-style:dashed;border-color:#ecc9ce}.design-handoff-spinner{border:2px solid var(--color-deco);border-top-color:var(--ink);border-radius:50%;width:11px;height:11px}.design-handoff-impl-assets{border:1px solid var(--color-deco);background:var(--color-white);color:var(--ink);border-radius:7px;margin:0;padding:8px 10px;font-size:12px}.design-handoff-impl-assets code{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px}.design-handoff-acceptance{border:1px solid var(--line);background:var(--color-white);border-radius:10px;gap:8px;padding:12px 14px;display:grid}.design-handoff-acceptance-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.design-handoff-acceptance-head small{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:700}.design-handoff-acceptance-head strong{color:var(--ink);font-size:12px;font-weight:800}.design-handoff-acceptance-list{gap:5px;margin:0;padding:0;list-style:none;display:grid}.design-handoff-acceptance-list li{border:1px solid #0000;border-radius:7px;align-items:center;gap:9px;padding:7px 10px;display:flex}.design-handoff-acceptance-list li i{border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:11px;font-style:normal;font-weight:800;display:grid}.design-handoff-acceptance-list li span{overflow-wrap:anywhere;min-width:0;color:var(--ink);flex:auto;font-size:12.5px}.design-handoff-acceptance-list li small{border-radius:99px;flex:none;padding:1px 7px;font-size:10.5px;font-weight:700}.design-handoff-acceptance-list li.is-pass{background:#e8f3ec;border-color:#bfe6cd}.design-handoff-acceptance-list li.is-pass i{color:#1f6a3a}.design-handoff-acceptance-list li.is-pass small{color:#1f6a3a;background:#e6f7ec}.design-handoff-acceptance-list li.is-fail{background:#fbeaee;border-color:#ecc9ce}.design-handoff-acceptance-list li.is-fail i{color:#a83a44}.design-handoff-acceptance-list li.is-fail small{color:#a83a44;background:#fdf3f4}.design-handoff-status{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-left-width:4px;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.design-handoff-status strong{color:var(--ink);font-weight:800}.design-handoff-howto{gap:6px;margin:0;padding-left:18px;display:grid}.design-handoff-howto li{color:var(--muted);font-size:13px;line-height:1.6}.design-handoff-howto li b{color:var(--ink);font-weight:800}.design-handoff-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.design-handoff-examples article{border:1px solid var(--line);border-left:4px solid var(--ink);background:var(--color-white);border-radius:8px;gap:5px;padding:13px 14px;display:grid}.design-handoff-examples article.is-bad{border-left-style:dashed;border-left-color:var(--color-deco);background:var(--soft)}.design-handoff-examples header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.design-handoff-examples header strong{color:var(--ink);font-size:14px}.design-handoff-examples article.is-good header strong:before{content:"✓ ";color:#1f6a3a;font-weight:800}.design-handoff-examples article.is-bad header strong:before{content:"✗ ";color:#a83a44;font-weight:800}.design-handoff-examples header small{color:var(--muted);font-size:11px;font-weight:700}.design-handoff-examples p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.58}.design-handoff-examples span{color:var(--ink);font-size:11px;font-weight:650}@media (max-width:780px){.design-handoff-card-compare,.design-handoff-impl-states,.design-handoff-examples{grid-template-columns:1fr}.design-handoff-package-presets{flex-direction:column;align-items:stretch}.design-handoff-reset{margin-left:0}.design-handoff-card-side{padding:5px 6px}.design-handoff-card-items li{padding-inline:4px}}.term-card .term-preview.design-handoff-card-preview{background:var(--color-white);border-color:var(--color-deco);color:var(--ink)}