.mechanism-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.mechanism-chart{position:relative;margin:28px 0 48px}.mechanism-chart svg{width:100%;overflow:visible}.mechanism-chart text{font:14px Nunito,sans-serif;fill:currentColor}.mechanism-traveler{position:absolute;bottom:-30px;transition:left .65s cubic-bezier(.22,.68,0,1)}.mechanism-result{font-weight:800;padding:18px;border:2px dashed currentColor;border-radius:20px;margin:20px 0;background:#ffd16625}.field{display:grid;gap:8px;margin:16px 0}.field input,.field textarea,.field select{width:100%;padding:12px 15px;border:2px solid #4a2e2350;border-radius:13px;font:16px Nunito,sans-serif;background:#fffdf6;color:inherit}.field input[type=range]{padding:8px 0;accent-color:var(--coral,#FF7B6B)}.token__layout>.panel{padding:28px;align-self:start}.token__layout p{line-height:1.7;margin:12px 0}.mechanism-grid .panel{padding:25px}.about-mechanism{padding:35px}.about-mechanism>svg{float:right}.about-mechanism details{border-bottom:1px dashed #4a2e2350;padding:20px 0}.about-mechanism summary{cursor:pointer;font:500 23px Fredoka,sans-serif}.about-mechanism p{line-height:1.8;max-width:850px;margin-top:15px}.stats{display:flex;justify-content:space-around;gap:20px}.stat{display:grid;gap:5px}.stat__value{font:600 26px Fredoka,sans-serif}.stat__label{font:800 12px Nunito,sans-serif}.contract[hidden],.contract [hidden]{display:none!important}.contract{margin:24px auto 34px;color:inherit}.contract-body{border:2px solid currentColor;border-radius:26px;padding:25px 30px;background:#FFFBF3;box-shadow:0 5px 0 currentColor;position:relative}.contract-heading{display:flex;align-items:center;gap:20px}.contract-mark{font-size:44px}.contract h2{font:500 27px Fredoka,sans-serif;margin:5px 0}.contract-chain{margin-left:auto;border:1px solid currentColor;border-radius:20px;padding:6px 12px}.contract-content{display:flex;gap:22px;margin-top:20px;align-items:center}.contract-text{flex:1;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;font:700 18px/1.7 Nunito,sans-serif}.contract-actions{display:flex;gap:12px;flex-shrink:0}.contract-actions button,.contract-actions a{font:800 14px Nunito,sans-serif;background:#FFD166;padding:10px 16px;border:2px solid currentColor;border-radius:22px;cursor:pointer}.contract-feedback:empty{display:none}.contract-feedback{margin:10px 0 0}.contract-2 .contract-body{border-radius:4px 50px 4px 50px;background:#eef7fa;box-shadow:6px 6px 0 currentColor}.contract-2 .contract-heading{width:34%;float:left;align-items:start;flex-wrap:wrap}.contract-2 .contract-content{margin:0 0 0 37%;min-height:120px;flex-direction:column;align-items:flex-start}.contract-2 .contract-chain{margin-left:0}.contract-2 .contract-feedback{clear:both}.contract-2 .contract-actions button{background:#F3A35C}.contract-3 .contract-body{border-radius:60px 60px 18px 18px;background:#F1F5E6;padding-left:110px;border-bottom:8px solid #344535;box-shadow:none}.contract-3 .contract-mark{position:absolute;left:30px;top:33px}.contract-3 .contract-content{border-top:2px dashed #7e9777;padding-top:15px}.contract-3 .contract-actions button{background:#F1AD92}
.rule-value{display:block;font:600 26px Fredoka,sans-serif;margin:8px 0}.mechanism-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mechanism-grid h3{margin:8px 0}.mechanism-grid p{line-height:1.6}