.term-card .color-system-card-preview{background:#fffdf7;border-color:#e7dfc4;gap:7px}.color-system-card-ladder{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;display:grid}.color-system-card-ladder>span{border-radius:4px;height:16px;box-shadow:inset 0 0 0 1px #0000000f}.color-system-card-roles{gap:2px;display:grid}.color-system-card-roles b{color:#2f3a4a;font-size:9px;font-weight:800}.color-system-card-roles span{color:#6b7280;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:8px}.color-system-card-ref{background:#fff;border:1px solid #e2dccb;border-radius:5px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;margin:0;padding:5px 8px;display:grid}.color-system-card-ref dt{color:#8a8a82;font-size:8px;font-weight:750}.color-system-card-ref dd{margin:0}.color-system-card-ref code{color:#1f6a3a;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:10px;font-weight:700}.color-system-card-conclusion{color:#4d5360;margin:0;font-size:9px;font-weight:650;line-height:1.5}.color-system-card-conclusion strong{color:#1f2330;font-weight:800}.term-interactive-demo.color-system-demo{background:#f5f6f8;border-color:#d8dbe2;gap:14px}.color-system-demo-brief{color:#4d5360;margin:0;font-size:13px;line-height:1.6}.color-system-stage{border:1px solid #e9eaee;border-radius:10px;gap:8px;padding:16px;display:grid}.color-system-stage--light{background:#fff;border-color:#e9eaee}.color-system-stage--dark{background:#16191f;border-color:#2a2e3a}.color-system-order-card{gap:4px;display:grid}.color-system-order-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.color-system-order-title{margin:4px 0 0;font-size:17px;font-weight:800}.color-system-order-amount{margin:0;font-size:22px;font-weight:800}.color-system-order-meta{margin:0;font-size:12px;font-weight:600}.color-system-stage--light .color-system-order-title,.color-system-stage--light .color-system-order-amount{color:#1f2330}.color-system-stage--light .color-system-order-meta{color:#5a6072}.color-system-stage--dark .color-system-order-title,.color-system-stage--dark .color-system-order-amount{color:#e9eaee}.color-system-stage--dark .color-system-order-meta{color:#b8bcc6}.color-system-token-ref{font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:700}.color-system-stage--light .color-system-token-ref{color:#5a6072}.color-system-stage--dark .color-system-token-ref{color:#b8bcc6}.color-system-badge{border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:12px;font-weight:750;display:inline-flex}.color-system-badge>i{font-style:normal;font-weight:800}.color-system-stage--light .color-system-badge--success{color:#1f6a3a;background:#e3f3e9;border-color:#8fcfa8}.color-system-stage--light .color-system-badge--warning{color:#8f6818;background:#fbe8c4;border-color:#f0c878}.color-system-stage--light .color-system-badge--danger{color:#8a2f38;background:#f6dadc;border-color:#e09ca3}.color-system-stage--light .color-system-badge--neutral{color:#3f4456;background:#e9eaee;border-color:#b8bcc6}.color-system-stage--dark .color-system-badge--success{color:#8fcfa8;background:#0f3d22;border-color:#1f6a3a}.color-system-stage--dark .color-system-badge--warning{color:#f0c878;background:#4d3806;border-color:#8f6818}.color-system-stage--dark .color-system-badge--danger{color:#e09ca3;background:#4a181c;border-color:#8a2f38}.color-system-stage--dark .color-system-badge--neutral{color:#b8bcc6;background:#1f2330;border-color:#3f4456}.color-system-contrast-mark{border-top:1px dashed #e9eaee;margin:6px 0 0;padding-top:6px;font-size:11px;font-weight:700}.color-system-stage--dark .color-system-contrast-mark{color:#b8bcc6;border-top-color:#2a2e3a}.color-system-stage--light .color-system-contrast-mark{color:#5a6072}.term-interactive-demo.color-system-demo .color-system-cta{border:1px solid var(--color-rausch);background:var(--color-rausch);color:#fff;min-height:38px;font:inherit;border-radius:8px;justify-self:start;margin-top:4px;padding:8px 16px;font-size:14px;font-weight:750;transition:background-color .12s ease-out,border-color .12s ease-out}.term-interactive-demo.color-system-demo .color-system-cta:hover{border-color:var(--color-rausch-600);background:var(--color-rausch-600);color:#fff}.term-interactive-demo.color-system-demo .color-system-cta:focus-visible{outline:2px solid var(--color-rausch-600);outline-offset:2px}.color-system-controls{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.color-system-control-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.term-interactive-demo.color-system-demo .color-system-controls button{color:#4d5360;background:#fff;border-color:#c9ccd4}.term-interactive-demo.color-system-demo .color-system-controls button:hover{color:#1f2330;background:#fff;border-color:#3f4456}.term-interactive-demo.color-system-demo .color-system-controls button[aria-pressed=true]{color:#fff;background:#1f2330;border-color:#1f2330}.color-system-reset{color:#4d5360;min-height:34px;font:inherit;background:#fff;border:1px solid #c9ccd4;border-radius:7px;padding:7px 12px;font-size:12px;font-weight:700}.color-system-reset:hover{color:#1f2330;background:#fff;border-color:#3f4456}.color-system-scale{background:#fff;border:1px solid #d8dbe2;border-radius:8px;gap:8px;padding:12px;display:grid}.color-system-scale header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;display:flex}.color-system-scale header strong{color:#1f2330;font-size:13px;font-weight:800}.color-system-scale header small{color:#6b7280;font-size:11px;font-weight:600}.color-system-scale header small b{color:#1f6a3a;font-weight:800}.color-system-scale-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.color-system-scale-stop{justify-items:center;gap:4px;display:grid}.color-system-scale-stop>i{border-radius:6px;width:100%;height:26px;box-shadow:inset 0 0 0 1px #0000000f}.color-system-scale-stop>small{color:#4d5360;font-size:10px;font-weight:700}.color-system-scale-stop>em{color:#fff;background:#1f2330;border-radius:99px;padding:1px 6px;font-size:9px;font-style:normal;font-weight:800}.color-system-scale-stop.is-bg>em{background:#6b7280}.color-system-scale-stop.is-fg>i{box-shadow:inset 0 0 0 1px #0000000f,0 0 0 2px #1f2330}.color-system-scale-stop.is-bg>i{box-shadow:inset 0 0 0 1px #0000000f,0 0 0 2px #6b7280}.color-system-status{color:#4d5360;background:#fff;border-left:4px solid #1f2330;border-radius:6px;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.6}.color-system-status strong{color:#1f2330;margin-top:3px;font-size:12px;font-weight:800;display:block}.color-system-howto{gap:6px;margin:0;padding-left:18px;display:grid}.color-system-howto li{color:#4d5360;font-size:13px;line-height:1.6}.color-system-howto li b{color:#1f2330;font-weight:800}.color-system-howto li code{color:#1f2330;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#eef0f4;border-radius:4px;padding:1px 5px;font-size:11px}.color-system-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.color-system-examples article{background:#fff;border:1px solid #d8dbe2;border-radius:8px;gap:5px;padding:12px 14px;display:grid}.color-system-examples header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.color-system-examples header strong{font-size:13px}.color-system-examples header small{color:#6b7280;font-size:11px;font-weight:700}.color-system-examples p{color:#4d5360;margin:0;font-size:12.5px;line-height:1.6}.color-system-examples code{color:#1f2330;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#eef0f4;border-radius:4px;padding:1px 5px;font-size:11px}.color-system-examples span{color:#6b7280;font-size:11px;font-weight:650}.color-system-examples article.is-good{border-left:4px solid #1f6a3a}.color-system-examples article.is-good header strong:before{content:"✓ ";color:#1f6a3a;font-weight:800}.color-system-examples article.is-bad{border-left:4px dashed #c9ccd4}.color-system-examples article.is-bad header strong:before{content:"✗ ";color:#8a2f38;font-weight:800}@media (max-width:780px){.color-system-card-ladder>span{height:13px}.color-system-examples{grid-template-columns:1fr}.color-system-scale-track{gap:4px}.color-system-scale-stop>em{padding-inline:4px;font-size:8px}}.term-card .term-preview.color-system-card-preview{color:#172044;background:#ececff;border-color:#c8cced;grid-template-columns:minmax(0,1.08fr) minmax(82px,.92fr);align-items:center;gap:9px;min-height:142px;padding:10px;display:grid}.color-system-card-phone{background:#fbfbff;border:2px solid #1a2145;border-radius:15px;gap:6px;min-width:0;padding:9px;display:grid;box-shadow:4px 4px #6657df}.color-system-card-phone header{color:#556083;justify-content:space-between;gap:5px;font-size:6.5px;font-weight:850;display:flex}.color-system-card-phone header b{color:#315bd3}.color-system-card-phone>strong{color:#172044;font-size:10px}.color-system-card-phone ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.color-system-card-phone li{color:#4f5876;align-items:center;gap:5px;font-size:7px;font-weight:750;display:flex}.color-system-card-phone li i{border-radius:50%;place-items:center;width:13px;height:13px;font-size:7px;font-style:normal;font-weight:950;display:grid}.color-system-card-phone li.is-done i{color:#146f4a;background:#dff5e8}.color-system-card-phone li.is-current i{color:#2454c6;background:#e1e9ff}.color-system-card-phone li.is-warning i{color:#985800;background:#fff0c7;border-radius:4px}.color-system-card-conclusion{color:#5d6382;gap:6px;margin:0;font-size:8.5px;line-height:1.45;display:grid}.color-system-card-conclusion strong{color:#172044;font-size:9.5px}.color-system-card-conclusion span{color:#5d6382}.term-interactive-demo.color-system-demo{--cs-brand:#315bd3;--cs-ink:#172044;--cs-muted:#5e6684;color:var(--cs-ink);background:radial-gradient(circle at 85% 8%,#8971ff2e,#0000 27%),linear-gradient(150deg,#f1f1ff 0%,#e5e8fb 100%);border-color:#c4c9eb;gap:16px;padding:18px;display:grid}.color-system-demo-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.color-system-demo-heading p{max-width:640px;color:var(--cs-muted);margin:0;font-size:13px;line-height:1.62}.color-system-demo-heading p strong{color:var(--cs-ink)}.color-system-demo-heading>span{color:#903341;background:#fff1f3;border:1px solid #d48b96;border-radius:999px;flex:none;padding:6px 9px;font-size:11px;font-weight:850}.color-system-demo-heading>span[data-state=pass]{color:#215a40;background:#edfaf3;border-color:#4e806b}.color-system-phone-shell{background:#242b67;border-radius:28px;place-items:center;min-height:560px;padding:28px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f,0 24px 55px #242b6733}.color-system-phone{width:min(100%,390px);min-height:510px;color:var(--cs-ink);background:#fbfbff;border:6px solid #10152f;border-radius:34px;gap:22px;padding:22px 20px;transition:background-color .15s ease-out,color .15s ease-out;display:grid;box-shadow:0 18px 40px #070b2157}.color-system-phone>header{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.color-system-phone>header b{color:var(--cs-brand);letter-spacing:-.04em;font-size:18px;font-weight:950}.color-system-phone>header span{color:#69708e;font-size:11px;font-weight:750}.color-system-phone>header i{color:#59617e;letter-spacing:.08em;font-size:12px;font-style:normal}.color-system-delivery-summary{gap:7px;display:grid}.color-system-delivery-summary small{color:#747b98;font-size:10px;font-weight:800}.color-system-delivery-summary h3{color:var(--cs-ink);letter-spacing:-.045em;margin:0;font-size:32px;line-height:1.04}.color-system-delivery-summary p{color:#4e5878;margin:0;font-size:12px;font-weight:700}.color-system-delivery-summary p span{color:var(--cs-brand)}.color-system-timeline{gap:12px;margin:0;padding:0;list-style:none;display:grid}.color-system-timeline li{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;display:grid}.color-system-timeline li>i{border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-style:normal;font-weight:950;display:grid}.color-system-timeline li>span{gap:2px;display:grid}.color-system-timeline li b{color:var(--cs-ink);font-size:12px}.color-system-timeline li small{color:#727a96;font-size:10px}.color-system-phone[data-fixed=true] .color-system-timeline .is-success>i{color:#146f4a;background:#dff5e8}.color-system-phone[data-fixed=true] .color-system-timeline .is-info>i{color:#2454c6;background:#e1e9ff}.color-system-phone[data-fixed=true] .color-system-timeline .is-warning>i{color:#985800;background:#fff0c7;border-radius:7px}.color-system-phone[data-fixed=false] .color-system-timeline li>i{color:#2454c6;background:#e1e9ff}.color-system-alert{background:#eef2ff;border:1px solid #c5d1f5;border-radius:14px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.color-system-alert>span{color:#2454c6;background:#dbe5ff;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:950;display:grid}.color-system-alert div{gap:2px;display:grid}.color-system-alert b{color:#213c8b;font-size:11px}.color-system-alert p{color:#53648e;margin:0;font-size:9.5px;line-height:1.45}.color-system-address-action{background:var(--cs-brand);color:#fff;white-space:nowrap;border-radius:8px;padding:7px 9px;font-size:9.5px;font-weight:850}.color-system-phone[data-fixed=true] .color-system-alert{background:#fff7dc;border-color:#edc86c}.color-system-phone[data-fixed=true] .color-system-alert>span{color:#8a5100;background:#ffe6a6}.color-system-phone[data-fixed=true] .color-system-alert b{color:#6f4300}.color-system-phone[data-fixed=true] .color-system-alert p{color:#735c2f}.color-system-phone>footer{border-top:1px solid #e1e3ef;gap:5px;padding-top:11px;display:grid}.color-system-phone>footer span{color:#606986;font-size:9px;font-weight:750}.color-system-phone>footer b{color:var(--cs-brand);font-size:10px}.color-system-phone[data-theme=dark]{color:#f4f5ff;background:#14182b}.color-system-phone[data-theme=dark]>header span,.color-system-phone[data-theme=dark]>header i,.color-system-phone[data-theme=dark] .color-system-delivery-summary small,.color-system-phone[data-theme=dark] .color-system-delivery-summary p,.color-system-phone[data-theme=dark] .color-system-timeline li small,.color-system-phone[data-theme=dark]>footer span{color:#b7bdd8}.color-system-phone[data-theme=dark] .color-system-delivery-summary h3,.color-system-phone[data-theme=dark] .color-system-timeline li b{color:#f4f5ff}.color-system-phone[data-theme=dark]>header b,.color-system-phone[data-theme=dark] .color-system-delivery-summary p span,.color-system-phone[data-theme=dark]>footer b{color:#91adff}.color-system-phone[data-theme=dark] .color-system-timeline .is-success>i{color:#75e2aa;background:#143f31}.color-system-phone[data-theme=dark] .color-system-timeline .is-info>i{color:#9ab6ff;background:#20356f}.color-system-phone[data-theme=dark] .color-system-timeline .is-warning>i{color:#ffd675;background:#4e3b0d}.color-system-phone[data-theme=dark] .color-system-alert{background:#342b18;border-color:#705c25}.color-system-phone[data-theme=dark] .color-system-alert>span{color:#ffd675;background:#514016}.color-system-phone[data-theme=dark] .color-system-alert b{color:#ffe7a5}.color-system-phone[data-theme=dark] .color-system-alert p{color:#d0c096}.color-system-phone[data-theme=dark]>footer{border-top-color:#333950}.color-system-demo-actions{flex-wrap:wrap;gap:8px;display:flex}.term-interactive-demo.color-system-demo .color-system-demo-actions button{min-height:40px;color:var(--cs-ink);background:#fbfbff;border-color:#7882b5}.term-interactive-demo.color-system-demo .color-system-demo-actions button:hover:not(:disabled){border-color:var(--cs-brand);color:#1c3d9a;background:#e7eaff}.term-interactive-demo.color-system-demo .color-system-demo-actions .color-system-demo-primary{border-color:var(--cs-brand);background:var(--cs-brand);color:#fff;font-weight:850}.term-interactive-demo.color-system-demo .color-system-demo-actions .color-system-demo-primary:hover:not(:disabled){color:#fff;background:#2447ad;border-color:#2447ad}.term-interactive-demo.color-system-demo .color-system-demo-actions button:focus-visible{outline-offset:3px;outline:3px solid #c95469}.term-interactive-demo.color-system-demo .color-system-demo-actions button:disabled{cursor:not-allowed;color:#6e7595;opacity:1;background:#d9dcef;border-color:#b7bdd9}.color-system-demo-status{border-left:3px solid var(--cs-brand);color:var(--cs-muted);margin:0;padding-left:12px;font-size:12.5px;line-height:1.58}.color-system-examples article{background:#fbfbff;border-radius:14px}@media (max-width:640px){.term-card .term-preview.color-system-card-preview{grid-template-columns:minmax(0,1.05fr) minmax(84px,.95fr);gap:7px;min-height:138px;padding:8px}.color-system-card-phone{padding:7px;box-shadow:3px 3px #6657df}.term-interactive-demo.color-system-demo{padding:13px}.color-system-demo-heading{gap:10px;display:grid}.color-system-demo-heading>span{justify-self:start}.color-system-phone-shell{border-radius:19px;min-height:0;padding:14px 8px}.color-system-phone{border-width:5px;border-radius:27px;gap:19px;min-height:0;padding:20px 15px}.color-system-delivery-summary h3{font-size:29px}.color-system-alert{grid-template-columns:28px minmax(0,1fr)}.color-system-address-action{grid-column:2;justify-self:start}.color-system-demo-actions{display:grid}.term-interactive-demo.color-system-demo .color-system-demo-actions button{width:100%}}