.vls-demo-card{width:100%;padding:1.5rem;border-radius:var(--radius-lg);background:var(--card-bg);border:1px solid var(--elevated-border);box-shadow:0 10px 30px var(--box-shadow);color:var(--text-primary);position:relative}[data-theme=dark] .vls-demo-card{box-shadow:0 10px 30px rgba(255,255,255,.3)}.demo-autoplay-banner{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;margin-bottom:1rem;background:color-mix(in oklab,var(--accent) 18%,transparent);color:var(--accent);border-radius:999px;font-size:.875rem;font-weight:600;animation:2s infinite pulse}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}.demo-autoplay-banner svg{width:16px;height:16px;animation:1.5s infinite pulse}.demo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.demo-title{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-base);font-weight:800;margin:0;color:var(--text-primary)}.demo-title svg{width:20px;height:20px;color:var(--accent)}.demo-controls{display:flex;gap:.5rem}.demo-btn-control{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:0 0;border:1px solid var(--elevated-border);border-radius:6px;color:var(--text-secondary);font-size:var(--font-size-xxxs);font-weight:600;cursor:pointer;transition:.2s}.demo-btn-control span{font-size:var(--font-size-xxxs)}.demo-btn-control:hover{background:var(--surface-1);color:var(--text-primary);border-color:var(--accent)}.demo-btn-control svg{width:14px;height:14px}.demo-btn-control.is-active{background:color-mix(in oklab,var(--accent) 12%,transparent);color:var(--accent);border-color:var(--accent)}.demo-section{margin-bottom:.5rem}.demo-label{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-xxs);font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.demo-margin{margin-top:.5rem}.demo-dest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.demo-dest-card{position:relative;cursor:pointer}.demo-dest-card input{position:absolute;opacity:0;pointer-events:none}.demo-dest-content{display:block;padding:.5rem;text-align:center;font-size:.875rem;font-weight:600;border:2px solid var(--elevated-border);border-radius:10px;background:var(--surface-1);color:var(--text-secondary);transition:.2s;margin:0}.demo-dest-card:hover .demo-dest-content{border-color:color-mix(in oklab,var(--accent) 50%,transparent)}.demo-dest-card input:checked+.demo-dest-content{background:color-mix(in oklab,var(--accent) 12%,transparent);border-color:var(--accent);color:var(--text-primary)}.demo-dest-card[data-dest=attacker] input:checked+.demo-dest-content{background:rgba(239,68,68,.1);border-color:#ef4444;color:#ef4444}.demo-amount-header{display:flex;justify-content:space-between;align-items:flex-end}.demo-amount-display{font-size:var(--font-size-base);font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}.demo-slider-container{position:relative}.demo-slider{width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,var(--accent) var(--_p,50%),var(--elevated-border) var(--_p,50%));outline:0;-webkit-appearance:none;appearance:none}.demo-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#fff;border:2px solid var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s}.demo-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.demo-slider::-moz-range-thumb{width:16px;height:16px;background:#fff;border:2px solid var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s}.demo-slider-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:1rem}.demo-time-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.demo-time-card{position:relative;cursor:pointer}.demo-time-card input{position:absolute;opacity:0;pointer-events:none}.demo-time-content{display:block;padding:.5rem;text-align:center;font-size:var(--font-size-xxs);font-weight:600;border:2px solid var(--elevated-border);border-radius:10px;background:var(--surface-1);color:var(--text-secondary);transition:.2s;margin:0}.demo-time-card:hover .demo-time-content{border-color:color-mix(in oklab,var(--accent) 50%,transparent)}.demo-time-card input:checked+.demo-time-content{background:color-mix(in oklab,var(--accent) 12%,transparent);border-color:var(--accent);color:var(--text-primary)}.demo-expand-btn{width:100%;display:flex;align-items:center;gap:.5rem;padding:0;background:0 0;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:color .2s}.demo-expand-btn:hover{color:var(--text-primary)}.demo-chevron{width:16px;height:16px;margin-left:auto;transition:transform .2s}.demo-expand-btn[aria-expanded=true] .demo-chevron{transform:rotate(90deg)}.demo-risks-panel{margin-top:1rem}.demo-risks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.demo-toggle{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-radius:10px;background:var(--surface-1);border:2px solid var(--elevated-border);transition:.2s}.demo-toggle:hover{border-color:color-mix(in oklab,var(--accent) 50%,transparent)}.demo-toggle span{font-size:.875rem;font-weight:500;color:var(--text-primary)}.demo-toggle input{position:absolute;opacity:0;pointer-events:none}.demo-toggle-track{position:relative;width:44px;height:24px;background:var(--elevated-border);border-radius:999px;transition:background .2s;cursor:pointer}.demo-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s}.demo-toggle input:checked+.demo-toggle-track{background:var(--accent)}.demo-toggle input:checked+.demo-toggle-track .demo-toggle-thumb{transform:translateX(20px)}.demo-toggle-policy input:checked+.demo-toggle-track{background:var(--accent)}.demo-validate-btn{width:100%;padding:.75rem;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:700;cursor:pointer;transition:.2s;margin-bottom:1.5rem}.demo-validate-btn:hover{background:color-mix(in oklab,var(--accent) 90%,#000);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in oklab,var(--accent) 40%,transparent)}.demo-results-section{padding-top:1.5rem;border-top:1px solid var(--elevated-border)}.demo-results-title{font-size:var(--font-size-sm);font-weight:800;margin-bottom:1rem;color:var(--text-primary)}.demo-results-grid{display:grid;gap:1rem;margin-bottom:1rem}@media (min-width:480px){.demo-results-grid{grid-template-columns:1fr 1fr}}.demo-result-card{padding:1rem;background:var(--surface-1);border:2px solid var(--elevated-border);border-radius:12px;transition:.2s}.demo-result-vls{background:color-mix(in oklab,var(--success,#35c27e) 5%,var(--surface-1));border-color:color-mix(in oklab,var(--success,#35c27e) 30%,var(--elevated-border))}.demo-result-blind.has-danger{background:color-mix(in oklab,var(--danger,#ef4444) 5%,var(--surface-1));border-color:color-mix(in oklab,var(--danger,#ef4444) 30%,var(--elevated-border))}.demo-result-blind.has-warning{background:color-mix(in oklab,var(--warning,#f6b44b) 8%,var(--surface-1));border-color:color-mix(in oklab,var(--warning,#f6b44b) 40%,var(--elevated-border))}.demo-result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.demo-result-left{display:flex;align-items:flex-start;gap:.75rem}.demo-result-icon{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.demo-icon-vls{background:color-mix(in oklab,var(--accent) 20%,transparent);color:var(--accent)}.demo-icon-warning{background:color-mix(in oklab,var(--warning,#f6b44b) 20%,transparent);color:var(--warning,#f6b44b)}.demo-result-blind.has-danger .demo-icon-warning{background:color-mix(in oklab,var(--danger,#ef4444) 20%,transparent);color:var(--danger,#ef4444)}.demo-result-icon svg{width:15px;height:15px}.demo-result-title{font-size:var(--font-size-xs);font-weight:700;margin:0 0 .25rem;color:var(--text-primary)}.demo-result-subtitle{font-size:.75rem;color:var(--text-secondary);margin:0}.demo-status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:999px;font-size:var(--font-size-xxxs);font-weight:700}.demo-status-badge.is-approve{background:color-mix(in oklab,var(--success,#35c27e) 20%,transparent);color:var(--success,#35c27e)}.demo-status-badge.is-reject{background:color-mix(in oklab,var(--danger,#ef4444) 20%,transparent);color:var(--danger,#ef4444)}.demo-why-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0;background:0 0;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:color .2s}.demo-why-btn:hover{color:var(--text-primary)}.demo-why-arrow{transition:transform .2s;font-size:.75rem}.demo-why-btn[aria-expanded=true] .demo-why-arrow{transform:rotate(180deg)}.demo-why-panel{margin-top:.75rem;padding:.75rem;background:var(--card-bg);border:1px solid var(--elevated-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.demo-why-panel ul{margin:0;padding-left:1.25rem;list-style:none}.demo-why-panel li{position:relative;padding-left:.5rem;margin-bottom:.25rem;font-size:var(--font-size-xxs)}.demo-why-panel li:before{content:"•";position:absolute;left:-.75rem;color:var(--text-secondary)}.demo-danger-alert{margin-top:.75rem;padding:.75rem;background:color-mix(in oklab,var(--danger,#ef4444) 10%,transparent);border:1px solid color-mix(in oklab,var(--danger,#ef4444) 30%,transparent);border-radius:var(--radius-sm);color:var(--danger,#ef4444);font-size:var(--font-size-sm);font-weight:500}.demo-danger-alert svg{display:inline-block;width:16px;height:16px;margin-right:.5rem;vertical-align:text-bottom}.demo-key-difference{padding:1rem;background:var(--surface-1);border:1px solid var(--elevated-border);border-radius:10px;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.demo-key-difference p{margin-bottom:0}.demo-key-difference strong{color:var(--text-primary)}@media (max-width:480px){.vls-demo-card{padding:1rem}.demo-header{flex-direction:column;gap:1rem;align-items:flex-start}.demo-controls{width:100%;justify-content:flex-start}.demo-dest-grid,.demo-results-grid{grid-template-columns:1fr}.demo-amount-display{font-size:1rem}}